{
  "version": 3,
  "sources": ["../lib/variables.css"],
  "sourcesContent": ["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css\");\n\n:root {\n  /* COLORS */\n  --j-color-saturation: 60%;\n  --j-color-subtractor: 0%;\n  --j-color-multiplier: 1;\n\n  --j-color-lightness-0: calc(\n    (100% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-50: calc(\n    (98% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-100: calc(\n    (90% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-200: calc(\n    (80% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-300: calc(\n    (70% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-400: calc(\n    (60% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-500: calc(\n    (50% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-600: calc(\n    (40% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-700: calc(\n    (30% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-800: calc(\n    (20% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-900: calc(\n    (10% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n  --j-color-lightness-1000: calc(\n    (0% - var(--j-color-subtractor)) * var(--j-color-multiplier)\n  );\n\n  --j-color-primary-hue: 610;\n  --j-color-primary-50: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-50)\n  );\n  --j-color-primary-100: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-100)\n  );\n  --j-color-primary-200: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-200)\n  );\n  --j-color-primary-300: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-300)\n  );\n  --j-color-primary-400: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-400)\n  );\n  --j-color-primary-500: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-500)\n  );\n  --j-color-primary-600: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-600)\n  );\n  --j-color-primary-700: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-700)\n  );\n  --j-color-primary-800: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-800)\n  );\n  --j-color-primary-900: hsl(\n    var(--j-color-primary-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-900)\n  );\n\n  --j-color-success-hue: 130;\n  --j-color-success-50: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-50)\n  );\n  --j-color-success-100: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-100)\n  );\n  --j-color-success-200: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-200)\n  );\n  --j-color-success-300: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-300)\n  );\n  --j-color-success-400: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-400)\n  );\n  --j-color-success-500: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-500)\n  );\n  --j-color-success-600: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-600)\n  );\n  --j-color-success-700: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-700)\n  );\n  --j-color-success-800: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-800)\n  );\n  --j-color-success-900: hsl(\n    var(--j-color-success-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-900)\n  );\n\n  --j-color-warning-hue: 45;\n  --j-color-warning-50: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-50)\n  );\n  --j-color-warning-100: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-100)\n  );\n  --j-color-warning-200: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-200)\n  );\n  --j-color-warning-300: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-300)\n  );\n  --j-color-warning-400: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-400)\n  );\n  --j-color-warning-500: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-500)\n  );\n  --j-color-warning-600: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-600)\n  );\n  --j-color-warning-700: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-700)\n  );\n  --j-color-warning-800: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-800)\n  );\n  --j-color-warning-900: hsl(\n    var(--j-color-warning-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-900)\n  );\n\n  --j-color-danger-hue: 350;\n  --j-color-danger-50: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-50)\n  );\n  --j-color-danger-100: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-100)\n  );\n  --j-color-danger-200: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-200)\n  );\n  --j-color-danger-300: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-300)\n  );\n  --j-color-danger-400: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-400)\n  );\n  --j-color-danger-500: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-500)\n  );\n  --j-color-danger-600: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-600)\n  );\n  --j-color-danger-700: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-700)\n  );\n  --j-color-danger-800: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-800)\n  );\n  --j-color-danger-900: hsl(\n    var(--j-color-danger-hue),\n    var(--j-color-saturation),\n    var(--j-color-lightness-900)\n  );\n\n  --j-color-ui-hue: var(--j-color-primary-hue);\n  --j-color-ui-saturation: 10%;\n  --j-color-ui-50: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-50)\n  );\n  --j-color-ui-100: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-100)\n  );\n  --j-color-ui-200: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-200)\n  );\n  --j-color-ui-300: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-300)\n  );\n  --j-color-ui-400: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-400)\n  );\n  --j-color-ui-500: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-500)\n  );\n  --j-color-ui-600: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-600)\n  );\n  --j-color-ui-700: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-700)\n  );\n  --j-color-ui-800: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-800)\n  );\n  --j-color-ui-900: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-900)\n  );\n\n  --j-color-white: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-0)\n  );\n  --j-color-black: hsl(\n    var(--j-color-ui-hue),\n    var(--j-color-ui-saturation),\n    var(--j-color-lightness-1000)\n  );\n\n  /* FOCUS COLORS */\n  --j-color-focus: var(--j-color-primary-500);\n\n  --j-focus-outline: 0px 0px 0px 4px var(--j-color-focus);\n\n  /* FONT FAMILY */\n  --j-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\";\n\n  --j-font-base-size: 16px;\n\n  /* FONT SIZES */\n  --j-font-size-100: 0.56rem;\n  --j-font-size-200: 0.63rem;\n  --j-font-size-300: 0.75rem;\n  --j-font-size-400: 0.88rem;\n  --j-font-size-500: 1rem;\n  --j-font-size-600: 1.25rem;\n  --j-font-size-700: 1.5rem;\n  --j-font-size-800: 2rem;\n  --j-font-size-900: 2.63rem;\n  --j-font-size-1000: 3.63rem;\n\n  /* SPACING */\n  --j-space-100: 0.25rem;\n  --j-space-200: 0.38rem;\n  --j-space-300: 0.5rem;\n  --j-space-400: 1rem;\n  --j-space-500: 1.5rem;\n  --j-space-600: 2rem;\n  --j-space-700: 2.38rem;\n  --j-space-800: 2.75rem;\n  --j-space-900: 3.25rem;\n  --j-space-1000: 4rem;\n\n  /* BORDERS  */\n  --j-border-width: 1px;\n  --j-border-radius: 8px;\n  --j-border-radius-sm: 4px;\n  --j-border-radius-md: 8px;\n  --j-border-radius-lg: 16px;\n  --j-border-color: var(--j-color-ui-100);\n  --j-border-color-strong: var(--j-color-ui-200);\n\n  /* SIZES */\n  --j-size-xxs: 1.25rem;\n  --j-size-xs: 1.75rem;\n  --j-size-sm: 2.25rem;\n  --j-size-md: 2.625rem;\n  --j-size-lg: 3.25rem;\n  --j-size-xl: 3.8rem;\n  --j-size-xxl: 5rem;\n\n  /* SCROLLBAR */\n  --j-scrollbar-width: 6px;\n  --j-scrollbar-background-image: none;\n  --j-scrollbar-background: transparent;\n  --j-scrollbar-corner-background: #dfdfdf;\n  --j-scrollbar-thumb-box-shadow: none;\n  --j-scrollbar-thumb-border-radius: var(--j-border-radius);\n  --j-scrollbar-thumb-background: hsl(\n    var(--j-color-ui-hue),\n    5%,\n    var(--j-color-lightness-100)\n  );\n\n  /* DEPTH */\n  --j-depth-none: none;\n  --j-depth-100: 0px 1px 1px 0px rgba(9, 30, 66, 0.06),\n    0px 2px 4px 0px rgba(9, 30, 66, 0.15);\n  --j-depth-200: 0px 2px 2px 0px rgba(9, 30, 66, 0.06),\n    0px 4px 8px -2px rgba(9, 30, 66, 0.25);\n  --j-depth-300: 0px 2px 2px 0px rgba(9, 30, 66, 0.06),\n    0px 8px 16px -4px rgba(9, 30, 66, 0.25);\n  --j-depth-400: 0px 4px 4px 0px rgba(9, 30, 66, 0.06),\n    0px 12px 24px -6px rgba(9, 30, 66, 0.25);\n  --j-depth-500: 0px 6px 6px 0px rgba(9, 30, 66, 0.1),\n    0px 20px 32px -8px rgba(9, 30, 66, 0.25);\n\n  /*  ANIMATION */\n  --j-transition-100: 50ms;\n  --j-transition-200: 1500ms;\n  --j-transition-300: 250ms;\n  --j-transition-400: 500ms;\n  --j-transition-500: 1000ms;\n}\n"],
  "mappings": "sFAEA,MAEE,0BACA,yBACA,wBAEA,8FAGA,8FAGA,+FAGA,+FAGA,+FAGA,+FAGA,+FAGA,+FAGA,+FAGA,+FAGA,+FAGA,+FAIA,2BACA,gHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAMA,2BACA,gHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAMA,0BACA,gHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAKA,kHAMA,0BACA,8GAKA,gHAKA,gHAKA,gHAKA,gHAKA,gHAKA,gHAKA,gHAKA,gHAKA,gHAMA,6CACA,6BACA,yGAKA,2GAKA,2GAKA,2GAKA,2GAKA,2GAKA,2GAKA,2GAKA,2GAKA,2GAMA,wGAKA,2GAOA,4CAEA,wDAGA,+JAIA,yBAGA,0BACA,0BACA,0BACA,0BACA,wBACA,2BACA,0BACA,wBACA,2BACA,4BAGA,sBACA,sBACA,qBACA,oBACA,sBACA,oBACA,uBACA,uBACA,uBACA,qBAGA,sBACA,uBACA,0BACA,0BACA,2BACA,wCACA,+CAGA,sBACA,qBACA,qBACA,sBACA,qBACA,oBACA,mBAGA,yBACA,qCACA,sCACA,yCACA,qCACA,0DACA,+FAOA,qBACA,0FAEA,2FAEA,4FAEA,6FAEA,4FAIA,yBACA,yBACA,yBACA,wBACA",
  "names": []
}
