@infonomic/uikit 1.0.2 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/button/index.js +17 -1
  2. package/dist/styles/styles.css +1 -2592
  3. package/dist/styles/typography.css +1 -394
  4. package/dist/tsconfig.build.tsbuildinfo +1 -1
  5. package/package.json +2 -1
  6. package/dist/styles/styles.css.map +0 -1
  7. package/dist/styles/typography.css.map +0 -1
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@infonomic/uikit",
3
3
  "private": false,
4
4
  "license": "MIT",
5
- "version": "1.0.2",
5
+ "version": "1.1.1",
6
6
  "type": "module",
7
7
  "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
8
8
  "keywords": [
@@ -81,6 +81,7 @@
81
81
  "eslint-plugin-storybook": "^9.0.18",
82
82
  "lightningcss": "^1.30.1",
83
83
  "lightningcss-cli": "^1.30.1",
84
+ "rimraf": "^5.0.10",
84
85
  "storybook": "^9.0.18",
85
86
  "typescript": "5.8.3",
86
87
  "typescript-plugin-css-modules": "^5.2.0",
package/dist/styles/styles.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":null,"mappings":"AAAA;EOWE;;;;;EAaA;;;;EAeA;;;;;;;;;;;;;EA6BA;;;;;EAaA;;;;;;EAaA;;;;EASA;;;;;EAcA;;;;;EASA;;;;EAYA;;;;;;;EAmBA;;;;EAQA;;;;;;;EAQA;;;;EAIA;;;;EAUA;;;;;;EAeA;;;;;;;;;;;;;EA+BA;;;;EAUA;;;;;;EAgBA;;;;EAQA;;;;EAQA;;;;EAQA;;;;EAUA;;;;;EAWA;;;;EASA;;;;;EAWA;;;;EAQA;;;;EAgBA;;;;;EAKA;;;;EAIA;;;;;;EAWA;;;;EAQA;;;;EASA;;;;;EAAA;;;;;EAoBA;;;;EAQA;;;;EAUA;;;;;EAkBA;;;;;EAOA;;;;EAKA;IACE;;;;;;;;EDrcF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EICA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EAYA;;;;;;;;;;EAUA;;;;;;;;;;EAWA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EAYA;;;;;;;;;;;;EClIA;;;;;;EAMA;;;;;;EAMA;;;;;;EAMA;;;;;;;AXnBF;EGME;;;;;;;;;;;;EAeA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAKF;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAQF;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAKF;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAQF;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAKF;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAQF;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;IACE;;;;IAIA;;;;IAIA;;;;;IAQA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAKF;IAEE;;;;IAIA;;;;IAIA;;;;;IAQA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAQF;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAQA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;IACE;;;;;IAKA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAYA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAKF;IACE;;;;;IAKA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAQA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAQF;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EASF;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;IACE;;;;IAIA;;;;IAIA;;;;IAIA;;;;IAIA;;;;;EAQF;;;;EAIA;;;;EAIA;;;;EASA;;;;;;EAOA;;;;;;EAOA;;;;;;EEtvCA;;;;EAIA;;;;;ALLF;EYgBE;;;;;;;;;;EAwBA;;;;;;;;;;ECvCA;;;;;EAMA;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;;EAKA;;;;;EAUA;;;;;;ET1CA;;;;;;;;;;;;;;;;;;;EAyBA;;;;;;;;;;;EAeA;;;;;;;;;;;EAWA;;;;;EAMA;;;;EAKA;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;;;EAQA;;;;;;;;;;;;EAYA;;;;;AJ9HF;;AAAA;EcGE;;;;;;;;;;;;;;;;;;;;;;EA0BA;;;;;;EAUA;;;;;;;EAOA;;;;;;;;EAQA;;;;;;;;;;EAmBA;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;;;EAMA;;;;;;;AKrGF;;;;;ACAA;;;;;;;;;;;;;;;;;;;;;;;AA8BA;;;;;AAKA;;;;;AAKA;EACE;;;;;EAKA;;;;;AAKF;;;;;;AAOA;;;;AAIA;;;;;AAMA;;;;;;;;;;;;AAYA;EACE;;;;;;;;;AJjFF;;;;AAIA;;;;;;;;;;AAUA;EACE;;;;;AAKF;;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;;;;;AE7CA;;;;;AAKA;;;;;;;;;;AAUA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;;;AAUA;;;;;;;;;;AAUA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;;;AAUA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;;;AH3LA;;;;;;;;AAQA;;;;;;AEPA;;;;;;;;;;;;;;;;;;;;AAwBA;;;;;;;;;;;;AAYA;;;;AAMA;;;;;;AAOA;;;;;;AKlDA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;ADfA;;;;;;;;;;;;;;;;;AEFA;;;;AAIA;;;;AAIA;;;;AAIA;;;;ACZA;;;;AAKA;;;;AAKA;;;;AAKA","sources":["home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/styles.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/utils/utils.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/base/base.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/theme/theme.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/utils/utility-classes.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/utils/scroll-layout-shift.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/base/reset.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/base/colors.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/components.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/base/vars.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/list-checkbox.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/card.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/theme/autofill.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/theme/scrollers.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/hamburger.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/fade-in-lift.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/base/animations.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/checkbox.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/loaders.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/icon-element.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/scroll-to-top.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/base/typography.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/toast.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/popover.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/components/dropdown.css"],"sourcesContent":["@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;\n\n@import \"./base/base.css\";\n@import \"./utils/utils.css\";\n@import \"./theme/theme.css\";\n@import \"./components/components.css\";","@import \"./utility-classes.css\";\n@import \"./scroll-layout-shift.css\";\n","@import \"./reset.css\";\n@import \"./colors.css\";\n@import \"./vars.css\";\n@import \"./animations.css\";\n@import \"./typography.css\";","@import \"./autofill.css\";\n@import \"./scrollers.css\";\n\n@layer infonomic-theme {\n :root {\n --background: var(--canvas-25);\n --foreground: var(--gray-900);\n --text: var(--gray-900);\n --headings: var(--primary-700);\n --muted: oklch(from var(--foreground) calc(l * 2) c h);\n --border-color: var(--gray-100);\n --shadow: var(--shadow-md);\n --loader-color: var(--primary-500);\n\n --invert-background: var(--canvas-900);\n --invert-foreground: var(--gray-50);\n --invert-text: var(--gray-50);\n --invert-headings: var(--gray-50);\n --invert-muted: oklch(from var(--foreground) calc(l * 0.75) c h);\n --invert-border-color: var(--canvas-700);\n --invert-shadow: var(--shadow-lg);\n --invert-loader-color: var(--gray-50);\n }\n\n /* 🌙 Dark via `.dark` class. We rely on the consuming \n * application to detect a user's preferred color scheme \n * - either by header or cookie, and to set a root html \n * class accordingly\n */\n .dark {\n --background: var(--invert-background);\n --foreground: var(--invert-foreground);\n --text: var(--invert-text);\n --headings: var(--invert-headings);\n --border-color: var(--invert-border-color);\n --shadow: var(--invert-shadow);\n --muted: var(--invert-muted);\n --loader-color: var(--invert-loader-color);\n }\n\n /* Brute force our not-dark class for now until we figure out\n * a better way to do this. Note - the following does NOT work:\n .dark:not(:where([class~=\"not-dark\"], [class~=\"not-dark\"] *)) {\n */\n .not-dark {\n --background: var(--canvas-25);\n --foreground: var(--gray-900);\n --text: var(--gray-900);\n --headings: var(--primary-800);\n --muted: oklch(from var(--foreground) calc(l * 2) c h);\n --border-color: var(--gray-100);\n --shadow: var(--shadow-md);\n --loader-color: var(--primary-500);\n }\n\n html {\n font-size: 1rem;\n color: var(--text);\n }\n\n /* Redeclared here to change the specificity and scope of --prose-body */\n html .not-dark {\n color: var(--text);\n }\n\n /* Default (light mode) */\n ::selection {\n background-color: var(--theme-600);\n color: white;\n }\n\n /* Dark mode */\n .dark ::selection {\n background-color: var(--theme-200);\n color: var(--gray-900);\n }\n\n .background {\n background-color: var(--background);\n }\n\n .foreground {\n color: var(--foreground);\n }\n\n .text {\n color: var(--text);\n }\n\n .headings {\n color: var(--headings);\n }\n\n .muted {\n font-size: 0.925rem;\n color: var(--muted);\n }\n\n .shadow {\n box-shadow: var(--shadow);\n }\n\n .border-color {\n border-color: var(--border-color);\n }\n\n .border {\n border-color: var(--border-color);\n border-width: var(--border-width-thin);\n border-style: var(--border-style-solid);\n border-radius: var(--border-radius-sm);\n }\n\n /* External link */\n .external-link::after {\n content: \"\";\n display: inline-block;\n background-image: url(\"/external-link-light.svg\");\n background-repeat: no-repeat;\n background-position: 20% 50%;\n background-size: 65% auto;\n width: 1.1rem;\n height: 1.1rem;\n margin-right: -5px;\n }\n\n .dark .external-link::after {\n background-image: url(\"/external-link-dark.svg\");\n }\n}","/* A simple utility class collection. NOT designed as a \n * replacement for Tailwind - but useful for small or simple \n * projects as well as uikit development.\n */\n@layer infonomic-utilities {\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n\n /* ========================================\n TYPOGRAPHY UTILITIES\n ======================================== */\n .text-xs {\n font-size: var(--font-size-xs);\n }\n\n .text-sm {\n font-size: var(--font-size-sm);\n }\n\n .text-base {\n font-size: var(--font-size-base);\n }\n\n .text-lg {\n font-size: var(--font-size-lg);\n }\n\n .text-xl {\n font-size: var(--font-size-xl);\n }\n\n .text-2xl {\n font-size: var(--font-size-2xl);\n }\n\n .text-3xl {\n font-size: var(--font-size-3xl);\n }\n\n .text-4xl {\n font-size: var(--font-size-4xl);\n }\n\n .text-5xl {\n font-size: var(--font-size-5xl);\n }\n\n .text-6xl {\n font-size: var(--font-size-6xl);\n }\n\n .text-7xl {\n font-size: var(--font-size-7xl);\n }\n\n .text-8xl {\n font-size: var(--font-size-8xl);\n }\n\n .font-light {\n font-weight: var(--font-weight-light);\n }\n\n .font-normal {\n font-weight: var(--font-weight-normal);\n }\n\n .font-medium {\n font-weight: var(--font-weight-medium);\n }\n\n .font-semibold {\n font-weight: var(--font-weight-semibold);\n }\n\n .font-bold {\n font-weight: var(--font-weight-bold);\n }\n\n .font-extrabold {\n font-weight: var(--font-weight-extrabold);\n }\n\n .font-ultrabold {\n font-weight: var(--font-weight-ultrabold);\n }\n\n .leading-tight {\n line-height: var(--line-height-tight);\n }\n\n .leading-snug {\n line-height: var(--line-height-snug);\n }\n\n .leading-normal {\n line-height: var(--line-height-normal);\n }\n\n .leading-relaxed {\n line-height: var(--line-height-relaxed);\n }\n\n .leading-loose {\n line-height: var(--line-height-loose);\n }\n\n .tracking-tight {\n letter-spacing: var(--letter-spacing-tight);\n }\n\n .tracking-normal {\n letter-spacing: var(--letter-spacing-normal);\n }\n\n .tracking-wide {\n letter-spacing: var(--letter-spacing-wide);\n }\n\n @media (min-width: 640px) {\n .sm\\:text-xs {\n font-size: var(--font-size-xs);\n }\n\n .sm\\:text-sm {\n font-size: var(--font-size-sm);\n }\n\n .sm\\:text-base {\n font-size: var(--font-size-base);\n }\n\n .sm\\:text-lg {\n font-size: var(--font-size-lg);\n }\n\n .sm\\:text-xl {\n font-size: var(--font-size-xl);\n }\n\n .sm\\:text-2xl {\n font-size: var(--font-size-2xl);\n }\n\n .sm\\:text-3xl {\n font-size: var(--font-size-3xl);\n }\n\n .sm\\:text-4xl {\n font-size: var(--font-size-4xl);\n }\n\n .sm\\:text-5xl {\n font-size: var(--font-size-5xl);\n }\n\n .sm\\:text-6xl {\n font-size: var(--font-size-6xl);\n }\n\n .sm\\:text-7xl {\n font-size: var(--font-size-7xl);\n }\n\n .sm\\:text-8xl {\n font-size: var(--font-size-8xl);\n }\n\n .sm\\:font-light {\n font-weight: var(--font-weight-light);\n }\n\n .sm\\:font-normal {\n font-weight: var(--font-weight-normal);\n }\n\n .sm\\:font-medium {\n font-weight: var(--font-weight-medium);\n }\n\n .sm\\:font-semibold {\n font-weight: var(--font-weight-semibold);\n }\n\n .sm\\:font-bold {\n font-weight: var(--font-weight-bold);\n }\n\n .sm\\:font-extrabold {\n font-weight: var(--font-weight-extrabold);\n }\n\n .sm\\:font-ultrabold {\n font-weight: var(--font-weight-ultrabold);\n }\n\n .sm\\:leading-tight {\n line-height: var(--line-height-tight);\n }\n\n .sm\\:leading-snug {\n line-height: var(--line-height-snug);\n }\n\n .sm\\:leading-normal {\n line-height: var(--line-height-normal);\n }\n\n .sm\\:leading-relaxed {\n line-height: var(--line-height-relaxed);\n }\n\n .sm\\:leading-loose {\n line-height: var(--line-height-loose);\n }\n\n .sm\\:tracking-tight {\n letter-spacing: var(--letter-spacing-tight);\n }\n\n .sm\\:tracking-normal {\n letter-spacing: var(--letter-spacing-normal);\n }\n\n .sm\\:tracking-wide {\n letter-spacing: var(--letter-spacing-wide);\n }\n }\n\n @media (min-width: 768px) {\n .md\\:text-xs {\n font-size: var(--font-size-xs);\n }\n\n .md\\:text-sm {\n font-size: var(--font-size-sm);\n }\n\n .md\\:text-base {\n font-size: var(--font-size-base);\n }\n\n .md\\:text-lg {\n font-size: var(--font-size-lg);\n }\n\n .md\\:text-xl {\n font-size: var(--font-size-xl);\n }\n\n .md\\:text-2xl {\n font-size: var(--font-size-2xl);\n }\n\n .md\\:text-3xl {\n font-size: var(--font-size-3xl);\n }\n\n .md\\:text-4xl {\n font-size: var(--font-size-4xl);\n }\n\n .md\\:text-5xl {\n font-size: var(--font-size-5xl);\n }\n\n .md\\:text-6xl {\n font-size: var(--font-size-6xl);\n }\n\n .md\\:text-7xl {\n font-size: var(--font-size-7xl);\n }\n\n .md\\:text-8xl {\n font-size: var(--font-size-8xl);\n }\n\n .md\\:font-light {\n font-weight: var(--font-weight-light);\n }\n\n .md\\:font-normal {\n font-weight: var(--font-weight-normal);\n }\n\n .md\\:font-medium {\n font-weight: var(--font-weight-medium);\n }\n\n .md\\:font-semibold {\n font-weight: var(--font-weight-semibold);\n }\n\n .md\\:font-bold {\n font-weight: var(--font-weight-bold);\n }\n\n .md\\:font-extrabold {\n font-weight: var(--font-weight-extrabold);\n }\n\n .md\\:font-ultrabold {\n font-weight: var(--font-weight-ultrabold);\n }\n\n .md\\:leading-tight {\n line-height: var(--line-height-tight);\n }\n\n .md\\:leading-snug {\n line-height: var(--line-height-snug);\n }\n\n .md\\:leading-normal {\n line-height: var(--line-height-normal);\n }\n\n .md\\:leading-relaxed {\n line-height: var(--line-height-relaxed);\n }\n\n .md\\:leading-loose {\n line-height: var(--line-height-loose);\n }\n\n .md\\:tracking-tight {\n letter-spacing: var(--letter-spacing-tight);\n }\n\n .md\\:tracking-normal {\n letter-spacing: var(--letter-spacing-normal);\n }\n\n .md\\:tracking-wide {\n letter-spacing: var(--letter-spacing-wide);\n }\n }\n\n /* ========================================\n SPACING UTILITIES\n ======================================== */\n .m-0 {\n margin: var(--spacing-0);\n }\n\n .m-1 {\n margin: var(--spacing-1);\n }\n\n .m-2 {\n margin: var(--spacing-2);\n }\n\n .m-3 {\n margin: var(--spacing-3);\n }\n\n .m-4 {\n margin: var(--spacing-4);\n }\n\n .m-5 {\n margin: var(--spacing-5);\n }\n\n .m-6 {\n margin: var(--spacing-6);\n }\n\n .m-8 {\n margin: var(--spacing-8);\n }\n\n .m-10 {\n margin: var(--spacing-10);\n }\n\n .m-12 {\n margin: var(--spacing-12);\n }\n\n .m-16 {\n margin: var(--spacing-16);\n }\n\n .p-0 {\n padding: var(--spacing-0);\n }\n\n .p-1 {\n padding: var(--spacing-1);\n }\n\n .p-2 {\n padding: var(--spacing-2);\n }\n\n .p-3 {\n padding: var(--spacing-3);\n }\n\n .p-4 {\n padding: var(--spacing-4);\n }\n\n .p-5 {\n padding: var(--spacing-5);\n }\n\n .p-6 {\n padding: var(--spacing-6);\n }\n\n .p-8 {\n padding: var(--spacing-8);\n }\n\n .p-10 {\n padding: var(--spacing-10);\n }\n\n .p-12 {\n padding: var(--spacing-12);\n }\n\n .p-16 {\n padding: var(--spacing-16);\n }\n\n .p-20 {\n padding: var(--spacing-20);\n }\n\n .p-24 {\n padding: var(--spacing-24);\n }\n\n .p-32 {\n padding: var(--spacing-32);\n }\n\n @media (min-width: 640px) {\n .sm\\:m-0 {\n margin: var(--spacing-0);\n }\n\n .sm\\:m-1 {\n margin: var(--spacing-1);\n }\n\n .sm\\:m-2 {\n margin: var(--spacing-2);\n }\n\n .sm\\:m-3 {\n margin: var(--spacing-3);\n }\n\n .sm\\:m-4 {\n margin: var(--spacing-4);\n }\n\n .sm\\:m-5 {\n margin: var(--spacing-5);\n }\n\n .sm\\:m-6 {\n margin: var(--spacing-6);\n }\n\n .sm\\:m-8 {\n margin: var(--spacing-8);\n }\n\n .sm\\:m-10 {\n margin: var(--spacing-10);\n }\n\n .sm\\:m-12 {\n margin: var(--spacing-12);\n }\n\n .sm\\:m-16 {\n margin: var(--spacing-16);\n }\n\n .sm\\:p-0 {\n padding: var(--spacing-0);\n }\n\n .sm\\:p-1 {\n padding: var(--spacing-1);\n }\n\n .sm\\:p-2 {\n padding: var(--spacing-2);\n }\n\n .sm\\:p-3 {\n padding: var(--spacing-3);\n }\n\n .sm\\:p-4 {\n padding: var(--spacing-4);\n }\n\n .sm\\:p-5 {\n padding: var(--spacing-5);\n }\n\n .sm\\:p-6 {\n padding: var(--spacing-6);\n }\n\n .sm\\:p-8 {\n padding: var(--spacing-8);\n }\n\n .sm\\:p-10 {\n padding: var(--spacing-10);\n }\n\n .sm\\:p-12 {\n padding: var(--spacing-12);\n }\n\n .sm\\:p-16 {\n padding: var(--spacing-16);\n }\n\n .sm\\:p-20 {\n padding: var(--spacing-20);\n }\n\n .sm\\:p-24 {\n padding: var(--spacing-24);\n }\n\n .sm\\:p-32 {\n padding: var(--spacing-32);\n }\n }\n\n @media (min-width: 768px) {\n .md\\:m-0 {\n margin: var(--spacing-0);\n }\n\n .md\\:m-1 {\n margin: var(--spacing-1);\n }\n\n .md\\:m-2 {\n margin: var(--spacing-2);\n }\n\n .md\\:m-3 {\n margin: var(--spacing-3);\n }\n\n .md\\:m-4 {\n margin: var(--spacing-4);\n }\n\n .md\\:m-5 {\n margin: var(--spacing-5);\n }\n\n .md\\:m-6 {\n margin: var(--spacing-6);\n }\n\n .md\\:m-8 {\n margin: var(--spacing-8);\n }\n\n .md\\:m-10 {\n margin: var(--spacing-10);\n }\n\n .md\\:m-12 {\n margin: var(--spacing-12);\n }\n\n .md\\:m-16 {\n margin: var(--spacing-16);\n }\n\n .md\\:p-0 {\n padding: var(--spacing-0);\n }\n\n .md\\:p-1 {\n padding: var(--spacing-1);\n }\n\n .md\\:p-2 {\n padding: var(--spacing-2);\n }\n\n .md\\:p-3 {\n padding: var(--spacing-3);\n }\n\n .md\\:p-4 {\n padding: var(--spacing-4);\n }\n\n .md\\:p-5 {\n padding: var(--spacing-5);\n }\n\n .md\\:p-6 {\n padding: var(--spacing-6);\n }\n\n .md\\:p-8 {\n padding: var(--spacing-8);\n }\n\n .md\\:p-10 {\n padding: var(--spacing-10);\n }\n\n .md\\:p-12 {\n padding: var(--spacing-12);\n }\n\n .md\\:p-16 {\n padding: var(--spacing-16);\n }\n\n .md\\:p-20 {\n padding: var(--spacing-20);\n }\n\n .md\\:p-24 {\n padding: var(--spacing-24);\n }\n\n .md\\:p-32 {\n padding: var(--spacing-32);\n }\n }\n\n /* ========================================\n FLEXBOX UTILITIES\n ======================================== */\n .flex {\n display: flex;\n }\n\n .flex-row {\n flex-direction: var(--flex-row);\n }\n\n .flex-column {\n flex-direction: var(--flex-column);\n }\n\n .flex-wrap {\n flex-wrap: var(--flex-wrap);\n }\n\n .flex-nowrap {\n flex-wrap: var(--flex-nowrap);\n }\n\n .items-center {\n align-items: var(--flex-center);\n }\n\n .justify-center {\n justify-content: var(--flex-center);\n }\n\n @media (min-width: 640px) {\n .sm\\:flex {\n display: flex;\n }\n\n .sm\\:flex-row {\n flex-direction: var(--flex-row);\n }\n\n .sm\\:flex-column {\n flex-direction: var(--flex-column);\n }\n\n .sm\\:flex-wrap {\n flex-wrap: var(--flex-wrap);\n }\n\n .sm\\:flex-nowrap {\n flex-wrap: var(--flex-nowrap);\n }\n\n .sm\\:items-center {\n align-items: var(--flex-center);\n }\n\n .sm\\:justify-center {\n justify-content: var(--flex-center);\n }\n }\n\n @media (min-width: 768px) {\n .md\\:flex {\n display: flex;\n }\n\n .md\\:flex-row {\n flex-direction: var(--flex-row);\n }\n\n .md\\:flex-column {\n flex-direction: var(--flex-column);\n }\n\n .md\\:flex-wrap {\n flex-wrap: var(--flex-wrap);\n }\n\n .md\\:flex-nowrap {\n flex-wrap: var(--flex-nowrap);\n }\n\n .md\\:items-center {\n align-items: var(--flex-center);\n }\n\n .md\\:justify-center {\n justify-content: var(--flex-center);\n }\n }\n\n /* ========================================\n GRID UTILITIES\n ======================================== */\n .grid {\n display: grid;\n }\n\n .grid-cols-2 {\n grid-template-columns: repeat(var(--grid-columns-2), minmax(0, 1fr));\n }\n\n .grid-cols-3 {\n grid-template-columns: repeat(var(--grid-columns-3), minmax(0, 1fr));\n }\n\n .grid-cols-4 {\n grid-template-columns: repeat(var(--grid-columns-4), minmax(0, 1fr));\n }\n\n .grid-cols-5 {\n grid-template-columns: repeat(var(--grid-columns-5), minmax(0, 1fr));\n }\n\n .grid-cols-6 {\n grid-template-columns: repeat(var(--grid-columns-6), minmax(0, 1fr));\n }\n\n .grid-cols-7 {\n grid-template-columns: repeat(var(--grid-columns-7), minmax(0, 1fr));\n }\n\n .grid-cols-8 {\n grid-template-columns: repeat(var(--grid-columns-8), minmax(0, 1fr));\n }\n\n .grid-cols-9 {\n grid-template-columns: repeat(var(--grid-columns-9), minmax(0, 1fr));\n }\n\n .grid-cols-10 {\n grid-template-columns: repeat(var(--grid-columns-10), minmax(0, 1fr));\n }\n\n .grid-cols-11 {\n grid-template-columns: repeat(var(--grid-columns-11), minmax(0, 1fr));\n }\n\n .grid-cols-12 {\n grid-template-columns: repeat(var(--grid-columns-12), minmax(0, 1fr));\n }\n\n .gap-0 {\n gap: var(--gap-0);\n }\n\n .gap-1 {\n gap: var(--gap-1);\n }\n\n .gap-2 {\n gap: var(--gap-2);\n }\n\n .gap-3 {\n gap: var(--gap-3);\n }\n\n .gap-4 {\n gap: var(--gap-4);\n }\n\n .gap-5 {\n gap: var(--gap-5);\n }\n\n .gap-6 {\n gap: var(--gap-6);\n }\n\n .gap-8 {\n gap: var(--gap-8);\n }\n\n .gap-10 {\n gap: var(--gap-10);\n }\n\n .gap-12 {\n gap: var(--gap-12);\n }\n\n\n .gap-16 {\n gap: var(--gap-16);\n }\n\n .gap-20 {\n gap: var(--gap-20);\n }\n\n .gap-24 {\n gap: var(--gap-24);\n }\n\n .gap-32 {\n gap: var(--gap-32);\n }\n\n @media (min-width: 640px) {\n .sm\\:grid {\n display: grid;\n }\n\n .sm\\:grid-cols-12 {\n grid-template-columns: repeat(var(--grid-columns), 1fr);\n }\n\n .sm\\:gap-0 {\n gap: 0.5rem;\n }\n\n .sm\\:gap-0 {\n gap: var(--gap-0);\n }\n\n .sm\\:gap-1 {\n gap: var(--gap-1);\n }\n\n .sm\\:gap-2 {\n gap: var(--gap-2);\n }\n\n .sm\\:gap-3 {\n gap: var(--gap-3);\n }\n\n .sm\\:gap-4 {\n gap: var(--gap-4);\n }\n\n .sm\\:gap-5 {\n gap: var(--gap-5);\n }\n\n .sm\\:gap-6 {\n gap: var(--gap-6);\n }\n\n .sm\\:gap-8 {\n gap: var(--gap-8);\n }\n\n .sm\\:gap-10 {\n gap: var(--gap-10);\n }\n\n .sm\\:gap-12 {\n gap: var(--gap-12);\n }\n\n .sm\\:gap-16 {\n gap: var(--gap-16);\n }\n\n .sm\\:gap-20 {\n gap: var(--gap-20);\n }\n\n .sm\\:gap-24 {\n gap: var(--gap-24);\n }\n\n .sm\\:gap-32 {\n gap: var(--gap-32);\n }\n }\n\n @media (min-width: 768px) {\n\n .md\\:grid {\n display: grid;\n }\n\n .md\\:grid-cols-12 {\n grid-template-columns: repeat(var(--grid-columns), 1fr);\n }\n\n .md\\:gap-0 {\n gap: 0.5rem;\n }\n\n .md\\:gap-0 {\n gap: var(--gap-0);\n }\n\n .md\\:gap-1 {\n gap: var(--gap-1);\n }\n\n .md\\:gap-2 {\n gap: var(--gap-2);\n }\n\n .md\\:gap-3 {\n gap: var(--gap-3);\n }\n\n .md\\:gap-4 {\n gap: var(--gap-4);\n }\n\n .md\\:gap-5 {\n gap: var(--gap-5);\n }\n\n .md\\:gap-6 {\n gap: var(--gap-6);\n }\n\n .md\\:gap-8 {\n gap: var(--gap-8);\n }\n\n .md\\:gap-10 {\n gap: var(--gap-10);\n }\n\n .md\\:gap-12 {\n gap: var(--gap-12);\n }\n\n .md\\:gap-16 {\n gap: var(--gap-16);\n }\n\n .md\\:gap-20 {\n gap: var(--gap-20);\n }\n\n .md\\:gap-24 {\n gap: var(--gap-24);\n }\n\n .md\\:gap-32 {\n gap: var(--gap-32);\n }\n }\n\n /* ========================================\n BORDER UTILITIES\n ======================================== */\n .border {\n border-width: var(--border-width-normal);\n border-style: var(--border-style-solid);\n }\n\n .border-thin {\n border-width: var(--border-width-thin);\n }\n\n .border-thick {\n border-width: var(--border-width-thick);\n }\n\n .rounded-none {\n border-radius: var(--border-radius-none);\n }\n\n .rounded-sm {\n border-radius: var(--border-radius-sm);\n }\n\n .rounded {\n border-radius: var(--border-radius-md);\n }\n\n .rounded-md {\n border-radius: var(--border-radius-md);\n }\n\n .rounded-lg {\n border-radius: var(--border-radius-lg);\n }\n\n .rounded-xl {\n border-radius: var(--border-radius-xl);\n }\n\n .rounded-2xl {\n border-radius: var(--border-radius-2xl);\n }\n\n .rounded-full {\n border-radius: var(--border-radius-full);\n }\n\n @media (min-width: 640px) {\n .sm\\:border {\n border-width: var(--border-width-normal);\n border-style: var(--border-style-solid);\n }\n\n .sm\\:border-thin {\n border-width: var(--border-width-thin);\n }\n\n .sm\\:border-thick {\n border-width: var(--border-width-thick);\n }\n\n .sm\\:rounded-none {\n border-radius: var(--border-radius-none);\n }\n\n .sm\\:rounded-sm {\n border-radius: var(--border-radius-sm);\n }\n\n .sm\\:rounded {\n border-radius: var(--border-radius-sm);\n }\n\n .sm\\:rounded-md {\n border-radius: var(--border-radius-sm);\n }\n\n .sm\\:rounded-lg {\n border-radius: var(--border-radius-lg);\n }\n\n .sm\\:rounded-xl {\n border-radius: var(--border-radius-xl);\n }\n\n .sm\\:rounded-2xl {\n border-radius: var(--border-radius-2xl);\n }\n\n .sm\\:rounded-full {\n border-radius: var(--border-radius-full);\n }\n }\n\n @media (min-width: 768px) {\n .md\\:border {\n border-width: var(--border-width-normal);\n border-style: var(--border-style-solid);\n }\n\n .md\\:border-thin {\n border-width: var(--border-width-thin);\n }\n\n .md\\:border-thick {\n border-width: var(--border-width-thick);\n }\n\n .md\\:rounded-none {\n border-radius: var(--border-radius-none);\n }\n\n .md\\:rounded-sm {\n border-radius: var(--border-radius-sm);\n }\n\n .md\\:rounded {\n border-radius: var(--border-radius-md);\n }\n\n .md\\:rounded-md {\n border-radius: var(--border-radius-md);\n }\n\n .md\\:rounded-lg {\n border-radius: var(--border-radius-lg);\n }\n\n .md\\:rounded-xl {\n border-radius: var(--border-radius-xl);\n }\n\n .md\\:rounded-2xl {\n border-radius: var(--border-radius-2xl);\n }\n\n .md\\:rounded-full {\n border-radius: var(--border-radius-full);\n }\n }\n\n /* ========================================\n SHADOW UTILITIES\n ======================================== */\n .shadow {\n box-shadow: var(--shadow);\n }\n\n .shadow-xs {\n box-shadow: var(--shadow-xs);\n }\n\n .shadow-sm {\n box-shadow: var(--shadow-sm);\n }\n\n .shadow-md {\n box-shadow: var(--shadow-md);\n }\n\n .shadow-lg {\n box-shadow: var(--shadow-lg);\n }\n\n .shadow-xl {\n box-shadow: var(--shadow-xl);\n }\n\n @media (min-width: 768px) {\n .md\\:shadow {\n box-shadow: var(--shadow);\n }\n\n .md\\:shadow-xs {\n box-shadow: var(--shadow-xs);\n }\n\n .md\\:shadow-sm {\n box-shadow: var(--shadow-sm);\n }\n\n .md\\:shadow-md {\n box-shadow: var(--shadow-md);\n }\n\n .md\\:shadow-lg {\n box-shadow: var(--shadow-lg);\n }\n\n .md\\:shadow-xl {\n box-shadow: var(--shadow-xl);\n }\n\n }\n\n /* ========================================\n OPACITY UTILITIES\n ======================================== */\n .opacity-0 {\n opacity: var(--opacity-0);\n }\n\n .opacity-25 {\n opacity: var(--opacity-25);\n }\n\n .opacity-50 {\n opacity: var(--opacity-50);\n }\n\n .opacity-75 {\n opacity: var(--opacity-75);\n }\n\n .opacity-100 {\n opacity: var(--opacity-100);\n }\n\n @media (min-width: 768px) {\n .md\\:opacity-0 {\n opacity: var(--opacity-0);\n }\n\n .md\\:opacity-25 {\n opacity: var(--opacity-25);\n }\n\n .md\\:opacity-50 {\n opacity: var(--opacity-50);\n }\n\n .md\\:opacity-75 {\n opacity: var(--opacity-75);\n }\n\n .md\\:opacity-100 {\n opacity: var(--opacity-100);\n }\n }\n\n /* ========================================\n TRANSITIONS UTILITIES\n ======================================== */\n .transition-fast {\n transition: var(--transition-fast);\n }\n\n .transition-normal {\n transition: var(--transition-normal);\n }\n\n .transition-slow {\n transition: var(--transition-slow);\n }\n\n /* ========================================\n RING UTILITIES \n - special case rings and offsets for fixed color backgrounds\n that do not change in dark mode\n ======================================== */\n .ring-primary-offset-primary:focus:not(.dark *),\n .ring-primary-offset-primary:active:not(.dark *) {\n --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--primary-700);\n --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--primary-400);\n box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);\n }\n\n .ring-secondary-offset-secondary:focus:not(.dark *),\n .ring-secondary-offset-secondary:active:not(.dark *) {\n --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--secondary-700);\n --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--secondary-400);\n box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);\n }\n\n .ring-accent-offset-accent:focus:not(.dark *),\n .ring-accent-offset-accent:active:not(.dark *) {\n --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--accent-700);\n --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--accent-400);\n box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);\n }\n}","@layer infonomic-utilities {\n .fix-scroll-layout-shift-right {\n padding-right: var(--removed-body-scroll-bar-size);\n }\n\n .fix-scroll-layout-shift-left {\n padding-left: var(--removed-body-scroll-bar-size);\n }\n}\n","/* \n * Based on Tailwind reset / preflight\n * If used in a tailwind project, turn preflight off.\n * Copyright (c) Tailwind Labs, Inc.\n*/\n@layer infonomic-base {\n /*\n1. Prevent padding and border from affecting element width. (https: //github.com/mozdevs/cssremedy/issues/4)\n 2. Allow adding a border to an element by just adding a border-width. (https: //github.com/tailwindcss/tailwindcss/pull/116)\n\n */\n *,\n ::before,\n ::after {\n box-sizing: border-box;\n /* 1 */\n border-width: 0;\n /* 2 */\n border-style: solid;\n /* 2 */\n border-color: #e5e7eb;\n /* 2 */\n }\n\n ::before,\n ::after {\n --tw-content: \"\";\n }\n\n /*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\n html,\n :host {\n scroll-behavior: smooth;\n\n line-height: 1.5;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n -moz-tab-size: 4;\n /* 3 */\n -o-tab-size: 4;\n tab-size: 4;\n /* 3 */\n font-family: Inter, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* 4 */\n font-feature-settings: normal;\n /* 5 */\n font-variation-settings: normal;\n /* 6 */\n -webkit-tap-highlight-color: transparent;\n /* 7 */\n }\n\n /*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\n body {\n margin: 0;\n /* 1 */\n line-height: inherit;\n /* 2 */\n }\n\n /*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\n hr {\n height: 0;\n /* 1 */\n color: inherit;\n /* 2 */\n border-top-width: 1px;\n /* 3 */\n }\n\n /*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n /*\nRemove the default font size and weight for headings.\n*/\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n /*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\n a {\n color: inherit;\n text-decoration: inherit;\n }\n\n /*\nAdd the correct font weight in Edge and Safari.\n*/\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\n code,\n kbd,\n samp,\n pre {\n font-family: \"Source Code Pro\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n \"Liberation Mono\", \"Courier New\", monospace;\n /* 1 */\n font-feature-settings: normal;\n /* 2 */\n font-variation-settings: normal;\n /* 3 */\n font-size: 1em;\n /* 4 */\n }\n\n /*\nAdd the correct font size in all browsers.\n*/\n\n small {\n font-size: 80%;\n }\n\n /*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\n table {\n text-indent: 0;\n /* 1 */\n border-color: inherit;\n /* 2 */\n border-collapse: collapse;\n /* 3 */\n }\n\n /*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n /* 1 */\n font-feature-settings: inherit;\n /* 1 */\n font-variation-settings: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n font-weight: inherit;\n /* 1 */\n line-height: inherit;\n /* 1 */\n letter-spacing: inherit;\n /* 1 */\n color: inherit;\n /* 1 */\n margin: 0;\n /* 2 */\n padding: 0;\n /* 3 */\n }\n\n /* \n* Remove the inheritance of text transform in Edge and Firefox.\n*/\n\n button,\n select {\n text-transform: none;\n }\n\n /*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\n button,\n input:where([type=\"button\"]),\n input:where([type=\"reset\"]),\n input:where([type=\"submit\"]) {\n -webkit-appearance: button;\n /* 1 */\n background-color: transparent;\n /* 2 */\n background-image: none;\n /* 2 */\n }\n\n /*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n :-moz-focusring {\n outline: auto;\n }\n\n /*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n /*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\n progress {\n vertical-align: baseline;\n }\n\n /*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n /*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n [type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n }\n\n /*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n }\n\n /*\nAdd the correct display in Chrome and Safari.\n*/\n\n summary {\n display: list-item;\n }\n\n /*\nRemoves the default spacing and border for appropriate elements.\n*/\n\n blockquote,\n dl,\n dd,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n hr,\n figure,\n p,\n pre {\n margin: 0;\n }\n\n fieldset {\n margin: 0;\n padding: 0;\n }\n\n legend {\n padding: 0;\n }\n\n ol,\n ul,\n menu {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n /*\nReset default styling for dialogs.\n*/\n dialog {\n padding: 0;\n }\n\n /*\nPrevent resizing textareas horizontally by default.\n*/\n\n textarea {\n resize: vertical;\n }\n\n /*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n opacity: 1;\n /* 1 */\n color: #9ca3af;\n /* 2 */\n }\n\n input::placeholder,\n textarea::placeholder {\n opacity: 1;\n /* 1 */\n color: #9ca3af;\n /* 2 */\n }\n\n /*\nSet the default cursor for buttons.\n*/\n\n button,\n [role=\"button\"] {\n cursor: pointer;\n }\n\n /*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n :disabled {\n cursor: default;\n }\n\n /*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n /* 1 */\n vertical-align: middle;\n /* 2 */\n }\n\n /*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n\n /* Make elements with the HTML hidden attribute stay hidden by default */\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n }\n\n /* Remove all animations and transitions for people that prefer not to see them */\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }\n}\n","@layer infonomic-base {\n :root {\n /* Theme base color */\n --theme-base: oklch(43.11% 0.1 317.53);\n\n --theme-25: oklch(from var(--theme-base) calc(l * 2) c h);\n --theme-50: oklch(from var(--theme-base) calc(l * 1.75) c h);\n --theme-100: oklch(from var(--theme-base) calc(l * 1.5) c h);\n --theme-200: oklch(from var(--theme-base) calc(l * 1.25) c h);\n --theme-300: oklch(from var(--theme-base) calc(l * 1.1) c h);\n --theme-400: var(--theme-base);\n --theme-500: oklch(from var(--theme-base) calc(l * 0.95) c h);\n --theme-600: oklch(from var(--theme-base) calc(l * 0.9) c h);\n --theme-700: oklch(from var(--theme-base) calc(l * 0.85) c h);\n --theme-800: oklch(from var(--theme-base) calc(l * 0.8) c h);\n --theme-900: oklch(from var(--theme-base) calc(l * 0.75) c h);\n --theme-950: oklch(from var(--theme-base) calc(l * 0.7) c h);\n\n /* Primary base */\n --primary-base: oklch(49.7% 0.189 295.76);\n\n --primary-25: oklch(from var(--primary-base) calc(l * 2) c h);\n --primary-50: oklch(from var(--primary-base) calc(l * 1.75) c h);\n --primary-100: oklch(from var(--primary-base) calc(l * 1.5) c h);\n --primary-200: oklch(from var(--primary-base) calc(l * 1.25) c h);\n --primary-300: oklch(from var(--primary-base) calc(l * 1.1) c h);\n --primary-400: var(--primary-base);\n --primary-500: oklch(from var(--primary-base) calc(l * 0.95) c h);\n --primary-600: oklch(from var(--primary-base) calc(l * 0.9) c h);\n --primary-700: oklch(from var(--primary-base) calc(l * 0.85) c h);\n --primary-800: oklch(from var(--primary-base) calc(l * 0.8) c h);\n --primary-900: oklch(from var(--primary-base) calc(l * 0.75) c h);\n --primary-950: oklch(from var(--primary-base) calc(l * 0.7) c h);\n\n /* Secondary base */\n --secondary-base: oklch(0.8461 0.15 82.94);\n\n --secondary-25: oklch(from var(--secondary-base) calc(l * 2.25) 0.1 h);\n --secondary-50: oklch(from var(--secondary-base) calc(l * 2) c h);\n --secondary-100: oklch(from var(--secondary-base) calc(l * 1.75) c h);\n --secondary-200: oklch(from var(--secondary-base) calc(l * 1.5) c h);\n --secondary-300: oklch(from var(--secondary-base) calc(l * 1.1) c h);\n --secondary-400: var(--secondary-base);\n --secondary-500: oklch(from var(--secondary-base) calc(l * 0.95) c h);\n --secondary-600: oklch(from var(--secondary-base) calc(l * 0.9) c h);\n --secondary-700: oklch(from var(--secondary-base) calc(l * 0.85) c h);\n --secondary-800: oklch(from var(--secondary-base) calc(l * 0.8) c h);\n --secondary-900: oklch(from var(--secondary-base) calc(l * 0.75) c h);\n --secondary-950: oklch(from var(--secondary-base) calc(l * 0.7) c h);\n\n /* Accent base */\n --accent-base: oklch(0.754 0.1 324.9);\n\n --accent-25: oklch(from var(--accent-base) 0.985 0.06 h);\n --accent-50: oklch(from var(--accent-base) 0.975 0.08 h);\n --accent-100: oklch(from var(--accent-base) 0.9 0.07 h);\n --accent-200: oklch(from var(--accent-base) 0.85 c h);\n --accent-300: oklch(from var(--accent-base) 0.8 c h);\n --accent-400: var(--accent-base);\n --accent-500: oklch(from var(--accent-base) 0.7 c h);\n --accent-600: oklch(from var(--accent-base) 0.68 c h);\n --accent-700: oklch(from var(--accent-base) 0.62 0.1 h);\n --accent-800: oklch(from var(--accent-base) 0.6 0.1 h);\n --accent-900: oklch(from var(--accent-base) 0.58 0.1 h);\n --accent-950: oklch(from var(--accent-base) 0.5 0.11 h);\n\n /* Gray base */\n --gray-base: oklch(0.5984 0 0);\n\n --gray-25: oklch(from var(--gray-base) calc(l * 1.625) c h);\n --gray-50: oklch(from var(--gray-base) calc(l * 1.575) c h);\n --gray-100: oklch(from var(--gray-base) calc(l * 1.475) c h);\n --gray-200: oklch(from var(--gray-base) calc(l * 1.35) c h);\n --gray-300: oklch(from var(--gray-base) calc(l * 1.175) c h);\n --gray-400: var(--gray-base);\n --gray-500: oklch(from var(--gray-base) calc(l * 0.85) c h);\n --gray-600: oklch(from var(--gray-base) calc(l * 0.725) c h);\n --gray-700: oklch(from var(--gray-base) calc(l * 0.6126) c h);\n --gray-800: oklch(from var(--gray-base) calc(l * 0.5) c h);\n --gray-900: oklch(from var(--gray-base) calc(l * 0.4) c h);\n --gray-950: oklch(from var(--gray-base) calc(l * 0.3) c h);\n\n /* Canvas base */\n --canvas-base: oklch(0.542 0.0037 275.34);\n\n --canvas-25: oklch(from var(--canvas-base) calc(l * 1.9) c h);\n --canvas-50: oklch(from var(--canvas-base) calc(l * 1.75) c h);\n --canvas-100: oklch(from var(--canvas-base) calc(l * 1.6) c h);\n --canvas-200: oklch(from var(--canvas-base) calc(l * 1.4) c h);\n --canvas-300: oklch(from var(--canvas-base) calc(l * 1.2) c h);\n --canvas-400: var(--canvas-base);\n --canvas-500: oklch(from var(--canvas-base) calc(l * 0.9) c h);\n --canvas-600: oklch(from var(--canvas-base) calc(l * 0.7) c h);\n --canvas-700: oklch(from var(--canvas-base) calc(l * 0.5) c h);\n --canvas-800: oklch(from var(--canvas-base) calc(l * 0.335) c h);\n --canvas-900: oklch(from var(--canvas-base) calc(l * 0.3) c h);\n --canvas-950: oklch(from var(--canvas-base) calc(l * 0.225) c h);\n\n /* Red base */\n --red-base: oklch(54.27% 0.18 31.76);\n\n --red-25: oklch(from var(--red-base) calc(l * 2) c h);\n --red-50: oklch(from var(--red-base) calc(l * 1.75) c h);\n --red-100: oklch(from var(--red-base) calc(l * 1.5) c h);\n --red-200: oklch(from var(--red-base) calc(l * 1.25) c h);\n --red-300: oklch(from var(--red-base) calc(l * 1.1) c h);\n --red-400: var(--red-base);\n --red-500: oklch(from var(--red-base) calc(l * 0.95) c h);\n --red-600: oklch(from var(--red-base) calc(l * 0.9) c h);\n --red-700: oklch(from var(--red-base) calc(l * 0.85) c h);\n --red-800: oklch(from var(--red-base) calc(l * 0.8) c h);\n --red-900: oklch(from var(--red-base) calc(l * 0.75) c h);\n --red-950: oklch(from var(--red-base) calc(l * 0.7) c h);\n\n /* Green base */\n --green-base: oklch(65.26% 0.18 142.58);\n\n --green-25: oklch(from var(--green-base) calc(l * 2) c h);\n --green-50: oklch(from var(--green-base) calc(l * 1.75) c h);\n --green-100: oklch(from var(--green-base) calc(l * 1.5) c h);\n --green-200: oklch(from var(--green-base) calc(l * 1.25) c h);\n --green-300: oklch(from var(--green-base) calc(l * 1.1) c h);\n --green-400: var(--green-base);\n --green-500: oklch(from var(--green-base) calc(l * 0.95) c h);\n --green-600: oklch(from var(--green-base) calc(l * 0.9) c h);\n --green-700: oklch(from var(--green-base) calc(l * 0.85) c h);\n --green-800: oklch(from var(--green-base) calc(l * 0.8) c h);\n --green-900: oklch(from var(--green-base) calc(l * 0.75) c h);\n --green-950: oklch(from var(--green-base) calc(l * 0.7) c h);\n\n /* Blue base */\n --blue-base: oklch(53.66% 0.1942 265.89);\n\n --blue-25: oklch(from var(--blue-base) calc(l * 2) c h);\n --blue-50: oklch(from var(--blue-base) calc(l * 1.75) c h);\n --blue-100: oklch(from var(--blue-base) calc(l * 1.5) c h);\n --blue-200: oklch(from var(--blue-base) calc(l * 1.25) c h);\n --blue-300: oklch(from var(--blue-base) calc(l * 1.1) c h);\n --blue-400: var(--blue-base);\n --blue-500: oklch(from var(--blue-base) calc(l * 0.95) c h);\n --blue-600: oklch(from var(--blue-base) calc(l * 0.9) c h);\n --blue-700: oklch(from var(--blue-base) calc(l * 0.85) c h);\n --blue-800: oklch(from var(--blue-base) calc(l * 0.8) c h);\n --blue-900: oklch(from var(--blue-base) calc(l * 0.75) c h);\n --blue-950: oklch(from var(--blue-base) calc(l * 0.7) c h);\n\n /* Yellow base */\n --yellow-base: oklch(0.75 0.15 82.94);\n\n --yellow-25: oklch(from var(--yellow-base) calc(l * 2) c h);\n --yellow-50: oklch(from var(--yellow-base) calc(l * 1.75) c h);\n --yellow-100: oklch(from var(--yellow-base) calc(l * 1.5) c h);\n --yellow-200: oklch(from var(--yellow-base) calc(l * 1.25) c h);\n --yellow-300: oklch(from var(--yellow-base) calc(l * 1.1) c h);\n --yellow-400: var(--yellow-base);\n --yellow-500: oklch(from var(--yellow-base) calc(l * 0.95) c h);\n --yellow-600: oklch(from var(--yellow-base) calc(l * 0.9) c h);\n --yellow-700: oklch(from var(--yellow-base) calc(l * 0.85) c h);\n --yellow-800: oklch(from var(--yellow-base) calc(l * 0.8) c h);\n --yellow-900: oklch(from var(--yellow-base) calc(l * 0.75) c h);\n --yellow-950: oklch(from var(--yellow-base) calc(l * 0.7) c h);\n }\n}","@import \"./icon-element.css\";\n@import \"./scroll-to-top.css\";\n@import \"./hamburger.css\";\n@import \"./list-checkbox.css\";\n@import \"./loaders.css\";\n@import \"./fade-in-lift.css\";\n@import \"./checkbox.css\";\n@import \"./card.css\";\n@import \"./toast.css\";\n@import \"./popover.css\";\n@import \"./dropdown.css\";","@layer infonomic-base {\n :root {\n /* ========================================\n BREAKPOINTS\n ======================================== */\n --breakpoint-xs: 480px;\n --breakpoint-sm: 640px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 1024px;\n /* our container component will set max width to common screen size */\n --breakpoint-xl: 1320px;\n --breakpoint-2xl: 1536px;\n\n /* 12px */\n --font-size-xs: 0.75rem;\n /* 14px */\n --font-size-sm: 0.875rem;\n /* 16px */\n --font-size-base: 1rem;\n /* 18px */\n --font-size-lg: 1.125rem;\n /* 20px */\n --font-size-xl: 1.25rem;\n /* 24px */\n --font-size-2xl: 1.5rem;\n /* 30px */\n --font-size-3xl: 1.875rem;\n /* 36px */\n --font-size-4xl: 2.25rem;\n /* 42px */\n --font-size-5xl: 2.625rem;\n /* 48px */\n --font-size-6xl: 3rem;\n /* 54px */\n --font-size-7xl: 3.375rem;\n /* 60px */\n --font-size-8xl: 3.75rem;\n\n\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-ultrabold: 900;\n\n --line-height-tight: 1.1;\n --line-height-snug: 1.25;\n --line-height-normal: 1.5;\n --line-height-relaxed: 1.625;\n --line-height-loose: 2;\n\n --letter-spacing-tight: -0.02em;\n --letter-spacing-normal: 0;\n --letter-spacing-wide: 0.05em;\n\n /* ========================================\n SPACING SYSTEM (8px grid)\n ======================================== */\n --spacing-0: 0px;\n --spacing-1: 4px;\n --spacing-2: 8px;\n --spacing-3: 12px;\n --spacing-4: 16px;\n --spacing-5: 20px;\n --spacing-6: 24px;\n --spacing-8: 32px;\n --spacing-10: 40px;\n --spacing-12: 48px;\n --spacing-16: 64px;\n --spacing-20: 80px;\n --spacing-24: 96px;\n --spacing-32: 128px;\n\n /* ========================================\n BORDER & RADIUS\n ======================================== */\n --border-radius-none: 0px;\n --border-radius-sm: 4px;\n --border-radius-md: 8px;\n --border-radius-lg: 12px;\n --border-radius-xl: 16px;\n --border-radius-2xl: 24px;\n --border-radius-full: 9999px;\n\n --border-width-thin: 1px;\n --border-width-normal: 2px;\n --border-width-thick: 4px;\n\n --border-style-solid: solid;\n --border-style-dashed: dashed;\n --border-style-dotted: dotted;\n\n /* ========================================\n RINGS\n ======================================== */\n\n --ring-offset-width: 2px;\n --ring-inset: ;\n --ring-shadow: 0 0 #0000;\n\n /* ========================================\n SHADOWS\n ======================================== */\n\n --shadow: 0 0 #0000;\n --shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.05);\n --shadow-sm: 0px 2px 4px rgba(0, 0, 0, 0.1);\n --shadow-md: 0px 4px 6px rgba(0, 0, 0, 0.1);\n --shadow-lg: 0px 6px 12px rgba(0, 0, 0, 0.15);\n --shadow-xl: 0px 8px 16px rgba(0, 0, 0, 0.2);\n\n /* ========================================\n TRANSITIONS\n ======================================== */\n --transition-fast: 175ms ease-in-out;\n --transition-normal: 230ms ease-in-out;\n --transition-slow: 400ms ease-in-out;\n\n /* ========================================\n Z-INDEX SYSTEM\n ======================================== */\n --z-index-low: 10;\n --z-index-medium: 100;\n --z-index-high: 1000;\n --z-index-modal: 1050;\n --z-index-toast: 1100;\n\n /* ========================================\n OPACITY LEVELS\n ======================================== */\n --opacity-0: 0;\n --opacity-25: 0.25;\n --opacity-50: 0.5;\n --opacity-75: 0.75;\n --opacity-100: 1;\n\n /* ========================================\n GRID SYSTEM\n ======================================== */\n --grid-columns-2: 2;\n --grid-columns-3: 3;\n --grid-columns-4: 4;\n --grid-columns-5: 5;\n --grid-columns-6: 6;\n --grid-columns-7: 7;\n --grid-columns-8: 8;\n --grid-columns-9: 9;\n --grid-columns-10: 10;\n --grid-columns-11: 11;\n --grid-columns-12: 12;\n --grid-gap-sm: 8px;\n --grid-gap-md: 16px;\n --grid-gap-lg: 24px;\n --grid-column-size-xs: 240px;\n --grid-column-size-sm: 260px;\n --grid-column-size-md: 320px;\n --grid-column-size-lg: 480px;\n\n /* ========================================\n GAP SYSTEM (For Grid & Flexbox)\n ======================================== */\n --gap-0: var(--spacing-0);\n --gap-1: var(--spacing-1);\n --gap-2: var(--spacing-2);\n --gap-3: var(--spacing-3);\n --gap-4: var(--spacing-4);\n --gap-5: var(--spacing-5);\n --gap-6: var(--spacing-6);\n --gap-8: var(--spacing-8);\n --gap-10: var(--spacing-10);\n --gap-12: var(--spacing-12);\n --gap-16: var(--spacing-16);\n --gap-20: var(--spacing-20);\n --gap-24: var(--spacing-24);\n --gap-32: var(--spacing-32);\n\n /* ========================================\n FLEXBOX HELPERS\n ======================================== */\n --flex-row: row;\n --flex-column: column;\n --flex-wrap: wrap;\n --flex-nowrap: nowrap;\n --flex-center: center;\n }\n}","ul.check {\n padding-left: 0;\n}\n\n.component--list-item-checkbox {\n position: relative;\n margin-left: 0;\n margin-right: 8px;\n padding-left: 28px;\n padding-right: 24px;\n list-style-type: none;\n outline: none;\n}\n\n@media screen and (min-width: 768px) {\n ul.check {\n padding-left: 1rem;\n }\n}\n\n.component--list-item-checkbox::before {\n content: \"\";\n width: 16px;\n height: 16px;\n top: 8px;\n left: 0;\n cursor: pointer;\n display: block;\n background-size: cover;\n position: absolute;\n border: 1px solid rgb(125, 125, 125);\n border-radius: 2px;\n background-repeat: no-repeat;\n}\n\n.component--list-item-checkbox-checked {\n text-decoration: line-through;\n}\n\n.component--list-item-checkbox-checked::before {\n border: 1px solid var(--secondary-300);\n background-color: var(--secondary-400);\n background-repeat: no-repeat;\n}\n\n.component--list-item-checkbox-checked::after {\n content: \"\";\n cursor: pointer;\n border-color: #fff;\n border-style: solid;\n position: absolute;\n display: block;\n top: 11px;\n width: 4px;\n left: 6px;\n right: 7px;\n height: 8px;\n transform: rotate(45deg);\n border-width: 0 2px 2px 0;\n}\n",".component--card {\n background: var(--theme-25);\n color: oklch(12.97% 0.005 285.67);\n border: solid 1px var(--gray-50);\n}\n\n.component--card:is(.dark *) {\n background: var(--canvas-800);\n color: var(--gray-100);\n border: solid 1px var(--canvas-700);\n}\n\n.component--card--hover:hover {\n background: oklch(from var(--theme-50) 1 0.03 h);\n transition: ease-in-out 200ms;\n}\n\n.component--card--hover:hover:is(.dark *) {\n background: oklch(from var(--canvas-700) 0.258 c h);\n}\n","@layer infonomic-theme {\n /* input:-webkit-autofill, input:autofill,\ninput:-webkit-autofill:hover, input:autofill:hover,\ninput:-webkit-autofill:focus, input:autofill:focus,\ntextarea:-webkit-autofill, textarea:autofill,\ntextarea:-webkit-autofill:hover,textarea:autofill:hover,\ntextarea:-webkit-autofill:focus,textarea:autofill:focus,\nselect:-webkit-autofill, select:autofill,\nselect:-webkit-autofill:hover,select:autofill:hover,\nselect:-webkit-autofill:focus, select:autofill:focus {\n border: none;\n -webkit-text-fill-color: #ffb74d !important;\n -webkit-box-shadow: none !important;\n transition: background-color 5000s ease-in-out 0s;\n} */\n\n input:autofill,\n input:autofill:hover,\n input:autofill:focus,\n textarea:autofill,\n textarea:autofill:hover,\n textarea:autofill:focus,\n select:autofill,\n select:autofill:hover,\n select:autofill:focus {\n border: 1px solid #d89d3d !important;\n -webkit-text-fill-color: black !important;\n -webkit-box-shadow: 0 0 0px 1000px #fff2dc inset !important;\n box-shadow: 0 0 0px 1000px #fff2dc inset !important;\n transition: background-color 5000s ease-in-out 0s !important;\n color: black !important;\n background-color: rgb(250, 217, 167) !important;\n }\n\n /* 🌙 Dark via `.dark` class. We rely on the \n * consuming application to detect a user's preferred\n * color scheme - either by header or cookie. and set\n * a root html class accordingly\n */\n\n .dark input:autofill,\n .dark input:autofill:hover,\n .dark input:autofill:focus,\n .dark textarea:autofill,\n .dark textarea:autofill:hover,\n .dark textarea:autofill:focus,\n .dark select:autofill,\n .dark select:autofill:hover,\n .dark select:autofill:focus {\n border: 1px solid var(--theme-600) !important;\n -webkit-text-fill-color: white !important;\n -webkit-box-shadow: 0 0 0px 1000px var(--theme-600) inset !important;\n box-shadow: 0 0 0px 1000px var(--theme-600) inset !important;\n transition: background-color 5000s ease-in-out 0s !important;\n color: white !important;\n background-color: rgba(100, 100, 100, 0.5) !important;\n }\n}","@layer infonomic-theme {\n :root {\n --scroll-bar-thumb: var(--theme-400);\n --scroll-bar-track: var(--theme-600);\n }\n\n /* rgb(44, 47, 86) = theme secondary 900 */\n :root.dark {\n --scroll-bar-thumb: var(--canvas-700);\n --scroll-bar-track: var(--canvas-900);\n }\n\n /* For Google Chrome */\n ::-webkit-scrollbar {\n width: 0.6em;\n height: 0.6em;\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--scroll-bar-thumb);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--scroll-bar-track);\n }\n\n ::-webkit-scrollbar-corner {\n background: var(--scroll-bar-track);\n }\n\n /* Firefox */\n html {\n scrollbar-width: thin;\n scrollbar-color: var(--scroll-bar-thumb) var(--scroll-bar-track);\n }\n\n .component--scroller {\n --scroll-bar-thumb: var(--scroll-bar-thumb);\n --scroll-bar-track: var(--scroll-bar-track);\n }\n\n .dark .component--scroller {\n --scroll-bar-thumb: var(--scroll-bar-thumb);\n --scroll-bar-track: var(--scroll-bar-track);\n }\n\n .component--scroller {\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: var(--scroll-bar-thumb) var(--scroll-bar-track);\n }\n}","@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;\n\n@layer infonomic-components {\n .component--hamburger {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: center;\n z-index: 200;\n width: 42px;\n height: 34px;\n overflow: hidden;\n cursor: pointer;\n transition-property: opacity, filter;\n transition-duration: 0.15s;\n transition-timing-function: ease;\n font: inherit;\n color: inherit;\n text-transform: none;\n background-color: transparent;\n border: 0;\n margin: 0;\n border-radius: 4px;\n }\n\n /* .component--hamburger:hover {\n @apply bg-primary-200;\n} */\n\n .component--hamburger:active,\n .component--hamburger:focus {\n outline: none !important;\n border-color: white;\n border-width: 0.5px;\n border-style: dashed;\n /* border: dashed 0.5px #ffffff; */\n border-radius: 4px;\n }\n\n .component--hamburger .box {\n width: 24px;\n height: 24px;\n display: block;\n position: relative;\n }\n\n .component--hamburger .inner {\n display: block;\n top: 50%;\n margin-top: -1px;\n transition-duration: 0.075s;\n transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n .component--hamburger .inner,\n .component--hamburger .inner::before,\n .component--hamburger .inner::after {\n position: absolute;\n width: 24px;\n height: 2px;\n border-radius: 0;\n /* background-color: white; */\n transition-property: transform;\n transition-duration: 0.15s;\n transition-timing-function: ease;\n }\n\n /* .dark .component--hamburger .inner,\n.dark .component--hamburger .inner::before,\n.dark .component--hamburger .inner::after {\n background-color: white;\n} */\n\n .component--hamburger .inner::before,\n .component--hamburger .inner::after {\n content: \"\";\n display: block;\n }\n\n .component--hamburger .inner::before {\n top: -8px;\n transition: top 0.075s 0.12s ease, opacity 0.075s ease;\n }\n\n .component--hamburger .inner::after {\n bottom: -8px;\n transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n .component--hamburger.is_active .inner {\n transform: rotate(45deg);\n transition-delay: 0.12s;\n transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n .component--hamburger.is_active .inner::before {\n top: 0;\n opacity: 0;\n transition: top 0.075s ease, opacity 0.075s 0.12s ease;\n }\n\n .component--hamburger.is_active .inner::after {\n bottom: 0;\n transform: rotate(-90deg);\n transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n}",".component--fade-in-lift {\n opacity: 0;\n visibility: hidden;\n transform: matrix(1, 0, 0, 1, 0, 18);\n transition: opacity 0.5s ease-out, transform 0.7s ease-out;\n will-change: opacity, visibility;\n}\n\n.component--fade-in-lift.is-visible {\n opacity: 1;\n visibility: visible;\n transform: matrix(1, 0, 0, 1, 0, 0);\n}\n","@layer infonomic-base {\n\n @keyframes enterFromRight {\n from {\n opacity: 0;\n transform: translateX(200px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes enterFromLeft {\n from {\n opacity: 0;\n transform: translateX(-200px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes exitToRight {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n\n to {\n opacity: 0;\n transform: translateX(200px);\n }\n }\n\n @keyframes exitToLeft {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n\n to {\n opacity: 0;\n transform: translateX(-200px);\n }\n }\n\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: rotateX(-30deg) scale(0.9);\n }\n\n to {\n opacity: 1;\n transform: rotateX(0deg) scale(1);\n }\n }\n\n @keyframes scaleOut {\n from {\n opacity: 1;\n transform: rotateX(0deg) scale(1);\n }\n\n to {\n opacity: 0;\n transform: rotateX(-10deg) scale(0.95);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n\n @keyframes slideUpAndFade {\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes slideRightAndFade {\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes slideDownAndFade {\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes slideLeftAndFade {\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n}","/* Define keyframes for the \"checked\" state */\n@keyframes checkBoxIn {\n 0% {\n opacity: 0;\n transform: scale(0.8);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.2);\n /* Overshoot */\n }\n\n 80% {\n transform: scale(0.9);\n /* Slight bounce back */\n }\n\n 100% {\n transform: scale(1);\n /* Settle */\n }\n}\n\n/* Define keyframes for the \"unchecked\" state */\n@keyframes checkBoxOut {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0.8);\n }\n}\n\n.component--checkbox,\n.component--checkbox-icon {\n transition: all ease-in-out 200ms;\n}\n\n/* Style for the \"checked\" state */\n.component--checkbox-indicator[data-state=\"checked\"] .component--checkbox-icon {\n animation: checkBoxIn 0.3s cubic-bezier(0.25, 1.5, 0.5, 1) forwards;\n opacity: 1;\n transform: scale(1);\n}\n\n/* Style for the \"unchecked\" state */\n.component--checkbox-indicator[data-state=\"unchecked\"] .component--checkbox-icon {\n animation: checkBoxOut 0.2s ease-in;\n opacity: 0;\n transform: scale(0.8);\n}\n",".lds-ellipsis {\n display: inline-block;\n position: relative;\n}\n\n.lds-ellipsis div {\n position: absolute;\n top: 41.25%;\n width: 16.25%;\n height: 32.25%;\n border-radius: 50%;\n background: #fff;\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.lds-ellipsis div:nth-child(1) {\n left: 10%;\n animation: lds-ellipsis1 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(2) {\n left: 10%;\n animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(3) {\n left: 40%;\n animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(4) {\n left: 70%;\n animation: lds-ellipsis3 0.6s infinite;\n}\n\n@keyframes lds-ellipsis1 {\n 0% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes lds-ellipsis3 {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(0);\n }\n}\n\n@keyframes lds-ellipsis2 {\n 0% {\n transform: translate(0, 0);\n }\n\n 100% {\n transform: translate(184.61%, 0);\n }\n}\n\n.lds-ring {\n display: inline-block;\n position: relative;\n}\n\n.lds-ring div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n border: 8px solid #fff;\n border-radius: 50%;\n animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: #fff transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n animation-delay: -0.15s;\n}\n\n@keyframes lds-ring {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.lds-spinner {\n color: official;\n display: inline-block;\n position: relative;\n width: 56px;\n height: 56px;\n}\n\n.lds-spinner div {\n transform-origin: 28px 32px;\n animation: lds-spinner 1.2s linear infinite;\n}\n\n.lds-spinner div .div-after {\n content: \" \";\n display: block;\n position: absolute;\n top: 0;\n left: 25px;\n width: 5px;\n height: 14px;\n border-radius: 20%;\n background: #fff;\n}\n\n.lds-spinner div:nth-child(1) {\n transform: rotate(0deg);\n animation-delay: -1.1s;\n}\n\n.lds-spinner div:nth-child(2) {\n transform: rotate(30deg);\n animation-delay: -1s;\n}\n\n.lds-spinner div:nth-child(3) {\n transform: rotate(60deg);\n animation-delay: -0.9s;\n}\n\n.lds-spinner div:nth-child(4) {\n transform: rotate(90deg);\n animation-delay: -0.8s;\n}\n\n.lds-spinner div:nth-child(5) {\n transform: rotate(120deg);\n animation-delay: -0.7s;\n}\n\n.lds-spinner div:nth-child(6) {\n transform: rotate(150deg);\n animation-delay: -0.6s;\n}\n\n.lds-spinner div:nth-child(7) {\n transform: rotate(180deg);\n animation-delay: -0.5s;\n}\n\n.lds-spinner div:nth-child(8) {\n transform: rotate(210deg);\n animation-delay: -0.4s;\n}\n\n.lds-spinner div:nth-child(9) {\n transform: rotate(240deg);\n animation-delay: -0.3s;\n}\n\n.lds-spinner div:nth-child(10) {\n transform: rotate(270deg);\n animation-delay: -0.2s;\n}\n\n.lds-spinner div:nth-child(11) {\n transform: rotate(300deg);\n animation-delay: -0.1s;\n}\n\n.lds-spinner div:nth-child(12) {\n transform: rotate(330deg);\n animation-delay: 0s;\n}\n\n@keyframes lds-spinner {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n",".component--icon-element-root svg {\n display: block;\n margin: auto;\n}\n",".btn-to-top {\n display: flex;\n position: fixed;\n width: 0;\n height: 0;\n opacity: 0;\n visibility: hidden;\n align-items: center;\n text-decoration: none;\n border-style: none;\n padding: 0;\n margin: 0;\n outline: none;\n z-index: 20;\n justify-content: center;\n bottom: 45px;\n right: 30px;\n color: white;\n background-color: var(--primary-500);\n transition-property: all, color;\n transition-duration: 0.3s, 1ms;\n transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1), ease;\n transition-delay: 0s, 0s;\n cursor: pointer;\n}\n\n.dark .btn-to-top {\n background-color: var(--secondary-700);\n}\n\n.btn-to-top span {\n width: 18px;\n padding-bottom: 3px;\n}\n\n.btn-to-top span .icon path {\n stroke: none;\n fill: white;\n}\n\n@media screen and (min-width: 587px) {\n .btn-to-top {\n bottom: 45px;\n right: 45px;\n }\n\n .btn-to-top span {\n width: 18px;\n }\n}\n\n.btn-to-top:hover,\n.btn-to-top:focus {\n color: white;\n background-color: var(--primary-500);\n transform: translateY(-5px);\n}\n\n.dark .btn-to-top {\n background-color: var(--primary-600);\n}\n\n.dark .btn-to-top:hover,\n.dark .btn-to-top:focus {\n color: white;\n background-color: var(--primary-600);\n}\n\n.btn-floating {\n min-width: 0;\n opacity: 1;\n visibility: visible;\n padding: 0;\n width: 40px;\n height: 40px;\n bottom: 20px;\n right: 10px;\n border-radius: 20px;\n}\n\n@media screen and (min-width: 587px) {\n .btn-floating {\n width: 42px;\n height: 42px;\n border-radius: 21px;\n bottom: 22px;\n right: 22px;\n }\n}\n","@layer infonomic-base {\n h1 {\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.125;\n }\n\n h2 {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 1.125;\n }\n\n h3 {\n font-size: 1.25rem;\n font-weight: 600;\n line-height: 1.1;\n }\n\n h4 {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.1;\n }\n}","/* styles.css */\n\n.toast-viewport {\n --viewport-padding: 25px;\n position: fixed;\n bottom: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n padding: var(--viewport-padding);\n gap: 10px;\n width: 100vw;\n max-width: 100vw;\n margin: 0;\n list-style: none;\n z-index: 2147483647;\n outline: none;\n}",".popover-content[data-state=\"open\"][data-side=\"top\"] {\n animation: slideDownAndFade 100ms ease-in;\n}\n\n.popover-content[data-state=\"open\"][data-side=\"right\"] {\n animation: slideLeftAndFade 100ms ease-in;\n}\n\n.popover-content[data-state=\"open\"][data-side=\"bottom\"] {\n animation: slideUpAndFade 100ms ease-in;\n}\n\n.popover-content[data-state=\"open\"][data-side=\"left\"] {\n animation: slideRightAndFade 100ms ease-in;\n}\n",".dropdown-menu-content[data-side=\"top\"],\n.dropdown-menu-subcontent[data-side=\"top\"] {\n animation: slideDownAndFade 100ms ease-in;\n}\n\n.dropdown-menu-content[data-side=\"right\"],\n.dropdown-menu-subcontent[data-side=\"right\"] {\n animation: slideLeftAndFade 100ms ease-in;\n}\n\n.dropdown-menu-content[data-side=\"bottom\"],\n.dropdown-menu-subcontent[data-side=\"bottom\"] {\n animation: slideUpAndFade 100ms ease-in;\n}\n\n.dropdown-menu-content[data-side=\"left\"],\n.dropdown-menu-subcontent[data-side=\"left\"] {\n animation: slideRightAndFade 100ms ease-in;\n}\n"],"names":[]}
package/dist/styles/typography.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA;EACE;;;;;;;EAaA;;;;EAIA;;;;EAIA;;;;EAIA;;;;ECXA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA;;;;;;;;;;;;;;;;;;;;EAwBA;;;;;;;;;;;;;;;;;;;;EAyBA;;;;;EAMA;;;;EAKA;;;;EAMA;;;;;EAOA;IAEE;;;;;;EASF;IAEE;;;;;EAUF;;;;;;;;EAQA;;;;;;;;EAQA;;;;;;;;EAQA;;;;;;;;EAQA;;;;;EAKA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;;EAQA;;;;;;EAMA;;;;;EAKA;;;;EAQA;;;;;;;EAOA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;;EAOA;;;;;EAKA;;;;EAIA;;;;;;EAMA;;;;;;;EAOA;;;;;;;;;;;;;;;EAeA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;;EAMA;;;;;EAKA;;;;;;;;;;;;;EAaA;;;;;;;;;;;EAcA;;;;;;;;;;;;;;;EAeA;;;;;;;;;;;;;EAgBA;IACE;;;;;;EF1YF;;;;EAQA;;;;EAIA;;;;EAIA","sources":["home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/typography.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/typography/fonts.css","home/tony/Clients/Infonomic/Projects/uikit/packages/uikit/src/styles/typography/prose.css"],"sourcesContent":["@import \"./typography/fonts.css\";\n@import \"./typography/prose.css\";\n\n@layer infonomic-typography {\n html {\n font-family: var(--font-sans);\n }\n\n .font-sans {\n font-family: var(--font-sans);\n }\n\n .font-display {\n font-family: var(--font-display);\n }\n\n .font-serif {\n font-family: var(--font-serif);\n }\n\n .font-mono {\n font-family: var(--font-mono);\n }\n}","@layer infonomic-typography {\n :root {\n --font-sans: \"Inter\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n\n --font-display: \"Roboto\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n\n --font-serif: \"Merriweather\", Georgia, Cambria, \"Times New Roman\", Times, serif;\n\n --font-mono: \"Source Code Pro\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n \"Liberation Mono\", \"Courier New\", monospace;\n }\n\n .sans {\n font-family: var(--font-sans);\n }\n\n .serif {\n font-family: var(--font-serif);\n }\n\n .mono {\n font-family: var(--font-mono);\n }\n\n .display {\n font-family: var(--font-display);\n }\n}","/* \n * Adapted from Tailwind typography plugin\n * Portions copyright (c) Tailwind Labs, Inc.\n *\n * A simple typography style sheet that can be used in a project\n * without Tailwind, although the typography styles are quite basic.\n *\n * Note: You should only load one typography style sheet or plugin.\n * If Tailwind is being used in the frontend, and you're using \n * the Tailwind typography plugin, then this style sheet should NOT\n * be loaded (although it will cause little harm as it's \n * behind a cascade layer).\n *\n*/\n@layer infonomic-typography {\n :root {\n --prose-body: var(--gray-900);\n --prose-headings: var(--gray-900);\n --prose-lead: #4b5563;\n --prose-links: var(--accent-950);\n --prose-counters: #6b7280;\n --prose-bullets: #d1d5db;\n --prose-hr: #e5e7eb;\n --prose-quotes: var(--accent-700);\n --prose-quote-borders: var(--accent-700);\n --prose-captions: #6b7280;\n --prose-kbd: #111827;\n --prose-kbd-shadows: 17 24 39;\n --prose-code: #1e293b;\n --prose-code-background: #efefef;\n --prose-code-borders: #cccccc;\n --prose-pre-code: #e5e7eb;\n --prose-pre-bg: #1f2937;\n --prose-invert-body: var(--gray-50);\n --prose-invert-headings: var(--gray-50);\n --prose-invert-lead: #9ca3af;\n --prose-invert-links: var(--accent-500);\n --prose-invert-counters: #9ca3af;\n --prose-invert-bullets: #4b5563;\n --prose-invert-hr: #374151;\n --prose-invert-quotes: var(--accent-400);\n --prose-invert-quote-borders: var(--accent-400);\n --prose-invert-captions: #9ca3af;\n --prose-invert-kbd: #fff;\n --prose-invert-kbd-shadows: 255 255 255;\n --prose-invert-code: #f1f5f9;\n --prose-invert-code-background: #222222;\n --prose-invert-code-borders: #333333;\n --prose-invert-pre-code: #d1d5db;\n --prose-invert-pre-bg: rgb(0 0 0 / 50%);\n --prose-invert-th-borders: #4b5563;\n --prose-invert-td-borders: #374151;\n }\n\n .dark {\n --prose-body: var(--prose-invert-body);\n --prose-headings: var(--prose-invert-headings);\n --prose-lead: var(--prose-invert-lead);\n --prose-links: var(--prose-invert-links);\n --prose-counters: var(--prose-invert-counters);\n --prose-bullets: var(--prose-invert-bullets);\n --prose-hr: var(--prose-invert-hr);\n --prose-quotes: var(--prose-invert-quotes);\n --prose-quote-borders: var(--prose-invert-quote-borders);\n --prose-captions: var(--prose-invert-captions);\n --prose-kbd: var(--prose-invert-kbd);\n --prose-kbd-shadows: var(--prose-invert-kbd-shadows);\n --prose-code: var(--prose-invert-code);\n --prose-code-background: var(--prose-invert-code-background);\n --prose-code-borders: var(--prose-invert-code-borders);\n --prose-pre-code: var(--prose-invert-pre-code);\n --prose-pre-bg: var(--prose-invert-pre-bg);\n }\n\n /* Brute force our not-dark class for now until we figure out\n * a better way to do this. Note - the following does NOT work:\n .dark:not(:where([class~=\"not-dark\"], [class~=\"not-dark\"] *)) {\n */\n .not-dark {\n --prose-body: var(--gray-900);\n --prose-headings: var(--gray-900);\n --prose-lead: #4b5563;\n --prose-links: var(--accent-950);\n --prose-counters: #6b7280;\n --prose-bullets: #d1d5db;\n --prose-hr: #e5e7eb;\n --prose-quotes: var(--accent-700);\n --prose-quote-borders: var(--accent-700);\n --prose-captions: #6b7280;\n --prose-kbd: #111827;\n --prose-kbd-shadows: 17 24 39;\n --prose-code: #1e293b;\n --prose-code-background: #efefef;\n --prose-code-borders: #cccccc;\n --prose-pre-code: #e5e7eb;\n --prose-pre-bg: #1f2937;\n }\n\n /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\n * Typography defaults\n * We will gradually refactor prose to sensible defaults \n */\n\n html {\n font-size: 1rem;\n color: var(--prose-body);\n }\n\n /* Redeclared here to change the specificity and scope of --prose-body */\n html .not-dark {\n color: var(--prose-body);\n }\n\n /* Overflow wrap for long non-dictionary words or urls */\n article,\n .editor-text,\n .break-long-words {\n overflow-wrap: anywhere;\n }\n\n article,\n .dynamic-text {\n font-size: 1.25rem;\n line-height: 1.6;\n }\n\n /* medium breakpoint */\n @media screen and (min-width: 768px) {\n\n article,\n .dynamic-text {\n font-size: 1.125rem;\n line-height: 1.64;\n }\n\n }\n\n /* Default headings - will be overridden by prose sections below */\n .prose {\n\n h1,\n h2,\n h3,\n h4,\n h5 {\n color: var(--prose-headings);\n }\n }\n\n\n .prose :where(h1):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: 2.5rem;\n font-weight: 600;\n line-height: 1.125;\n margin-top: 0;\n margin-bottom: 1rem;\n }\n\n .prose :where(h2):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: 2rem;\n font-weight: 600;\n line-height: 1.2;\n margin-top: 1.5rem;\n margin-bottom: 0.75rem;\n }\n\n .prose :where(h3):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.1;\n margin-top: 1.25rem;\n margin-bottom: 0.75rem;\n }\n\n .prose :where(h4):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: 1.55rem;\n font-weight: 600;\n line-height: 1.1;\n margin-top: 1.25rem;\n margin-bottom: 0.65rem;\n }\n\n .prose :where(p):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n }\n\n .prose-lg :where(p):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: 1.125rem;\n line-height: 1.64;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n }\n\n .prose-xl :where(p):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: 1.25rem;\n line-height: 1.6;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n }\n\n .prose :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--prose-lead);\n font-size: 1.25em;\n line-height: 1.4;\n margin-top: 1.2em;\n margin-bottom: 1.2em;\n }\n\n .prose :where(a):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--prose-links);\n text-decoration: underline;\n font-weight: 500;\n }\n\n .prose :where(strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--prose-bold);\n font-weight: 500;\n }\n\n .prose :where(a strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n }\n\n .prose :where(blockquote strong):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: inherit;\n }\n\n .prose :where(ol):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: decimal;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n }\n\n .prose :where(ol[type=\"A\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n }\n\n .prose :where(ol[type=\"a\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n }\n\n .prose :where(ol[type=\"A\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-alpha;\n }\n\n .prose :where(ol[type=\"a\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-alpha;\n }\n\n .prose :where(ol[type=\"I\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n }\n\n .prose :where(ol[type=\"i\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n }\n\n .prose :where(ol[type=\"I\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: upper-roman;\n }\n\n .prose :where(ol[type=\"i\" s]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: lower-roman;\n }\n\n .prose :where(ol[type=\"1\"]):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: decimal;\n }\n\n .prose :where(ul):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n list-style-type: disc;\n margin-top: 1.25em;\n margin-bottom: 1.25em;\n padding-inline-start: 1.625em;\n }\n\n .prose :where(ol > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::marker {\n font-weight: 400;\n color: var(--prose-counters);\n }\n\n .prose :where(ul > li):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::marker {\n color: var(--prose-bullets);\n }\n\n .prose :where(dt):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--prose-headings);\n font-weight: 500;\n margin-top: 1.25em;\n }\n\n .prose :where(hr):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n border-color: var(--prose-hr);\n border-top-width: 1px;\n margin-top: 3em;\n margin-bottom: 3em;\n }\n\n .prose :where(blockquote):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-weight: bold;\n font-style: normal;\n color: var(--prose-quotes);\n quotes: none;\n margin-top: 1.6em;\n margin-bottom: 1.6em;\n margin-right: 2rem;\n font-size: 1.5rem;\n line-height: 1.2;\n padding-inline-start: 1rem;\n border-inline-start-width: 0.25rem;\n border-inline-start-color: var(--prose-quote-borders);\n }\n\n .prose :where(blockquote p:first-of-type):not( :where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::before {\n content: open-quote;\n }\n\n .prose :where(blockquote p:last-of-type):not( :where([class~=\"not-prose\"], [class~=\"not-prose\"] *))::after {\n content: close-quote;\n }\n\n .prose :where(img):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n }\n\n .prose :where(picture):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n display: block;\n margin-top: 2em;\n margin-bottom: 2em;\n }\n\n .prose :where(video):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n margin-top: 2em;\n margin-bottom: 2em;\n }\n\n .prose :where(kbd):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-weight: 500;\n font-family: inherit;\n color: var(--prose-kbd);\n box-shadow: 0 0 0 1px rgb(var(--prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--prose-kbd-shadows) / 10%);\n font-size: 0.875em;\n border-radius: 0.3125rem;\n padding-top: 0.1875em;\n padding-inline-end: 0.375em;\n padding-bottom: 0.1875em;\n padding-inline-start: 0.375em;\n }\n\n .prose :where(code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--prose-code);\n font-weight: 400;\n font-size: 0.875em;\n background-color: var(--prose-code-background);\n border-color: var(--prose-code-borders);\n border-radius: 0.25rem;\n border-width: 1px;\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n }\n\n .prose :where(pre):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n color: var(--prose-pre-code);\n background-color: var(--prose-pre-bg);\n overflow-x: auto;\n font-weight: 400;\n line-height: 1.7142857;\n margin-top: 1.7142857em;\n margin-bottom: 1.7142857em;\n border-radius: 0.375rem;\n padding-top: 0.8571429em;\n padding-inline-end: 1.1428571em;\n padding-bottom: 0.8571429em;\n padding-inline-start: 1.1428571em;\n }\n\n .prose :where(pre code):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n background-color: initial;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-weight: inherit;\n color: inherit;\n font-size: 1em !important;\n font-family: inherit;\n line-height: inherit;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n\n @media (min-width: 768px) {\n .prose :where(blockquote):not(:where([class~=\"not-prose\"], [class~=\"not-prose\"] *)) {\n font-size: 1.7rem;\n line-height: 1.2;\n }\n }\n}"],"names":[]}