@infonomic/uikit 1.0.0 → 1.0.2
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.
- package/README.md +37 -0
- package/dist/components/avatar/avatar.d.ts +3 -1
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.js +2 -2
- package/dist/components/notifications/alert.d.ts.map +1 -1
- package/dist/components/notifications/alert.js +36 -40
- package/dist/components/notifications/toast.d.ts +1 -1
- package/dist/components/notifications/toast.d.ts.map +1 -1
- package/dist/components/notifications/toast.js +2 -2
- package/dist/components/scroll-area/scroll-area_module.css +1 -1
- package/dist/icons/close-icon.d.ts.map +1 -1
- package/dist/icons/danger-icon.d.ts +1 -1
- package/dist/icons/danger-icon.d.ts.map +1 -1
- package/dist/icons/danger-icon.js +2 -5
- package/dist/icons/info-icon.d.ts +1 -1
- package/dist/icons/info-icon.d.ts.map +1 -1
- package/dist/icons/info-icon.js +2 -5
- package/dist/icons/primary-icon.d.ts +1 -1
- package/dist/icons/primary-icon.d.ts.map +1 -1
- package/dist/icons/primary-icon.js +1 -1
- package/dist/icons/success-icon.d.ts +1 -1
- package/dist/icons/success-icon.d.ts.map +1 -1
- package/dist/icons/success-icon.js +2 -5
- package/dist/icons/types/icon.d.ts +0 -1
- package/dist/icons/types/icon.d.ts.map +1 -1
- package/dist/icons/warning-icon.d.ts +1 -1
- package/dist/icons/warning-icon.d.ts.map +1 -1
- package/dist/icons/warning-icon.js +2 -5
- package/dist/styles/styles.css +2592 -1
- package/dist/styles/styles.css.map +1 -0
- package/dist/styles/typography.css +394 -1
- package/dist/styles/typography.css.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/widgets/datepicker/datepicker.js +23 -9
- package/package.json +9 -3
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -1 +1,394 @@
|
|
|
1
|
-
@layer infonomic-typography
|
|
1
|
+
@layer infonomic-typography {
|
|
2
|
+
:root {
|
|
3
|
+
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
4
|
+
--font-display: "Roboto", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
5
|
+
--font-serif: "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;
|
|
6
|
+
--font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.sans {
|
|
10
|
+
font-family: var(--font-sans);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.serif {
|
|
14
|
+
font-family: var(--font-serif);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.mono {
|
|
18
|
+
font-family: var(--font-mono);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.display {
|
|
22
|
+
font-family: var(--font-display);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
:root {
|
|
26
|
+
--prose-body: var(--gray-900);
|
|
27
|
+
--prose-headings: var(--gray-900);
|
|
28
|
+
--prose-lead: #4b5563;
|
|
29
|
+
--prose-links: var(--accent-950);
|
|
30
|
+
--prose-counters: #6b7280;
|
|
31
|
+
--prose-bullets: #d1d5db;
|
|
32
|
+
--prose-hr: #e5e7eb;
|
|
33
|
+
--prose-quotes: var(--accent-700);
|
|
34
|
+
--prose-quote-borders: var(--accent-700);
|
|
35
|
+
--prose-captions: #6b7280;
|
|
36
|
+
--prose-kbd: #111827;
|
|
37
|
+
--prose-kbd-shadows: 17 24 39;
|
|
38
|
+
--prose-code: #1e293b;
|
|
39
|
+
--prose-code-background: #efefef;
|
|
40
|
+
--prose-code-borders: #ccc;
|
|
41
|
+
--prose-pre-code: #e5e7eb;
|
|
42
|
+
--prose-pre-bg: #1f2937;
|
|
43
|
+
--prose-invert-body: var(--gray-50);
|
|
44
|
+
--prose-invert-headings: var(--gray-50);
|
|
45
|
+
--prose-invert-lead: #9ca3af;
|
|
46
|
+
--prose-invert-links: var(--accent-500);
|
|
47
|
+
--prose-invert-counters: #9ca3af;
|
|
48
|
+
--prose-invert-bullets: #4b5563;
|
|
49
|
+
--prose-invert-hr: #374151;
|
|
50
|
+
--prose-invert-quotes: var(--accent-400);
|
|
51
|
+
--prose-invert-quote-borders: var(--accent-400);
|
|
52
|
+
--prose-invert-captions: #9ca3af;
|
|
53
|
+
--prose-invert-kbd: #fff;
|
|
54
|
+
--prose-invert-kbd-shadows: 255 255 255;
|
|
55
|
+
--prose-invert-code: #f1f5f9;
|
|
56
|
+
--prose-invert-code-background: #222;
|
|
57
|
+
--prose-invert-code-borders: #333;
|
|
58
|
+
--prose-invert-pre-code: #d1d5db;
|
|
59
|
+
--prose-invert-pre-bg: #00000080;
|
|
60
|
+
--prose-invert-th-borders: #4b5563;
|
|
61
|
+
--prose-invert-td-borders: #374151;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.dark {
|
|
65
|
+
--prose-body: var(--prose-invert-body);
|
|
66
|
+
--prose-headings: var(--prose-invert-headings);
|
|
67
|
+
--prose-lead: var(--prose-invert-lead);
|
|
68
|
+
--prose-links: var(--prose-invert-links);
|
|
69
|
+
--prose-counters: var(--prose-invert-counters);
|
|
70
|
+
--prose-bullets: var(--prose-invert-bullets);
|
|
71
|
+
--prose-hr: var(--prose-invert-hr);
|
|
72
|
+
--prose-quotes: var(--prose-invert-quotes);
|
|
73
|
+
--prose-quote-borders: var(--prose-invert-quote-borders);
|
|
74
|
+
--prose-captions: var(--prose-invert-captions);
|
|
75
|
+
--prose-kbd: var(--prose-invert-kbd);
|
|
76
|
+
--prose-kbd-shadows: var(--prose-invert-kbd-shadows);
|
|
77
|
+
--prose-code: var(--prose-invert-code);
|
|
78
|
+
--prose-code-background: var(--prose-invert-code-background);
|
|
79
|
+
--prose-code-borders: var(--prose-invert-code-borders);
|
|
80
|
+
--prose-pre-code: var(--prose-invert-pre-code);
|
|
81
|
+
--prose-pre-bg: var(--prose-invert-pre-bg);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.not-dark {
|
|
85
|
+
--prose-body: var(--gray-900);
|
|
86
|
+
--prose-headings: var(--gray-900);
|
|
87
|
+
--prose-lead: #4b5563;
|
|
88
|
+
--prose-links: var(--accent-950);
|
|
89
|
+
--prose-counters: #6b7280;
|
|
90
|
+
--prose-bullets: #d1d5db;
|
|
91
|
+
--prose-hr: #e5e7eb;
|
|
92
|
+
--prose-quotes: var(--accent-700);
|
|
93
|
+
--prose-quote-borders: var(--accent-700);
|
|
94
|
+
--prose-captions: #6b7280;
|
|
95
|
+
--prose-kbd: #111827;
|
|
96
|
+
--prose-kbd-shadows: 17 24 39;
|
|
97
|
+
--prose-code: #1e293b;
|
|
98
|
+
--prose-code-background: #efefef;
|
|
99
|
+
--prose-code-borders: #ccc;
|
|
100
|
+
--prose-pre-code: #e5e7eb;
|
|
101
|
+
--prose-pre-bg: #1f2937;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
html {
|
|
105
|
+
color: var(--prose-body);
|
|
106
|
+
font-size: 1rem;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
html .not-dark {
|
|
110
|
+
color: var(--prose-body);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
article, .editor-text, .break-long-words {
|
|
114
|
+
overflow-wrap: anywhere;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
article, .dynamic-text {
|
|
118
|
+
font-size: 1.25rem;
|
|
119
|
+
line-height: 1.6;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
@media screen and (width >= 768px) {
|
|
123
|
+
article, .dynamic-text {
|
|
124
|
+
font-size: 1.125rem;
|
|
125
|
+
line-height: 1.64;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.prose {
|
|
130
|
+
& h1, & h2, & h3, & h4, & h5 {
|
|
131
|
+
color: var(--prose-headings);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
136
|
+
margin-top: 0;
|
|
137
|
+
margin-bottom: 1rem;
|
|
138
|
+
font-size: 2.5rem;
|
|
139
|
+
font-weight: 600;
|
|
140
|
+
line-height: 1.125;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
144
|
+
margin-top: 1.5rem;
|
|
145
|
+
margin-bottom: .75rem;
|
|
146
|
+
font-size: 2rem;
|
|
147
|
+
font-weight: 600;
|
|
148
|
+
line-height: 1.2;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
152
|
+
margin-top: 1.25rem;
|
|
153
|
+
margin-bottom: .75rem;
|
|
154
|
+
font-size: 1.75rem;
|
|
155
|
+
font-weight: 600;
|
|
156
|
+
line-height: 1.1;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
160
|
+
margin-top: 1.25rem;
|
|
161
|
+
margin-bottom: .65rem;
|
|
162
|
+
font-size: 1.55rem;
|
|
163
|
+
font-weight: 600;
|
|
164
|
+
line-height: 1.1;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
168
|
+
margin-top: 1.25em;
|
|
169
|
+
margin-bottom: 1.25em;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
173
|
+
margin-top: 1.25em;
|
|
174
|
+
margin-bottom: 1.25em;
|
|
175
|
+
font-size: 1.125rem;
|
|
176
|
+
line-height: 1.64;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.prose-xl :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
180
|
+
margin-top: 1.25em;
|
|
181
|
+
margin-bottom: 1.25em;
|
|
182
|
+
font-size: 1.25rem;
|
|
183
|
+
line-height: 1.6;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
187
|
+
color: var(--prose-lead);
|
|
188
|
+
margin-top: 1.2em;
|
|
189
|
+
margin-bottom: 1.2em;
|
|
190
|
+
font-size: 1.25em;
|
|
191
|
+
line-height: 1.4;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
195
|
+
color: var(--prose-links);
|
|
196
|
+
font-weight: 500;
|
|
197
|
+
text-decoration: underline;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
201
|
+
color: var(--prose-bold);
|
|
202
|
+
font-weight: 500;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
206
|
+
color: inherit;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
210
|
+
margin-top: 1.25em;
|
|
211
|
+
margin-bottom: 1.25em;
|
|
212
|
+
padding-inline-start: 1.625em;
|
|
213
|
+
list-style-type: decimal;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
217
|
+
list-style-type: upper-alpha;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
221
|
+
list-style-type: lower-alpha;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
225
|
+
list-style-type: upper-alpha;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
229
|
+
list-style-type: lower-alpha;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
233
|
+
list-style-type: upper-roman;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
237
|
+
list-style-type: lower-roman;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
241
|
+
list-style-type: upper-roman;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
245
|
+
list-style-type: lower-roman;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
249
|
+
list-style-type: decimal;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
.prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
253
|
+
margin-top: 1.25em;
|
|
254
|
+
margin-bottom: 1.25em;
|
|
255
|
+
padding-inline-start: 1.625em;
|
|
256
|
+
list-style-type: disc;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
|
|
260
|
+
color: var(--prose-counters);
|
|
261
|
+
font-weight: 400;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
|
|
265
|
+
color: var(--prose-bullets);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
.prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
269
|
+
color: var(--prose-headings);
|
|
270
|
+
margin-top: 1.25em;
|
|
271
|
+
font-weight: 500;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
275
|
+
border-color: var(--prose-hr);
|
|
276
|
+
border-top-width: 1px;
|
|
277
|
+
margin-top: 3em;
|
|
278
|
+
margin-bottom: 3em;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
282
|
+
color: var(--prose-quotes);
|
|
283
|
+
quotes: none;
|
|
284
|
+
border-inline-start-width: .25rem;
|
|
285
|
+
border-inline-start-color: var(--prose-quote-borders);
|
|
286
|
+
margin-top: 1.6em;
|
|
287
|
+
margin-bottom: 1.6em;
|
|
288
|
+
margin-right: 2rem;
|
|
289
|
+
padding-inline-start: 1rem;
|
|
290
|
+
font-size: 1.5rem;
|
|
291
|
+
font-style: normal;
|
|
292
|
+
font-weight: bold;
|
|
293
|
+
line-height: 1.2;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
|
|
297
|
+
content: open-quote;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
|
|
301
|
+
content: close-quote;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
305
|
+
margin-top: 2em;
|
|
306
|
+
margin-bottom: 2em;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
.prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
310
|
+
margin-top: 2em;
|
|
311
|
+
margin-bottom: 2em;
|
|
312
|
+
display: block;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
316
|
+
margin-top: 2em;
|
|
317
|
+
margin-bottom: 2em;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
.prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
321
|
+
color: var(--prose-kbd);
|
|
322
|
+
box-shadow: 0 0 0 1px rgb(var(--prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--prose-kbd-shadows) / 10%);
|
|
323
|
+
padding-top: .1875em;
|
|
324
|
+
padding-inline-end: .375em;
|
|
325
|
+
padding-bottom: .1875em;
|
|
326
|
+
border-radius: .3125rem;
|
|
327
|
+
padding-inline-start: .375em;
|
|
328
|
+
font-family: inherit;
|
|
329
|
+
font-size: .875em;
|
|
330
|
+
font-weight: 500;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
334
|
+
color: var(--prose-code);
|
|
335
|
+
background-color: var(--prose-code-background);
|
|
336
|
+
border-color: var(--prose-code-borders);
|
|
337
|
+
border-width: 1px;
|
|
338
|
+
border-radius: .25rem;
|
|
339
|
+
padding: .125rem .375rem;
|
|
340
|
+
font-size: .875em;
|
|
341
|
+
font-weight: 400;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
345
|
+
color: var(--prose-pre-code);
|
|
346
|
+
background-color: var(--prose-pre-bg);
|
|
347
|
+
padding-top: .857143em;
|
|
348
|
+
padding-inline-end: 1.14286em;
|
|
349
|
+
padding-bottom: .857143em;
|
|
350
|
+
border-radius: .375rem;
|
|
351
|
+
margin-top: 1.71429em;
|
|
352
|
+
margin-bottom: 1.71429em;
|
|
353
|
+
padding-inline-start: 1.14286em;
|
|
354
|
+
font-weight: 400;
|
|
355
|
+
line-height: 1.71429;
|
|
356
|
+
overflow-x: auto;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
360
|
+
background-color: initial;
|
|
361
|
+
font-weight: inherit;
|
|
362
|
+
color: inherit;
|
|
363
|
+
font-family: inherit;
|
|
364
|
+
line-height: inherit;
|
|
365
|
+
padding: 0;
|
|
366
|
+
border-width: 0;
|
|
367
|
+
border-radius: 0;
|
|
368
|
+
padding: 0;
|
|
369
|
+
font-size: 1em !important;
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
@media (width >= 768px) {
|
|
373
|
+
.prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
374
|
+
font-size: 1.7rem;
|
|
375
|
+
line-height: 1.2;
|
|
376
|
+
}
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
html, .font-sans {
|
|
380
|
+
font-family: var(--font-sans);
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.font-display {
|
|
384
|
+
font-family: var(--font-display);
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
.font-serif {
|
|
388
|
+
font-family: var(--font-serif);
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.font-mono {
|
|
392
|
+
font-family: var(--font-mono);
|
|
393
|
+
}
|
|
394
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|