@jrgermain/stylesheet 0.1.2 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/index.css +427 -582
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.min.css +1 -1
  4. package/dist/index.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/styles/_utils.scss +1 -1
  7. package/src/styles/_variables.scss +153 -163
  8. package/src/styles/components/_alert.scss +66 -0
  9. package/src/styles/components/_app.scss +22 -58
  10. package/src/styles/components/_button.scss +7 -12
  11. package/src/styles/components/_chip.scss +1 -1
  12. package/src/styles/components/_dialog.scss +3 -9
  13. package/src/styles/components/_field.scss +6 -3
  14. package/src/styles/components/_progress-meter.scss +2 -2
  15. package/src/styles/components/_skeleton.scss +1 -1
  16. package/src/styles/components/_text.scss +26 -24
package/dist/index.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/styles/_variables.scss","../src/src/styles/index.scss","../src/styles/index.scss","../src/styles/components/_alert.scss","../src/styles/components/_layout.scss","../src/styles/components/_app.scss","../src/styles/_utils.scss","../src/styles/components/_button.scss","../src/styles/components/_card.scss","../src/styles/components/_chip.scss","../src/styles/components/_text.scss","../src/styles/components/_details.scss","../src/styles/components/_dialog.scss","../src/styles/components/_field.scss","../src/styles/components/_hr.scss","../src/styles/components/_progress-meter.scss","../src/styles/components/_range.scss","../src/styles/components/_skeleton.scss","../src/styles/components/_switch.scss","../src/styles/components/_table.scss","../src/styles/experimental/dialog-animations.css","../src/styles/experimental/mobile-sidebar-fade-out.css","../src/styles/index.scss%23sass"],"names":[],"mappings":"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","file":"index.min.css","sourcesContent":["@use \"sass:map\";\n@use \"sass:color\";\n@use \"sass:math\";\n\n:root,\n::backdrop {\n --opacity-low: 20%;\n --opacity-medium: 40%;\n --opacity-high: 70%;\n\n // Brand\n --color-brand-1: oklch(15% 55% 270deg);\n --color-brand-2: oklch(25% 53% 270deg);\n --color-brand-3: oklch(35% 52% 270deg);\n --color-brand-4: oklch(45% 51% 270deg);\n --color-brand-5: oklch(55% 50% 270deg);\n --color-brand-6: oklch(65% 50% 270deg);\n --color-brand-7: oklch(75% 45% 270deg);\n --color-brand-8: oklch(85% 42% 270deg);\n --color-brand-9: oklch(95% 36% 270deg);\n --color-brand-transparent: oklch(55% 50% 270deg / var(--opacity-medium));\n --color-brand-extra-transparent: oklch(55% 50% 270deg / var(--opacity-low));\n\n // Red\n --color-red-1: oklch(15% 55% 30deg);\n --color-red-2: oklch(25% 52% 30deg);\n --color-red-3: oklch(35% 54% 30deg);\n --color-red-4: oklch(45% 52% 30deg);\n --color-red-5: oklch(55% 50% 30deg);\n --color-red-6: oklch(65% 50% 30deg);\n --color-red-7: oklch(75% 45% 30deg);\n --color-red-8: oklch(85% 45% 30deg);\n --color-red-9: oklch(95% 38% 30deg);\n --color-red-transparent: oklch(55% 50% 30deg / var(--opacity-medium));\n --color-red-extra-transparent: oklch(55% 50% 30deg / var(--opacity-low));\n\n // Orange\n --color-orange-1: oklch(15% 55% 61deg);\n --color-orange-2: oklch(25% 50% 61deg);\n --color-orange-3: oklch(35% 49% 61deg);\n --color-orange-4: oklch(45% 48% 61deg);\n --color-orange-5: oklch(55% 50% 61deg);\n --color-orange-6: oklch(65% 50% 61deg);\n --color-orange-7: oklch(75% 45% 61deg);\n --color-orange-8: oklch(85% 40% 61deg);\n --color-orange-9: oklch(95% 35% 61deg);\n --color-orange-transparent: oklch(55% 50% 61deg / var(--opacity-medium));\n --color-orange-extra-transparent: oklch(55% 50% 61deg / var(--opacity-low));\n\n // Yellow\n --color-yellow-1: oklch(15% 50% 90deg);\n --color-yellow-2: oklch(25% 50% 90deg);\n --color-yellow-3: oklch(35% 50% 90deg);\n --color-yellow-4: oklch(45% 44% 90deg);\n --color-yellow-5: oklch(55% 44% 90deg);\n --color-yellow-6: oklch(65% 44% 90deg);\n --color-yellow-7: oklch(75% 40% 90deg);\n --color-yellow-8: oklch(85% 37% 90deg);\n --color-yellow-9: oklch(95% 29% 90deg);\n --color-yellow-transparent: oklch(55% 44% 90deg / var(--opacity-medium));\n --color-yellow-extra-transparent: oklch(55% 44% 90deg / var(--opacity-low));\n\n // Green\n --color-green-1: oklch(15% 55% 133deg);\n --color-green-2: oklch(25% 55% 133deg);\n --color-green-3: oklch(35% 50% 133deg);\n --color-green-4: oklch(45% 50% 133deg);\n --color-green-5: oklch(55% 49% 133deg);\n --color-green-6: oklch(65% 49% 133deg);\n --color-green-7: oklch(75% 45% 133deg);\n --color-green-8: oklch(85% 43% 133deg);\n --color-green-9: oklch(95% 30% 133deg);\n --color-green-transparent: oklch(55% 49% 133deg / var(--opacity-medium));\n --color-green-extra-transparent: oklch(55% 49% 133deg / var(--opacity-low));\n\n // Sky\n --color-sky-1: oklch(15% 55% 200deg);\n --color-sky-2: oklch(25% 55% 200deg);\n --color-sky-3: oklch(35% 50% 200deg);\n --color-sky-4: oklch(45% 50% 200deg);\n --color-sky-5: oklch(55% 52% 200deg);\n --color-sky-6: oklch(65% 46% 200deg);\n --color-sky-7: oklch(75% 36% 200deg);\n --color-sky-8: oklch(85% 25% 200deg);\n --color-sky-9: oklch(95% 17% 200deg);\n --color-sky-transparent: oklch(55% 52% 200deg / var(--opacity-medium));\n --color-sky-extra-transparent: oklch(55% 52% 200deg / var(--opacity-low));\n\n // Blue\n --color-blue-1: oklch(15% 55% 260deg);\n --color-blue-2: oklch(25% 55% 260deg);\n --color-blue-3: oklch(35% 53% 260deg);\n --color-blue-4: oklch(45% 50% 260deg);\n --color-blue-5: oklch(55% 52% 260deg);\n --color-blue-6: oklch(65% 52% 260deg);\n --color-blue-7: oklch(75% 52% 260deg);\n --color-blue-8: oklch(85% 50% 260deg);\n --color-blue-9: oklch(95% 39% 260deg);\n --color-blue-transparent: oklch(55% 52% 260deg / var(--opacity-medium));\n --color-blue-extra-transparent: oklch(55% 52% 260deg / var(--opacity-low));\n\n // Purple\n --color-purple-1: oklch(15% 55% 310deg);\n --color-purple-2: oklch(25% 55% 310deg);\n --color-purple-3: oklch(35% 53% 310deg);\n --color-purple-4: oklch(45% 52% 310deg);\n --color-purple-5: oklch(55% 52% 310deg);\n --color-purple-6: oklch(65% 51% 310deg);\n --color-purple-7: oklch(75% 48% 310deg);\n --color-purple-8: oklch(85% 42% 310deg);\n --color-purple-9: oklch(95% 40% 310deg);\n --color-purple-transparent: oklch(55% 52% 310deg / var(--opacity-medium));\n --color-purple-extra-transparent: oklch(55% 52% 310deg / var(--opacity-low));\n\n // Magenta\n --color-magenta-1: oklch(15% 55% 356deg);\n --color-magenta-2: oklch(25% 55% 356deg);\n --color-magenta-3: oklch(35% 54% 356deg);\n --color-magenta-4: oklch(45% 51% 356deg);\n --color-magenta-5: oklch(55% 50% 356deg);\n --color-magenta-6: oklch(65% 47% 356deg);\n --color-magenta-7: oklch(75% 43% 356deg);\n --color-magenta-8: oklch(85% 38% 356deg);\n --color-magenta-9: oklch(95% 30% 356deg);\n --color-magenta-transparent: oklch(55% 50% 356deg / var(--opacity-medium));\n --color-magenta-extra-transparent: oklch(55% 50% 356deg / var(--opacity-low));\n\n // Gray\n --color-gray-1: oklch(15% 2% 263deg);\n --color-gray-2: oklch(25% 2% 263deg);\n --color-gray-3: oklch(35% 2% 263deg);\n --color-gray-4: oklch(45% 2% 263deg);\n --color-gray-5: oklch(55% 2% 263deg);\n --color-gray-6: oklch(65% 2% 263deg);\n --color-gray-7: oklch(75% 2% 263deg);\n --color-gray-8: oklch(85% 2% 263deg);\n --color-gray-9: oklch(95% 2% 263deg);\n --color-gray-transparent: oklch(55% 2% 263deg / var(--opacity-medium));\n --color-gray-extra-transparent: oklch(55% 2% 263deg / var(--opacity-low));\n\n // Individual colors\n --color-body: oklch(98.5% 1% 263deg);\n --color-body-alt: white;\n --color-body-text: oklch(10% 2% 263deg);\n --color-body-text-alt: oklch(38% 2% 263deg);\n --color-shadow: oklch(40% 2% 263deg / 15%);\n --color-outline: oklch(89% 2% 263deg);\n\n @media (prefers-color-scheme: dark) {\n // Brand\n --color-brand-9: oklch(17% 55% 270deg);\n --color-brand-8: oklch(27% 53% 270deg);\n --color-brand-7: oklch(37% 52% 270deg);\n --color-brand-6: oklch(47% 51% 270deg);\n --color-brand-5: oklch(57% 50% 270deg);\n --color-brand-4: oklch(67% 50% 270deg);\n --color-brand-3: oklch(77% 45% 270deg);\n --color-brand-2: oklch(87% 42% 270deg);\n --color-brand-1: oklch(97% 36% 270deg);\n\n // Red\n --color-red-9: oklch(17% 55% 30deg);\n --color-red-8: oklch(27% 52% 30deg);\n --color-red-7: oklch(37% 54% 30deg);\n --color-red-6: oklch(47% 52% 30deg);\n --color-red-5: oklch(57% 50% 30deg);\n --color-red-4: oklch(67% 50% 30deg);\n --color-red-3: oklch(77% 45% 30deg);\n --color-red-2: oklch(87% 45% 30deg);\n --color-red-1: oklch(97% 38% 30deg);\n\n // Orange\n --color-orange-9: oklch(17% 55% 61deg);\n --color-orange-8: oklch(27% 50% 61deg);\n --color-orange-7: oklch(37% 49% 61deg);\n --color-orange-6: oklch(47% 48% 61deg);\n --color-orange-5: oklch(57% 50% 61deg);\n --color-orange-4: oklch(67% 50% 61deg);\n --color-orange-3: oklch(77% 45% 61deg);\n --color-orange-2: oklch(87% 40% 61deg);\n --color-orange-1: oklch(97% 35% 61deg);\n\n // Yellow\n --color-yellow-9: oklch(17% 50% 90deg);\n --color-yellow-8: oklch(27% 50% 90deg);\n --color-yellow-7: oklch(37% 50% 90deg);\n --color-yellow-6: oklch(47% 44% 90deg);\n --color-yellow-5: oklch(57% 44% 90deg);\n --color-yellow-4: oklch(67% 44% 90deg);\n --color-yellow-3: oklch(77% 40% 90deg);\n --color-yellow-2: oklch(87% 37% 90deg);\n --color-yellow-1: oklch(97% 29% 90deg);\n\n // Green\n --color-green-9: oklch(17% 55% 133deg);\n --color-green-8: oklch(27% 55% 133deg);\n --color-green-7: oklch(37% 50% 133deg);\n --color-green-6: oklch(47% 50% 133deg);\n --color-green-5: oklch(57% 49% 133deg);\n --color-green-4: oklch(67% 49% 133deg);\n --color-green-3: oklch(77% 45% 133deg);\n --color-green-2: oklch(87% 43% 133deg);\n --color-green-1: oklch(97% 30% 133deg);\n\n // Sky\n --color-sky-9: oklch(17% 55% 200deg);\n --color-sky-8: oklch(27% 55% 200deg);\n --color-sky-7: oklch(37% 50% 200deg);\n --color-sky-6: oklch(47% 50% 200deg);\n --color-sky-5: oklch(57% 52% 200deg);\n --color-sky-4: oklch(67% 46% 200deg);\n --color-sky-3: oklch(77% 36% 200deg);\n --color-sky-2: oklch(87% 25% 200deg);\n --color-sky-1: oklch(97% 17% 200deg);\n\n // Blue\n --color-blue-9: oklch(17% 55% 260deg);\n --color-blue-8: oklch(27% 55% 260deg);\n --color-blue-7: oklch(37% 53% 260deg);\n --color-blue-6: oklch(47% 50% 260deg);\n --color-blue-5: oklch(57% 52% 260deg);\n --color-blue-4: oklch(67% 52% 260deg);\n --color-blue-3: oklch(77% 52% 260deg);\n --color-blue-2: oklch(87% 50% 260deg);\n --color-blue-1: oklch(97% 39% 260deg);\n\n // Purple\n --color-purple-9: oklch(17% 55% 310deg);\n --color-purple-8: oklch(27% 55% 310deg);\n --color-purple-7: oklch(37% 53% 310deg);\n --color-purple-6: oklch(47% 52% 310deg);\n --color-purple-5: oklch(57% 52% 310deg);\n --color-purple-4: oklch(67% 51% 310deg);\n --color-purple-3: oklch(77% 48% 310deg);\n --color-purple-2: oklch(87% 42% 310deg);\n --color-purple-1: oklch(97% 40% 310deg);\n\n // Magenta\n --color-magenta-9: oklch(17% 55% 356deg);\n --color-magenta-8: oklch(27% 55% 356deg);\n --color-magenta-7: oklch(37% 54% 356deg);\n --color-magenta-6: oklch(47% 51% 356deg);\n --color-magenta-5: oklch(57% 50% 356deg);\n --color-magenta-4: oklch(67% 47% 356deg);\n --color-magenta-3: oklch(77% 43% 356deg);\n --color-magenta-2: oklch(87% 38% 356deg);\n --color-magenta-1: oklch(97% 30% 356deg);\n\n // Gray\n --color-gray-9: oklch(17% 2% 263deg);\n --color-gray-8: oklch(27% 2% 263deg);\n --color-gray-7: oklch(37% 2% 263deg);\n --color-gray-6: oklch(47% 2% 263deg);\n --color-gray-5: oklch(57% 2% 263deg);\n --color-gray-4: oklch(67% 2% 263deg);\n --color-gray-3: oklch(77% 2% 263deg);\n --color-gray-2: oklch(87% 2% 263deg);\n --color-gray-1: oklch(97% 2% 263deg);\n\n // Darker replacements for semantic colors\n --color-body: oklch(20% 2% 263deg);\n --color-body-alt: oklch(8% 2% 263deg);\n --color-body-text: white;\n --color-body-text-alt: oklch(88% 1% 263deg);\n --color-shadow: oklch(5% 2% 263deg / 25%);\n --color-outline: oklch(39% 2% 263deg);\n\n // Slightly decrease font weights\n --font-weight-black: 900;\n --font-weight-bold: 700;\n --font-weight-semibold: 550;\n --font-weight-normal: 375;\n\n // Slightly increase opacity\n --opacity-low: 35%;\n --opacity-medium: 50%;\n --opacity-high: 80%;\n }\n\n // Font sizes\n --font-size-xs: clamp(0.6944rem, 0.6855rem + 0.0446vw, 0.72rem);\n --font-size-s: clamp(0.8331rem, 0.8099rem + 0.1163vw, 0.9rem);\n --font-size-m: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);\n --font-size-l: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);\n --font-size-xl: clamp(1.44rem, 1.3293rem + 0.5533vw, 1.7581rem);\n --font-size-2xl: clamp(1.7281rem, 1.5649rem + 0.8163vw, 2.1975rem);\n --font-size-3xl: clamp(2.0738rem, 1.8396rem + 1.1707vw, 2.7469rem);\n --font-size-4xl: clamp(2.4881rem, 2.1594rem + 1.6435vw, 3.4331rem);\n\n // Font weights\n --font-weight-black: 950;\n --font-weight-bold: 750;\n --font-weight-semibold: 600;\n --font-weight-normal: 400;\n --font-weight-light: 200;\n\n // Font families\n --font-family-body: \"Manrope Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-heading: \"Lexend Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-mono: \"Source Code Pro Variable\", ui-monospace,\n \"Source Code Pro\", \"Menlo\", \"Consolas\", \"DejaVu Sans Mono\", monospace;\n\n // Spacing\n --space-3xs: clamp(4px, 3.6528px + 0.1087vw, 5px);\n --space-2xs: clamp(8px, 7.6528px + 0.1087vw, 9px);\n --space-xs: clamp(12px, 11.304px + 0.2174vw, 14px);\n --space-s: clamp(16px, 15.304px + 0.2174vw, 18px);\n --space-m: clamp(24px, 22.9568px + 0.3261vw, 27px);\n --space-l: clamp(32px, 30.608px + 0.4348vw, 36px);\n --space-xl: clamp(48px, 45.9136px + 0.6522vw, 54px);\n --space-2xl: clamp(64px, 61.2176px + 0.8696vw, 72px);\n --space-3xl: clamp(96px, 91.8256px + 1.3043vw, 108px);\n\n // Between xs and m based on screen width\n --space-body: clamp(12px, 6.7824px + 1.6304vw, 27px);\n\n // Radii\n --radius-none: 0;\n --radius-s: 3px;\n --radius-m: 6px;\n --radius-l: 12px;\n --radius-xl: 24px;\n --radius-2xl: 64px;\n --radius-full: 9999px;\n\n // Shadows\n --shadow-none: none;\n --shadow-s: 0 1px 3px -1px var(--color-shadow);\n --shadow-m: 0 1px 7px -1px var(--color-shadow);\n --shadow-l: var(--shadow-s), 0 1px 11px -1px var(--color-shadow);\n --shadow-xl: var(--shadow-m), 0 1px 15px -1px var(--color-shadow);\n\n // Border widths\n --border-none: 0;\n --border-s: 1px;\n --border-m: 2px;\n --border-l: 5px;\n --border-xl: 8px;\n}\n","@use \"./variables\";\n@use \"./components/alert\";\n@use \"./components/app\";\n@use \"./components/button\";\n@use \"./components/card\";\n@use \"./components/chip\";\n@use \"./components/details\";\n@use \"./components/dialog\";\n@use \"./components/field\";\n@use \"./components/hr\";\n@use \"./components/layout\";\n@use \"./components/progress-meter\";\n@use \"./components/range\";\n@use \"./components/skeleton\";\n@use \"./components/switch\";\n@use \"./components/table\";\n@use \"./components/text\";\n@import \"./experimental/dialog-animations\";\n@import \"./experimental/mobile-sidebar-fade-out\";\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n text-size-adjust: 100%;\n color-scheme: light dark;\n}\n\nbody {\n min-height: 100svh;\n margin: 0;\n background-color: var(--color-body);\n color: var(--color-body-text);\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n}\n\n.sr-only {\n @extend %visually-hidden;\n}\n",":root,\n::backdrop {\n --opacity-low: 20%;\n --opacity-medium: 40%;\n --opacity-high: 70%;\n --color-brand-1: oklch(15% 55% 270deg);\n --color-brand-2: oklch(25% 53% 270deg);\n --color-brand-3: oklch(35% 52% 270deg);\n --color-brand-4: oklch(45% 51% 270deg);\n --color-brand-5: oklch(55% 50% 270deg);\n --color-brand-6: oklch(65% 50% 270deg);\n --color-brand-7: oklch(75% 45% 270deg);\n --color-brand-8: oklch(85% 42% 270deg);\n --color-brand-9: oklch(95% 36% 270deg);\n --color-brand-transparent: oklch(55% 50% 270deg / var(--opacity-medium));\n --color-brand-extra-transparent: oklch(55% 50% 270deg / var(--opacity-low));\n --color-red-1: oklch(15% 55% 30deg);\n --color-red-2: oklch(25% 52% 30deg);\n --color-red-3: oklch(35% 54% 30deg);\n --color-red-4: oklch(45% 52% 30deg);\n --color-red-5: oklch(55% 50% 30deg);\n --color-red-6: oklch(65% 50% 30deg);\n --color-red-7: oklch(75% 45% 30deg);\n --color-red-8: oklch(85% 45% 30deg);\n --color-red-9: oklch(95% 38% 30deg);\n --color-red-transparent: oklch(55% 50% 30deg / var(--opacity-medium));\n --color-red-extra-transparent: oklch(55% 50% 30deg / var(--opacity-low));\n --color-orange-1: oklch(15% 55% 61deg);\n --color-orange-2: oklch(25% 50% 61deg);\n --color-orange-3: oklch(35% 49% 61deg);\n --color-orange-4: oklch(45% 48% 61deg);\n --color-orange-5: oklch(55% 50% 61deg);\n --color-orange-6: oklch(65% 50% 61deg);\n --color-orange-7: oklch(75% 45% 61deg);\n --color-orange-8: oklch(85% 40% 61deg);\n --color-orange-9: oklch(95% 35% 61deg);\n --color-orange-transparent: oklch(55% 50% 61deg / var(--opacity-medium));\n --color-orange-extra-transparent: oklch(55% 50% 61deg / var(--opacity-low));\n --color-yellow-1: oklch(15% 50% 90deg);\n --color-yellow-2: oklch(25% 50% 90deg);\n --color-yellow-3: oklch(35% 50% 90deg);\n --color-yellow-4: oklch(45% 44% 90deg);\n --color-yellow-5: oklch(55% 44% 90deg);\n --color-yellow-6: oklch(65% 44% 90deg);\n --color-yellow-7: oklch(75% 40% 90deg);\n --color-yellow-8: oklch(85% 37% 90deg);\n --color-yellow-9: oklch(95% 29% 90deg);\n --color-yellow-transparent: oklch(55% 44% 90deg / var(--opacity-medium));\n --color-yellow-extra-transparent: oklch(55% 44% 90deg / var(--opacity-low));\n --color-green-1: oklch(15% 55% 133deg);\n --color-green-2: oklch(25% 55% 133deg);\n --color-green-3: oklch(35% 50% 133deg);\n --color-green-4: oklch(45% 50% 133deg);\n --color-green-5: oklch(55% 49% 133deg);\n --color-green-6: oklch(65% 49% 133deg);\n --color-green-7: oklch(75% 45% 133deg);\n --color-green-8: oklch(85% 43% 133deg);\n --color-green-9: oklch(95% 30% 133deg);\n --color-green-transparent: oklch(55% 49% 133deg / var(--opacity-medium));\n --color-green-extra-transparent: oklch(55% 49% 133deg / var(--opacity-low));\n --color-sky-1: oklch(15% 55% 200deg);\n --color-sky-2: oklch(25% 55% 200deg);\n --color-sky-3: oklch(35% 50% 200deg);\n --color-sky-4: oklch(45% 50% 200deg);\n --color-sky-5: oklch(55% 52% 200deg);\n --color-sky-6: oklch(65% 46% 200deg);\n --color-sky-7: oklch(75% 36% 200deg);\n --color-sky-8: oklch(85% 25% 200deg);\n --color-sky-9: oklch(95% 17% 200deg);\n --color-sky-transparent: oklch(55% 52% 200deg / var(--opacity-medium));\n --color-sky-extra-transparent: oklch(55% 52% 200deg / var(--opacity-low));\n --color-blue-1: oklch(15% 55% 260deg);\n --color-blue-2: oklch(25% 55% 260deg);\n --color-blue-3: oklch(35% 53% 260deg);\n --color-blue-4: oklch(45% 50% 260deg);\n --color-blue-5: oklch(55% 52% 260deg);\n --color-blue-6: oklch(65% 52% 260deg);\n --color-blue-7: oklch(75% 52% 260deg);\n --color-blue-8: oklch(85% 50% 260deg);\n --color-blue-9: oklch(95% 39% 260deg);\n --color-blue-transparent: oklch(55% 52% 260deg / var(--opacity-medium));\n --color-blue-extra-transparent: oklch(55% 52% 260deg / var(--opacity-low));\n --color-purple-1: oklch(15% 55% 310deg);\n --color-purple-2: oklch(25% 55% 310deg);\n --color-purple-3: oklch(35% 53% 310deg);\n --color-purple-4: oklch(45% 52% 310deg);\n --color-purple-5: oklch(55% 52% 310deg);\n --color-purple-6: oklch(65% 51% 310deg);\n --color-purple-7: oklch(75% 48% 310deg);\n --color-purple-8: oklch(85% 42% 310deg);\n --color-purple-9: oklch(95% 40% 310deg);\n --color-purple-transparent: oklch(55% 52% 310deg / var(--opacity-medium));\n --color-purple-extra-transparent: oklch(55% 52% 310deg / var(--opacity-low));\n --color-magenta-1: oklch(15% 55% 356deg);\n --color-magenta-2: oklch(25% 55% 356deg);\n --color-magenta-3: oklch(35% 54% 356deg);\n --color-magenta-4: oklch(45% 51% 356deg);\n --color-magenta-5: oklch(55% 50% 356deg);\n --color-magenta-6: oklch(65% 47% 356deg);\n --color-magenta-7: oklch(75% 43% 356deg);\n --color-magenta-8: oklch(85% 38% 356deg);\n --color-magenta-9: oklch(95% 30% 356deg);\n --color-magenta-transparent: oklch(55% 50% 356deg / var(--opacity-medium));\n --color-magenta-extra-transparent: oklch(55% 50% 356deg / var(--opacity-low));\n --color-gray-1: oklch(15% 2% 263deg);\n --color-gray-2: oklch(25% 2% 263deg);\n --color-gray-3: oklch(35% 2% 263deg);\n --color-gray-4: oklch(45% 2% 263deg);\n --color-gray-5: oklch(55% 2% 263deg);\n --color-gray-6: oklch(65% 2% 263deg);\n --color-gray-7: oklch(75% 2% 263deg);\n --color-gray-8: oklch(85% 2% 263deg);\n --color-gray-9: oklch(95% 2% 263deg);\n --color-gray-transparent: oklch(55% 2% 263deg / var(--opacity-medium));\n --color-gray-extra-transparent: oklch(55% 2% 263deg / var(--opacity-low));\n --color-body: oklch(98.5% 1% 263deg);\n --color-body-alt: white;\n --color-body-text: oklch(10% 2% 263deg);\n --color-body-text-alt: oklch(38% 2% 263deg);\n --color-shadow: oklch(40% 2% 263deg / 15%);\n --color-outline: oklch(89% 2% 263deg);\n --font-size-xs: clamp(0.6944rem, 0.6855rem + 0.0446vw, 0.72rem);\n --font-size-s: clamp(0.8331rem, 0.8099rem + 0.1163vw, 0.9rem);\n --font-size-m: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);\n --font-size-l: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);\n --font-size-xl: clamp(1.44rem, 1.3293rem + 0.5533vw, 1.7581rem);\n --font-size-2xl: clamp(1.7281rem, 1.5649rem + 0.8163vw, 2.1975rem);\n --font-size-3xl: clamp(2.0738rem, 1.8396rem + 1.1707vw, 2.7469rem);\n --font-size-4xl: clamp(2.4881rem, 2.1594rem + 1.6435vw, 3.4331rem);\n --font-weight-black: 950;\n --font-weight-bold: 750;\n --font-weight-semibold: 600;\n --font-weight-normal: 400;\n --font-weight-light: 200;\n --font-family-body: \"Manrope Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-heading: \"Lexend Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-mono: \"Source Code Pro Variable\", ui-monospace,\n \"Source Code Pro\", \"Menlo\", \"Consolas\", \"DejaVu Sans Mono\", monospace;\n --space-3xs: clamp(4px, 3.6528px + 0.1087vw, 5px);\n --space-2xs: clamp(8px, 7.6528px + 0.1087vw, 9px);\n --space-xs: clamp(12px, 11.304px + 0.2174vw, 14px);\n --space-s: clamp(16px, 15.304px + 0.2174vw, 18px);\n --space-m: clamp(24px, 22.9568px + 0.3261vw, 27px);\n --space-l: clamp(32px, 30.608px + 0.4348vw, 36px);\n --space-xl: clamp(48px, 45.9136px + 0.6522vw, 54px);\n --space-2xl: clamp(64px, 61.2176px + 0.8696vw, 72px);\n --space-3xl: clamp(96px, 91.8256px + 1.3043vw, 108px);\n --space-body: clamp(12px, 6.7824px + 1.6304vw, 27px);\n --radius-none: 0;\n --radius-s: 3px;\n --radius-m: 6px;\n --radius-l: 12px;\n --radius-xl: 24px;\n --radius-2xl: 64px;\n --radius-full: 9999px;\n --shadow-none: none;\n --shadow-s: 0 1px 3px -1px var(--color-shadow);\n --shadow-m: 0 1px 7px -1px var(--color-shadow);\n --shadow-l: var(--shadow-s), 0 1px 11px -1px var(--color-shadow);\n --shadow-xl: var(--shadow-m), 0 1px 15px -1px var(--color-shadow);\n --border-none: 0;\n --border-s: 1px;\n --border-m: 2px;\n --border-l: 5px;\n --border-xl: 8px;\n}\n@media (prefers-color-scheme: dark) {\n :root,\n ::backdrop {\n --color-brand-9: oklch(17% 55% 270deg);\n --color-brand-8: oklch(27% 53% 270deg);\n --color-brand-7: oklch(37% 52% 270deg);\n --color-brand-6: oklch(47% 51% 270deg);\n --color-brand-5: oklch(57% 50% 270deg);\n --color-brand-4: oklch(67% 50% 270deg);\n --color-brand-3: oklch(77% 45% 270deg);\n --color-brand-2: oklch(87% 42% 270deg);\n --color-brand-1: oklch(97% 36% 270deg);\n --color-red-9: oklch(17% 55% 30deg);\n --color-red-8: oklch(27% 52% 30deg);\n --color-red-7: oklch(37% 54% 30deg);\n --color-red-6: oklch(47% 52% 30deg);\n --color-red-5: oklch(57% 50% 30deg);\n --color-red-4: oklch(67% 50% 30deg);\n --color-red-3: oklch(77% 45% 30deg);\n --color-red-2: oklch(87% 45% 30deg);\n --color-red-1: oklch(97% 38% 30deg);\n --color-orange-9: oklch(17% 55% 61deg);\n --color-orange-8: oklch(27% 50% 61deg);\n --color-orange-7: oklch(37% 49% 61deg);\n --color-orange-6: oklch(47% 48% 61deg);\n --color-orange-5: oklch(57% 50% 61deg);\n --color-orange-4: oklch(67% 50% 61deg);\n --color-orange-3: oklch(77% 45% 61deg);\n --color-orange-2: oklch(87% 40% 61deg);\n --color-orange-1: oklch(97% 35% 61deg);\n --color-yellow-9: oklch(17% 50% 90deg);\n --color-yellow-8: oklch(27% 50% 90deg);\n --color-yellow-7: oklch(37% 50% 90deg);\n --color-yellow-6: oklch(47% 44% 90deg);\n --color-yellow-5: oklch(57% 44% 90deg);\n --color-yellow-4: oklch(67% 44% 90deg);\n --color-yellow-3: oklch(77% 40% 90deg);\n --color-yellow-2: oklch(87% 37% 90deg);\n --color-yellow-1: oklch(97% 29% 90deg);\n --color-green-9: oklch(17% 55% 133deg);\n --color-green-8: oklch(27% 55% 133deg);\n --color-green-7: oklch(37% 50% 133deg);\n --color-green-6: oklch(47% 50% 133deg);\n --color-green-5: oklch(57% 49% 133deg);\n --color-green-4: oklch(67% 49% 133deg);\n --color-green-3: oklch(77% 45% 133deg);\n --color-green-2: oklch(87% 43% 133deg);\n --color-green-1: oklch(97% 30% 133deg);\n --color-sky-9: oklch(17% 55% 200deg);\n --color-sky-8: oklch(27% 55% 200deg);\n --color-sky-7: oklch(37% 50% 200deg);\n --color-sky-6: oklch(47% 50% 200deg);\n --color-sky-5: oklch(57% 52% 200deg);\n --color-sky-4: oklch(67% 46% 200deg);\n --color-sky-3: oklch(77% 36% 200deg);\n --color-sky-2: oklch(87% 25% 200deg);\n --color-sky-1: oklch(97% 17% 200deg);\n --color-blue-9: oklch(17% 55% 260deg);\n --color-blue-8: oklch(27% 55% 260deg);\n --color-blue-7: oklch(37% 53% 260deg);\n --color-blue-6: oklch(47% 50% 260deg);\n --color-blue-5: oklch(57% 52% 260deg);\n --color-blue-4: oklch(67% 52% 260deg);\n --color-blue-3: oklch(77% 52% 260deg);\n --color-blue-2: oklch(87% 50% 260deg);\n --color-blue-1: oklch(97% 39% 260deg);\n --color-purple-9: oklch(17% 55% 310deg);\n --color-purple-8: oklch(27% 55% 310deg);\n --color-purple-7: oklch(37% 53% 310deg);\n --color-purple-6: oklch(47% 52% 310deg);\n --color-purple-5: oklch(57% 52% 310deg);\n --color-purple-4: oklch(67% 51% 310deg);\n --color-purple-3: oklch(77% 48% 310deg);\n --color-purple-2: oklch(87% 42% 310deg);\n --color-purple-1: oklch(97% 40% 310deg);\n --color-magenta-9: oklch(17% 55% 356deg);\n --color-magenta-8: oklch(27% 55% 356deg);\n --color-magenta-7: oklch(37% 54% 356deg);\n --color-magenta-6: oklch(47% 51% 356deg);\n --color-magenta-5: oklch(57% 50% 356deg);\n --color-magenta-4: oklch(67% 47% 356deg);\n --color-magenta-3: oklch(77% 43% 356deg);\n --color-magenta-2: oklch(87% 38% 356deg);\n --color-magenta-1: oklch(97% 30% 356deg);\n --color-gray-9: oklch(17% 2% 263deg);\n --color-gray-8: oklch(27% 2% 263deg);\n --color-gray-7: oklch(37% 2% 263deg);\n --color-gray-6: oklch(47% 2% 263deg);\n --color-gray-5: oklch(57% 2% 263deg);\n --color-gray-4: oklch(67% 2% 263deg);\n --color-gray-3: oklch(77% 2% 263deg);\n --color-gray-2: oklch(87% 2% 263deg);\n --color-gray-1: oklch(97% 2% 263deg);\n --color-body: oklch(20% 2% 263deg);\n --color-body-alt: oklch(8% 2% 263deg);\n --color-body-text: white;\n --color-body-text-alt: oklch(88% 1% 263deg);\n --color-shadow: oklch(5% 2% 263deg / 25%);\n --color-outline: oklch(39% 2% 263deg);\n --font-weight-black: 900;\n --font-weight-bold: 700;\n --font-weight-semibold: 550;\n --font-weight-normal: 375;\n --opacity-low: 35%;\n --opacity-medium: 50%;\n --opacity-high: 80%;\n }\n}\n\n.alert {\n display: block;\n border-radius: var(--radius-s);\n border-start-start-radius: calc(var(--space-2xs) + 2em);\n border-end-start-radius: calc(var(--space-2xs) + 2em);\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 2em);\n font-size: var(--font-size-m);\n color: var(--color-body-text);\n position: relative;\n background: linear-gradient(var(--alert-bg-color), var(--alert-bg-color)) padding-box, linear-gradient(to right, var(--alert-border-start-color), var(--alert-border-end-color)) border-box;\n border: var(--border-m) solid transparent;\n line-height: 1.4;\n}\n.alert > * {\n line-height: 1.4;\n}\n@media print {\n .alert {\n border-color: var(--alert-border-start-color);\n }\n}\n.alert::before, .alert::after {\n content: \"\";\n print-color-adjust: exact;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-2xs) * 0.5);\n margin: auto;\n width: 2em;\n height: 2em;\n}\n.alert::before {\n z-index: 2;\n mask-image: var(--alert-icon);\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: var(--alert-border-start-color);\n scale: 0.5;\n}\n.alert::after {\n z-index: 1;\n background-color: rgba(255, 255, 255, 0.9333333333);\n border-radius: var(--radius-full);\n border: 3px solid var(--alert-border-start-color);\n scale: 0.75;\n}\n@media (prefers-color-scheme: dark) {\n .alert::after {\n background-color: rgba(0, 0, 0, 0.9333333333);\n }\n}\n.alert.error {\n --alert-bg-color: var(--color-red-9);\n --alert-border-start-color: var(--color-red-5);\n --alert-border-end-color: var(--color-red-6);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E\");\n}\n.alert.warning {\n --alert-bg-color: var(--color-yellow-9);\n --alert-border-start-color: var(--color-yellow-5);\n --alert-border-end-color: var(--color-yellow-6);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64'/%3E%3Ccircle cx='256' cy='436' r='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48'/%3E%3C/svg%3E\");\n}\n.alert.success {\n --alert-bg-color: var(--color-green-9);\n --alert-border-start-color: var(--color-green-5);\n --alert-border-end-color: var(--color-green-6);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");\n}\n.alert.info {\n --alert-bg-color: var(--color-sky-9);\n --alert-border-start-color: var(--color-sky-5);\n --alert-border-end-color: var(--color-sky-6);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M196 220h64v172'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='64' d='M187 396h138'/%3E%3Ccircle cx='253 ' cy='118' r='44'/%3E%3C/svg%3E\");\n}\n\n.alert-title {\n font-family: var(--font-family-heading);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n color: var(--alert-border-start-color);\n font-size: 0.85em;\n margin: 0;\n margin-block-end: 0.15em;\n}\n\n.space, .separate, .stack, .flow {\n display: flex !important;\n gap: var(--space-s);\n}\n.densest.space, .densest.separate, .densest.stack, .densest.flow {\n gap: var(--space-3xs);\n}\n.denser.space, .denser.separate, .denser.stack, .denser.flow {\n gap: var(--space-2xs);\n}\n.dense.space, .dense.separate, .dense.stack, .dense.flow {\n gap: var(--space-xs);\n}\n.sparse.space, .sparse.separate, .sparse.stack, .sparse.flow {\n gap: var(--space-m);\n}\n.sparser.space, .sparser.separate, .sparser.stack, .sparser.flow {\n gap: var(--space-l);\n}\n.sparsest.space, .sparsest.separate, .sparsest.stack, .sparsest.flow {\n gap: var(--space-xl);\n}\n.horizontal.space, .horizontal.separate, .horizontal.stack, .horizontal.flow, .horizontally.space, .horizontally.separate, .horizontally.stack, .horizontally.flow {\n flex-direction: row;\n}\n.vertical.space, .vertical.separate, .vertical.stack, .vertical.flow, .vertically.space, .vertically.separate, .vertically.stack, .vertically.flow {\n flex-direction: column;\n}\n\n.flow {\n flex-wrap: wrap;\n align-items: center;\n justify-content: start;\n}\n\n.stack {\n flex-wrap: nowrap;\n align-items: stretch;\n justify-content: start;\n}\n\n.separate {\n flex-wrap: nowrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.space {\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-around;\n}\n\n:is(form, .form, .text-container):not(.no-max-width) {\n max-width: 60ch;\n}\n\n.sr-only, .skip-link:not(:focus), .app-sidebar-toggle input[type=checkbox] {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n width: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n}\n\n.app {\n --app-width: 110rem;\n --app-header-height: clamp(50px, 3.5rem, 70px);\n --app-sidebar-width: clamp(300px, 18rem, 400px);\n position: relative;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n overflow: visible;\n}\n\n.app-header {\n height: var(--app-header-height);\n width: 100%;\n color: var(--color-brand-3);\n background-color: var(--color-body-alt);\n border-bottom: var(--border-l) solid var(--color-brand-transparent);\n box-shadow: var(--shadow-s);\n flex: none;\n}\n@media (prefers-color-scheme: dark) {\n .app-header {\n color: var(--color-brand-2);\n }\n}\n\n.app-header-content {\n height: 100%;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n padding-inline: var(--space-body);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-s);\n}\n\n.app-header-section {\n margin: 0;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.app-header-section:only-child {\n margin-inline: auto;\n}\n.app-header-section:first-child {\n margin-inline-end: auto;\n}\n.app-header-section:first-child .app-header-item:first-child {\n margin-inline-start: calc(-1 * var(--space-xs));\n}\n.app-header-section:last-child .app-header-item:last-child {\n margin-inline-end: calc(-1 * var(--space-xs));\n}\n.app-header-section:nth-child(n+3)::before {\n content: \"\";\n background-color: var(--color-outline);\n height: 2rem;\n width: var(--border-s);\n position: relative;\n right: calc(var(--space-s) / 2);\n}\n\n.app-header-item {\n height: 100%;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n transition-property: color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n display: flex;\n align-items: center;\n position: relative;\n font-weight: var(--font-weight-semibold);\n padding-inline: var(--space-xs);\n}\n.app-header-item:focus-visible {\n outline-offset: calc(-1 * var(--border-m));\n}\n.app-header-item:hover {\n color: var(--color-body-text);\n}\n.app-header-item:is([aria-current], .current) {\n font-weight: var(--font-weight-bold);\n}\n.app-header-item:is([aria-current], .current)::after {\n opacity: 1;\n}\n.app-header-item::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: var(--border-l);\n bottom: calc(-1 * var(--border-l));\n left: 0;\n background-color: currentcolor;\n opacity: 0;\n border-radius: 1px;\n}\n\n.app-body {\n position: relative;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n}\n\n.app-sidebar {\n overflow: auto;\n transition: opacity 150ms ease, display 150ms allow-discrete;\n width: var(--app-sidebar-width);\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n z-index: 3;\n opacity: 1;\n border-inline-end: var(--border-s) solid;\n border-image: linear-gradient(to bottom, transparent 0%, transparent 10%, var(--color-outline) 10%, var(--color-outline) 90%, transparent 90%, transparent 100%) 80;\n}\n\n.app-sidebar-section:first-of-type {\n margin-block-start: var(--space-body);\n}\n.app-sidebar-section:not(:last-of-type) {\n margin-block-end: var(--space-xs);\n}\n.app-sidebar-section:last-of-type {\n margin-block-end: var(--space-body);\n}\n\n.app-sidebar-heading {\n font-size: 1.2rem;\n margin: 0 var(--space-body) var(--space-3xs);\n font-weight: var(--font-weight-semibold);\n}\n\n.app-sidebar-item {\n display: block;\n margin: 0 var(--space-2xs);\n padding: var(--space-2xs) calc(var(--space-body) - var(--space-2xs));\n border-radius: var(--radius-l);\n color: var(--color-body-text-alt);\n text-decoration: none;\n font-weight: var(--font-weight-normal);\n font-size: 1rem;\n transition-property: color, background-color, box-shadow;\n transition-duration: 200ms;\n transition-timing-function: ease;\n}\n.app-sidebar-item:hover {\n background-color: var(--color-brand-extra-transparent);\n}\n.app-sidebar-item:active {\n color: var(--color-brand-1);\n}\n.app-sidebar-item:is(.current, [aria-current=page]) {\n color: var(--color-brand-4);\n font-weight: var(--font-weight-bold);\n}\n.app-sidebar-item:hover:active {\n background-color: var(--color-brand-transparent);\n}\n.app-sidebar-item:focus-visible {\n outline-offset: 0;\n}\n\n.app-sidebar-toggle {\n transition-property: color, background-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n display: none;\n width: 2.75rem;\n margin-inline-start: 1rem;\n}\n.app-sidebar-toggle:hover {\n color: var(--color-body-text);\n}\n.app-sidebar-toggle:has(input:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n outline-offset: calc(-1 * var(--border-m));\n}\n.app-sidebar-toggle::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -0.5rem;\n height: 100%;\n width: var(--border-s);\n background-color: var(--color-outline);\n}\n.app-sidebar-toggle > div {\n transition-property: transform, opacity;\n transition-duration: 200ms;\n transition-timing-function: ease;\n position: absolute;\n width: 1.75rem;\n height: 2px;\n border-radius: 2px;\n background-color: currentcolor;\n opacity: 1;\n top: 50%;\n left: 50%;\n}\n.app-sidebar-toggle > div:nth-of-type(1) {\n transform: translateY(calc(-50% - 0.45rem)) translateX(-50%);\n}\n.app-sidebar-toggle > div:nth-of-type(2) {\n transform: translateY(-50%) translateX(-50%);\n}\n.app-sidebar-toggle > div:nth-of-type(3) {\n transform: translateY(calc(-50% + 0.45rem)) translateX(-50%);\n}\n.app-sidebar-toggle:has(input:checked) > div:nth-of-type(1) {\n transform: translateY(-50%) translateX(-50%) rotate(45deg);\n}\n.app-sidebar-toggle:has(input:checked) > div:nth-of-type(2) {\n opacity: 0;\n transform: translateY(-50%) translateX(-50%) rotate3d(0, 1, 0, 90deg);\n}\n.app-sidebar-toggle:has(input:checked) > div:nth-of-type(3) {\n transform: translateY(-50%) translateX(-50%) rotate(-45deg);\n}\n\n.app-content {\n width: 100%;\n padding: var(--space-body);\n}\n\n.app:has(.app-sidebar) {\n --app-width: 125rem;\n overflow: hidden;\n}\n.app:has(.app-sidebar) .app-header {\n position: fixed;\n top: 0;\n left: 0;\n}\n.app:has(.app-sidebar) .app-body {\n position: fixed;\n top: var(--app-header-height);\n left: 0;\n right: 0;\n margin-inline: auto;\n height: calc(100dvh - var(--app-header-height));\n}\n.app:has(.app-sidebar) .app-content {\n overflow: auto;\n position: absolute;\n top: 0;\n left: var(--app-sidebar-width);\n width: calc(100% - var(--app-sidebar-width));\n height: 100%;\n}\n\n@media (width < 55rem) {\n .app-content {\n left: 0 !important;\n width: 100dvw !important;\n }\n .app-sidebar {\n width: 100dvw;\n opacity: 1;\n background-color: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(24px) saturate(120%);\n }\n}\n@media (width < 55rem) and (prefers-color-scheme: dark) {\n .app-sidebar {\n background-color: rgba(0, 0, 0, 0.8);\n }\n}\n@media (width < 55rem) {\n .app-sidebar::after {\n content: initial;\n }\n .app-sidebar-toggle {\n display: initial;\n }\n .app:has(.app-sidebar-toggle input:not(:checked)) .app-sidebar {\n opacity: 0;\n display: none;\n }\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action) {\n --button-shadow: var(--shadow-s);\n --button-hover-bg-color: var(--button-border-color);\n box-sizing: border-box;\n display: inline-flex;\n outline: 0;\n padding-inline: 1.25em;\n padding-block: 0.75em;\n gap: 0.5em;\n border-style: solid;\n transform: scale(1);\n transition-property: box-shadow, background-color, transform, opacity;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n position: relative;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n cursor: pointer;\n border-width: var(--border-s);\n border-radius: var(--radius-m);\n min-height: 2.6em;\n min-width: 3em;\n line-height: 1;\n font-family: var(--font-family-body);\n box-shadow: var(--button-shadow);\n user-select: none;\n font-size: 1rem;\n color: var(--button-fg-color);\n background-color: var(--button-bg-color);\n border-color: var(--button-border-color);\n font-weight: var(--button-font-weight);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action)::before {\n content: \"\";\n background-color: var(--button-hover-bg-color);\n position: absolute;\n inset: 0;\n margin: auto;\n transition-property: opacity, width, height, border-radius;\n transition-duration: 200ms;\n transition-timing-function: ease;\n z-index: -1;\n border-radius: 2em;\n width: 4em;\n height: 4em;\n opacity: 0;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:focus-visible, .focus) {\n box-shadow: var(--button-shadow), 0 0 0 0.1em var(--button-border-color), 0 0 0 calc(0.2em + var(--border-s)) var(--button-focus-ring-color);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:active, .active) {\n transform: scale(0.98);\n}\n@media screen and (resolution < 2x) {\n :is(button,\n .button,\n input[type=button],\n input[type=submit],\n input[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:active, .active) {\n transform: translateY(1px);\n }\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:hover, .hover) {\n text-decoration: none;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:hover, .hover)::before {\n opacity: 1;\n width: 100%;\n height: 100%;\n border-radius: 5px;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:hover, .hover):is(input) {\n background-color: var(--button-hover-bg-color);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary {\n --button-fg-color: white;\n --button-bg-color: var(--color-brand-5);\n --button-border-color: var(--color-brand-4);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: var(--color-brand-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.red {\n --button-bg-color: var(--color-red-5);\n --button-border-color: var(--color-red-4);\n --button-focus-ring-color: var(--color-red-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.orange {\n --button-bg-color: var(--color-orange-5);\n --button-border-color: var(--color-orange-4);\n --button-focus-ring-color: var(--color-orange-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.yellow {\n --button-bg-color: var(--color-yellow-5);\n --button-border-color: var(--color-yellow-4);\n --button-focus-ring-color: var(--color-yellow-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.green {\n --button-bg-color: var(--color-green-5);\n --button-border-color: var(--color-green-4);\n --button-focus-ring-color: var(--color-green-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.sky {\n --button-bg-color: var(--color-sky-5);\n --button-border-color: var(--color-sky-4);\n --button-focus-ring-color: var(--color-sky-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.blue {\n --button-bg-color: var(--color-blue-5);\n --button-border-color: var(--color-blue-4);\n --button-focus-ring-color: var(--color-blue-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.purple {\n --button-bg-color: var(--color-purple-5);\n --button-border-color: var(--color-purple-4);\n --button-focus-ring-color: var(--color-purple-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.magenta {\n --button-bg-color: var(--color-magenta-5);\n --button-border-color: var(--color-magenta-4);\n --button-focus-ring-color: var(--color-magenta-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.gray {\n --button-bg-color: var(--color-gray-5);\n --button-border-color: var(--color-gray-4);\n --button-focus-ring-color: var(--color-gray-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):not(.primary, .subtle, .close) {\n --button-fg-color: var(--color-body-text);\n --button-bg-color: var(--color-gray-9);\n --button-border-color: var(--color-gray-8);\n --button-font-weight: var(--font-weight-normal);\n --button-focus-ring-color: var(--color-gray-extra-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.subtle, .close) {\n --button-fg-color: var(--color-brand-4);\n --button-bg-color: transparent;\n --button-border-color: transparent;\n --button-hover-bg-color: var(--color-brand-extra-transparent);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: transparent;\n --button-shadow: none;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.subtle, .close):is(:focus-visible, .focus) {\n --button-bg-color: var(--color-brand-transparent);\n --button-hover-bg-color: transparent;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.small, .close) {\n font-size: 0.8rem;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).large {\n font-size: 1.2rem;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close) {\n border-radius: var(--radius-full);\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):is(.subtle, .close)::before {\n width: 75%;\n height: 75%;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):is(.subtle, .close):is(:hover, .hover)::before {\n width: 100%;\n height: 100%;\n border-radius: 100%;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close).icon {\n padding: 0.5em;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close).close {\n padding: 0.3em;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):not(.subtle, .close)::before {\n content: unset;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):not(.subtle, .close):is(:hover, .hover) {\n background-color: var(--button-hover-bg-color);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:disabled, .disabled, [aria-disabled=true]) {\n opacity: 0.7;\n cursor: not-allowed;\n transform: scale(1);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:disabled, .disabled, [aria-disabled=true]):is(:hover, .hover)::before {\n opacity: 0;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).loading {\n cursor: wait;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).loading::before {\n opacity: 1 !important;\n height: 100% !important;\n border-radius: inherit !important;\n animation: button-loading-bg 1200ms ease-in-out infinite forwards;\n}\n\n@keyframes button-loading-bg {\n 0% {\n width: 0;\n margin: 0 auto 0 0;\n }\n 50% {\n width: 100%;\n }\n 100% {\n width: 0;\n margin: 0 0 0 auto;\n }\n}\n.card {\n background-color: var(--color-body-alt);\n border-radius: var(--radius-l);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-m);\n}\n.card.secondary {\n background-color: var(--color-body);\n border-radius: var(--radius-m);\n color: var(--color-body-text-alt);\n box-shadow: var(--shadow-s);\n}\n.card.secondary .card-title {\n font-size: var(--font-size-m);\n margin-block-end: var(--space-2xs);\n}\n.card.secondary:not(.no-padding) {\n padding: var(--space-s);\n}\n.card:not(.no-padding) {\n padding: var(--space-m);\n}\n.card:not(.no-padding) .card-title {\n margin-block-start: 0;\n}\n\n.card-title {\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-bold);\n color: var(--color-brand-3);\n margin-block-end: var(--space-xs);\n}\n\n.chip {\n --chip-fg-color: white;\n display: inline-flex;\n align-items: center;\n border-radius: var(--radius-full);\n font-size: var(--font-size-s);\n padding-block: var(--space-3xs);\n padding-inline: var(--space-xs);\n background-color: var(--chip-bg-color);\n border: var(--border-s) solid var(--chip-border-color);\n color: var(--chip-fg-color);\n flex-shrink: 0;\n cursor: default;\n transition-property: box-shadow, background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n appearance: none;\n line-height: 1.2;\n}\n.chip:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--chip-focus-color);\n}\n.chip.clickable {\n cursor: pointer;\n box-shadow: var(--shadow-s);\n}\n.chip.clickable:is(:focus-visible, .focus) {\n outline: 0;\n box-shadow: var(--shadow-s), 0 0 0 0.2em var(--chip-focus-color);\n}\n.chip.clickable:is(:hover, .hover) {\n background-color: var(--chip-border-color);\n}\n.chip.clickable:is(:active, .active) {\n background-color: var(--chip-bg-color-active);\n border-color: var(--chip-bg-color-active);\n}\n.chip.red {\n --chip-bg-color: var(--color-red-6);\n --chip-border-color: var(--color-red-7);\n --chip-focus-color: var(--color-red-transparent);\n --chip-bg-color-active: var(--color-red-5);\n}\n.chip.orange {\n --chip-bg-color: var(--color-orange-6);\n --chip-border-color: var(--color-orange-7);\n --chip-focus-color: var(--color-orange-transparent);\n --chip-bg-color-active: var(--color-orange-5);\n}\n.chip.yellow {\n --chip-bg-color: var(--color-yellow-6);\n --chip-border-color: var(--color-yellow-7);\n --chip-focus-color: var(--color-yellow-transparent);\n --chip-bg-color-active: var(--color-yellow-5);\n}\n.chip.green {\n --chip-bg-color: var(--color-green-6);\n --chip-border-color: var(--color-green-7);\n --chip-focus-color: var(--color-green-transparent);\n --chip-bg-color-active: var(--color-green-5);\n}\n.chip.sky {\n --chip-bg-color: var(--color-sky-6);\n --chip-border-color: var(--color-sky-7);\n --chip-focus-color: var(--color-sky-transparent);\n --chip-bg-color-active: var(--color-sky-5);\n}\n.chip.blue {\n --chip-bg-color: var(--color-blue-6);\n --chip-border-color: var(--color-blue-7);\n --chip-focus-color: var(--color-blue-transparent);\n --chip-bg-color-active: var(--color-blue-5);\n}\n.chip.purple {\n --chip-bg-color: var(--color-purple-6);\n --chip-border-color: var(--color-purple-7);\n --chip-focus-color: var(--color-purple-transparent);\n --chip-bg-color-active: var(--color-purple-5);\n}\n.chip.magenta {\n --chip-bg-color: var(--color-magenta-6);\n --chip-border-color: var(--color-magenta-7);\n --chip-focus-color: var(--color-magenta-transparent);\n --chip-bg-color-active: var(--color-magenta-5);\n}\n.chip.brand {\n --chip-bg-color: var(--color-brand-6);\n --chip-border-color: var(--color-brand-7);\n --chip-focus-color: var(--color-brand-transparent);\n --chip-bg-color-active: var(--color-brand-5);\n}\n.chip.gray {\n --chip-bg-color: var(--color-gray-6);\n --chip-border-color: var(--color-gray-7);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-5);\n}\n.chip.black {\n --chip-bg-color: black;\n --chip-border-color: var(--color-gray-4);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-1);\n}\n.chip.white {\n --chip-fg-color: black;\n --chip-bg-color: white;\n --chip-border-color: var(--color-gray-8);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-7);\n}\n@media (prefers-color-scheme: dark) {\n .chip.red {\n --chip-border-color: var(--color-red-5);\n --chip-bg-color-active: var(--color-red-7);\n }\n .chip.orange {\n --chip-border-color: var(--color-orange-5);\n --chip-bg-color-active: var(--color-orange-7);\n }\n .chip.yellow {\n --chip-border-color: var(--color-yellow-5);\n --chip-bg-color-active: var(--color-yellow-7);\n }\n .chip.green {\n --chip-border-color: var(--color-green-5);\n --chip-bg-color-active: var(--color-green-7);\n }\n .chip.sky {\n --chip-border-color: var(--color-sky-5);\n --chip-bg-color-active: var(--color-sky-7);\n }\n .chip.blue {\n --chip-border-color: var(--color-blue-5);\n --chip-bg-color-active: var(--color-blue-7);\n }\n .chip.purple {\n --chip-border-color: var(--color-purple-5);\n --chip-bg-color-active: var(--color-purple-7);\n }\n .chip.magenta {\n --chip-border-color: var(--color-magenta-5);\n --chip-bg-color-active: var(--color-magenta-7);\n }\n .chip.brand {\n --chip-border-color: var(--color-brand-5);\n --chip-bg-color-active: var(--color-brand-7);\n }\n .chip.gray {\n --chip-border-color: var(--color-gray-5);\n --chip-bg-color-active: var(--color-gray-7);\n }\n .chip.black {\n --chip-border-color: var(--color-gray-7);\n --chip-bg-color-active: var(--color-gray-8);\n }\n .chip.white {\n --chip-border-color: var(--color-gray-2);\n --chip-bg-color-active: var(--color-gray-3);\n }\n}\n.chip :is(button, .button).delete {\n outline: 0;\n margin-inline: var(--space-3xs) calc(-1 * var(--space-2xs));\n font-size: 0.6em;\n border: var(--border-s) solid var(--chip-border-color);\n border-radius: var(--radius-full);\n transition-property: background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n height: 2em;\n width: 2em;\n user-select: none;\n background-color: rgba(0, 0, 0, 0.1333333333);\n padding: 0;\n display: inline-flex;\n box-shadow: none;\n}\n.chip :is(button, .button).delete::after {\n content: \"\";\n width: 1.7em;\n height: 1.7em;\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: var(--chip-fg-color);\n margin: auto;\n}\n.chip :is(button, .button).delete:is(:focus-visible, .focus) {\n border-color: var(--chip-fg-color);\n}\n.chip :is(button, .button).delete:is(:hover, .hover, :focus-visible, .focus) {\n background-color: rgba(0, 0, 0, 0.0666666667);\n}\n.chip :is(button, .button).delete:is(:active, .active) {\n background-color: rgba(0, 0, 0, 0.2);\n}\n\nh6,\n.h6, h5,\n.h5,\ncaption, h4,\n.h4, h3,\n.h3, h2,\n.h2, h1,\n.h1 {\n font-family: var(--font-family-heading);\n margin-block: 0.75em 0.3em;\n line-height: 1.15;\n text-wrap: balance;\n}\n\nh1,\n.h1 {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-black);\n}\n\nh2,\n.h2 {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-bold);\n}\n\nh3,\n.h3 {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-bold);\n}\n\nh4,\n.h4 {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-semibold);\n}\n\nh5,\n.h5,\ncaption {\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-semibold);\n}\n\nh6,\n.h6 {\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n}\n\np,\n.p,\nli {\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-normal);\n line-height: 1.6;\n margin: 0;\n text-wrap: pretty;\n hanging-punctuation: first;\n}\n\nblockquote,\n.blockquote {\n display: block;\n margin: 0;\n color: var(--color-gray-4);\n border-inline-start: var(--border-l) solid var(--color-gray-transparent);\n padding: var(--space-3xs);\n padding-inline-start: var(--space-xs);\n position: relative;\n font-size: var(--font-size-m);\n line-height: 1.25;\n font-weight: var(--font-weight-normal);\n}\n@media (prefers-color-scheme: dark) {\n blockquote,\n .blockquote {\n color: var(--color-gray-2);\n }\n}\nblockquote :is(footer, .footer),\n.blockquote :is(footer, .footer) {\n margin-block-start: 0.5em;\n font-size: var(--font-size-s);\n font-style: initial;\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n}\nblockquote :is(footer, .footer) :is(cite, .cite),\n.blockquote :is(footer, .footer) :is(cite, .cite) {\n font-weight: var(--font-weight-normal);\n font-style: italic;\n}\n\na,\n.a {\n color: var(--color-sky-4);\n font-weight: var(--font-weight-semibold);\n text-decoration-line: underline;\n text-decoration-color: var(--color-sky-transparent);\n text-decoration-skip-ink: all;\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n cursor: pointer;\n transition: text-decoration-color 200ms ease;\n}\na:is(:hover, .hover),\n.a:is(:hover, .hover) {\n text-decoration-color: currentcolor;\n}\na:focus-visible,\n.a:focus-visible {\n outline-offset: 1px;\n}\na[target=_blank]:not(.no-external-icon, .button.icon)::after,\n.a[target=_blank]:not(.no-external-icon, .button.icon)::after {\n content: \"\";\n print-color-adjust: exact;\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: var(--color-gray-5);\n display: inline-block;\n height: 0.85em;\n width: 0.85em;\n vertical-align: baseline;\n margin-left: 0.1em;\n}\na[target=_blank]:not(.no-external-icon, .button.icon).button::after,\n.a[target=_blank]:not(.no-external-icon, .button.icon).button::after {\n background-color: currentcolor;\n}\n\npre,\n.pre {\n font-family: var(--font-family-mono);\n}\n\ncode,\n.code,\nkbd,\n.kbd {\n background-color: var(--color-gray-extra-transparent);\n color: var(--color-gray-1);\n font-family: var(--font-family-mono);\n padding: 0 0.5ch;\n margin: 0 0.25ch;\n border-radius: var(--radius-s);\n font-size: 0.9em;\n}\n\nsamp,\n.samp {\n display: block;\n font-size: calc(0.9 * var(--font-size-m));\n background-color: var(--color-gray-9);\n color: var(--color-gray-1);\n border: var(--border-s) dashed var(--color-outline);\n border-radius: var(--radius-s);\n padding: var(--space-3xs);\n font-family: var(--font-family-mono);\n}\n\n:is(pre, .pre) > :is(code, .code) {\n background-color: unset;\n}\n\nstrong,\n.strong {\n font-weight: var(--font-weight-bold);\n}\n\nem,\n.em {\n font-style: italic;\n}\n\nmark,\n.mark {\n background-color: var(--color-yellow-8);\n color: var(--color-yellow-1);\n print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n mark,\n .mark {\n background-color: var(--color-yellow-7);\n }\n}\n\ndel,\n.del {\n text-decoration-line: line-through;\n text-decoration-skip-ink: none;\n text-decoration-thickness: var(--border-s);\n background-color: var(--color-red-8);\n color: var(--color-red-1);\n text-decoration-color: var(--color-body-text);\n border-radius: 1px;\n}\n\nins,\n.ins {\n text-decoration-line: none;\n background-color: var(--color-green-8);\n color: var(--color-green-1);\n border-radius: 1px;\n}\n\n:is(abbr, .abbr)[title] {\n text-decoration-line: underline;\n text-decoration-style: dotted;\n /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- using the shorthand doesn't work in safari */\n text-decoration-color: var(--color-gray-6);\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n}\n\nsmall,\n.small {\n font-size: 0.75em;\n vertical-align: baseline;\n}\n\nsub,\n.sub,\nsup,\n.sup {\n font-size: 0.75em;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub,\n.sub {\n inset-block-end: -0.25em;\n}\n\nsup,\n.sup {\n inset-block-start: -0.5em;\n}\n\n::target-text {\n background-color: var(--color-brand-8);\n color: var(--color-brand-1);\n print-color-adjust: exact;\n}\n\n/* Add a gap between consecutive block text elements */\n:is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) + :is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) {\n margin-block-start: 0.75em;\n}\n\n.skip-link {\n position: fixed;\n z-index: 100;\n top: var(--space-body);\n left: var(--space-body);\n background-color: var(--color-body-alt);\n padding: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-l) solid currentcolor;\n outline: 0;\n box-shadow: var(--shadow-m);\n text-decoration: none;\n vertical-align: middle;\n}\n.skip-link kbd {\n margin-inline-start: var(--space-3xs);\n font-weight: initial;\n}\n\ndetails {\n width: 100%;\n background-color: var(--color-body-alt);\n padding-block: 0;\n padding-inline: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-s);\n}\n@media (prefers-reduced-motion: no-preference) {\n details {\n transition: 150ms padding ease;\n }\n}\ndetails summary {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n cursor: pointer;\n border-block-end: var(--border-s) dashed transparent;\n padding: var(--space-xs);\n padding-inline-start: calc(var(--space-xs) + 1em);\n margin-block: 0;\n margin-inline: calc(-1 * var(--space-xs));\n transition-duration: 150ms;\n transition-property: color, border-color;\n transition-timing-function: ease;\n position: relative;\n list-style: none;\n color: var(--color-body-text);\n user-select: none;\n}\n@media (prefers-reduced-motion: no-preference) {\n details summary {\n transition-property: color, border-color, padding, margin;\n }\n}\ndetails summary:is(:hover, .hover) {\n color: var(--color-brand-4) !important;\n}\ndetails summary:is(:active, .active) {\n color: var(--color-brand-2) !important;\n}\ndetails summary::-webkit-details-marker {\n display: none;\n}\ndetails summary::before {\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n display: inline-block;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-xs) / 2);\n margin: auto;\n width: 1em;\n height: 1em;\n rotate: -90deg;\n transition: rotate 200ms ease;\n}\ndetails summary:dir(rtl)::before {\n rotate: 90deg;\n}\n@media (prefers-reduced-motion) {\n details summary {\n transition-property: color, border-color;\n }\n details summary::before {\n transition: none;\n }\n}\n@media (prefers-color-scheme: dark) {\n details summary:is(:hover, .hover) {\n color: var(--color-brand-2) !important;\n }\n details summary:is(:active, .active) {\n color: var(--color-brand-4) !important;\n }\n details summary::before {\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n }\n}\ndetails[open] {\n padding-block-end: var(--space-xs);\n}\ndetails[open] summary {\n color: var(--color-brand-3);\n border-block-end-color: var(--color-outline);\n margin-block-end: var(--space-xs);\n}\ndetails[open] summary::before {\n rotate: 0deg;\n}\ndetails.subtle, .accordion.subtle > details {\n box-shadow: none;\n border: 0;\n padding-inline: var(--space-2xs);\n background-color: transparent;\n}\ndetails.subtle summary, .accordion.subtle > details summary {\n border-block-end: 0;\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 1em);\n}\ndetails.subtle[open] summary, .accordion.subtle > details[open] summary {\n margin-block-end: var(--space-2xs);\n}\n\n.accordion {\n width: 100%;\n}\n.accordion > details + details {\n border-block-start: 0;\n}\n.accordion > details:not(:first-of-type) {\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n}\n.accordion > details:not(:last-of-type) {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n}\n\ndetails.no-width,\n.accordion.no-width,\n.accordion.no-width > details {\n width: initial;\n}\n\ndialog,\ndialog::backdrop {\n --dialog-starting-opacity: 0.25;\n --dialog-starting-transform: translateY(8px);\n --dialog-open-opacity: 1;\n --dialog-open-transform: translate(0);\n --dialog-ending-opacity: 0;\n --dialog-ending-transform: translateY(-4px) scale(0.97);\n --dialog-backdrop-starting-opacity: 0;\n --dialog-backdrop-open-opacity: 0.75;\n --dialog-backdrop-ending-opacity: 0;\n --dialog-backdrop-color: var(--color-gray-2);\n}\n@media (prefers-reduced-motion) {\n dialog,\n dialog::backdrop {\n --dialog-starting-transform: translate(0);\n --dialog-ending-transform: translate(0);\n }\n}\n@media (prefers-color-scheme: dark) {\n dialog,\n dialog::backdrop {\n --dialog-backdrop-color: var(--color-gray-8);\n --dialog-backdrop-open-opacity: 0.85;\n }\n}\n\ndialog {\n box-shadow: var(--shadow-xl);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-l);\n background-color: var(--color-body-alt);\n color: var(--color-body-text);\n padding: 0;\n flex-direction: column;\n gap: 0;\n}\ndialog::backdrop {\n background-color: var(--dialog-backdrop-color);\n}\ndialog.drawer {\n --dialog-starting-opacity: 0.5;\n position: fixed;\n inset: 0;\n border-radius: 0;\n margin: 0;\n border: 0;\n overflow: auto;\n}\ndialog.drawer.left {\n right: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.left {\n --dialog-starting-transform: translateX(-16px);\n --dialog-ending-transform: translateX(-16px);\n }\n}\ndialog.drawer.top {\n bottom: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.top {\n --dialog-starting-transform: translateY(-16px);\n --dialog-ending-transform: translateY(-16px);\n }\n}\ndialog.drawer.right {\n left: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.right {\n --dialog-starting-transform: translateX(16px);\n --dialog-ending-transform: translateX(16px);\n }\n}\ndialog.drawer.bottom {\n top: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.bottom {\n --dialog-starting-transform: translateY(16px);\n --dialog-ending-transform: translateY(16px);\n }\n}\ndialog.drawer.top, dialog.drawer.bottom {\n width: 100dvw;\n max-width: unset;\n height: auto;\n max-height: 100dvh;\n min-height: min(100dvh, 250px);\n}\ndialog.drawer.top.small, dialog.drawer.bottom.small {\n max-height: min(100dvh, 300px);\n}\ndialog.drawer.top.medium, dialog.drawer.bottom.medium {\n max-height: min(100dvh, 450px);\n}\ndialog.drawer.top.large, dialog.drawer.bottom.large {\n max-height: min(100dvh, 600px);\n}\ndialog.drawer.left, dialog.drawer.right {\n height: 100dvh;\n max-height: unset;\n width: auto;\n min-width: min(100dvw, 300px);\n max-width: 100dvw;\n}\ndialog.drawer.left.small, dialog.drawer.right.small {\n max-width: min(100dvw, 350px);\n}\ndialog.drawer.left.medium, dialog.drawer.right.medium {\n max-width: min(100dvw, 450px);\n}\ndialog.drawer.left.large, dialog.drawer.right.large {\n max-width: min(100dvw, 700px);\n}\ndialog:not(.drawer) {\n --dialog-width: 9999px;\n max-height: calc(100svh - 4 * var(--space-body));\n max-width: min(100svw - 4 * var(--space-body), var(--dialog-width));\n}\ndialog:not(.drawer).small {\n --dialog-width: 400px;\n}\ndialog:not(.drawer).medium {\n --dialog-width: 650px;\n}\ndialog:not(.drawer).large {\n --dialog-width: 900px;\n}\ndialog[open] {\n display: flex;\n}\n\n.dialog-header {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n padding: var(--space-m);\n padding-block-end: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--color-brand-3);\n margin: 0;\n}\n.dialog-header h1,\n.dialog-header h2,\n.dialog-header h3,\n.dialog-header h4,\n.dialog-header h5,\n.dialog-header h6 {\n color: inherit;\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n}\n.dialog-header :is(button, .button).close {\n color: inherit;\n margin: -0.5rem;\n margin-inline-start: var(--space-3xs);\n}\n.dialog-header :is(button, .button).close::after {\n content: \"\";\n width: 1.8em;\n height: 1.8em;\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: currentcolor;\n}\n\n.dialog-body {\n padding: var(--space-m);\n padding-block-start: var(--space-xs);\n flex-shrink: 1;\n display: block;\n overflow: auto;\n margin: 0;\n}\n\n.dialog-footer {\n padding: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n gap: var(--space-2xs);\n justify-content: flex-end;\n background-color: var(--color-body);\n border-block-start: var(--border-s) solid var(--color-outline);\n margin: 0;\n}\n@media screen and (width <= 500px) {\n .dialog-footer {\n flex-direction: column;\n width: 100%;\n justify-content: stretch;\n }\n}\n.dialog-footer :is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.small, .medium, .large) {\n font-size: 0.9rem;\n}\n\n@supports (transition-behavior: allow-discrete) and (overlay: none) {\n dialog {\n animation: unset;\n }\n}\n.field {\n --field-gap: var(--space-2xs);\n --field-padding: 0.5em;\n --field-radius: var(--radius-m);\n display: inline-flex;\n flex-direction: column;\n line-height: 1;\n gap: var(--field-gap);\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n transition-duration: 200ms;\n transition-property: color, box-shadow;\n transition-timing-function: ease;\n font-size: var(--font-size-m);\n}\n.field.compact, :is(form, .form, fieldset).compact .field {\n --field-gap: calc(0.9 * var(--space-2xs));\n --field-padding: 0.33em;\n --field-radius: var(--radius-s);\n font-size: calc(0.9 * var(--font-size-m));\n}\n.field:focus-within {\n color: var(--color-brand-5);\n}\n.field:has(:user-invalid, .field[aria-invalid=true]) {\n color: var(--color-red-5);\n}\n.field:has(:user-invalid, .field[aria-invalid=true]) .error-message {\n opacity: 1;\n}\n.field:has([readonly]):focus-within {\n color: var(--color-gray-5);\n}\n.field:user-invalid {\n color: var(--color-red-5);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]),\n.field select,\n.field textarea {\n color: var(--color-body-text);\n background-color: white;\n border: var(--border-s) solid var(--color-outline);\n font-size: 1em;\n padding: var(--field-padding);\n border-radius: var(--field-radius);\n transition-duration: 200ms;\n transition-property: color, box-shadow, border-color;\n transition-timing-function: ease;\n font-family: var(--font-family-body);\n}\n@media (prefers-color-scheme: dark) {\n .field input:not([type=button],\n [type=checkbox],\n [type=file],\n [type=hidden],\n [type=image],\n [type=radio],\n [type=range],\n [type=reset],\n [type=submit]),\n .field select,\n .field textarea {\n background-color: black;\n }\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):focus,\n.field select:focus,\n.field textarea:focus {\n outline: 0;\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.1em var(--color-brand-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):disabled,\n.field select:disabled,\n.field textarea:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[readonly],\n.field select[readonly],\n.field textarea[readonly] {\n cursor: not-allowed;\n border-style: dashed;\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[readonly]:focus,\n.field select[readonly]:focus,\n.field textarea[readonly]:focus {\n outline: 0;\n border-style: solid;\n border-color: var(--color-gray-5);\n box-shadow: 0 0 0 0.1em var(--color-gray-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-gray-transparent);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):user-invalid, .field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[aria-invalid=true],\n.field select:user-invalid,\n.field select[aria-invalid=true],\n.field textarea:user-invalid,\n.field textarea[aria-invalid=true] {\n border-color: var(--color-red-5);\n box-shadow: 0 0 0 0.1em var(--color-red-5);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):user-invalid:focus, .field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[aria-invalid=true]:focus,\n.field select:user-invalid:focus,\n.field select[aria-invalid=true]:focus,\n.field textarea:user-invalid:focus,\n.field textarea[aria-invalid=true]:focus {\n outline: 0;\n border-color: var(--color-red-5);\n box-shadow: 0 0 0 0.1em var(--color-red-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-red-transparent);\n}\n.field input[type=color] {\n inline-size: auto;\n block-size: auto;\n cursor: pointer;\n}\n.field input[type=color]::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n.field input[type=color]::-webkit-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n}\n.field input[type=color]::-moz-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n}\n.field select {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n background-position: center right 0.25em;\n background-size: auto 75%;\n background-repeat: no-repeat;\n cursor: pointer;\n appearance: none;\n padding-inline-end: calc(2 * var(--space-2xs) + 1em);\n}\n@media (prefers-color-scheme: dark) {\n .field select {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n }\n}\n.field select:dir(rtl) {\n background-position: center left 0.25em;\n}\n.field .help-text {\n font-size: 0.9em;\n color: var(--color-body-text-alt);\n font-weight: var(--font-weight-normal);\n margin: -0.25em 0 0;\n position: relative;\n}\n.field .error-message {\n transition: opacity 200ms ease;\n opacity: 0;\n font-size: 0.9em;\n border: 0;\n padding: 0;\n margin: 0;\n font-weight: var(--font-weight-semibold);\n display: flex;\n align-items: center;\n gap: 2px;\n}\n.field .error-message::before {\n content: \"\";\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: currentcolor;\n display: inline-block;\n height: 1.2em;\n width: 1.2em;\n}\n.field .input-group {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n}\n.field .input-group > * {\n border-radius: 0 !important;\n z-index: 1;\n}\n.field .input-group > :first-child {\n border-start-start-radius: var(--field-radius) !important;\n border-end-start-radius: var(--field-radius) !important;\n}\n.field .input-group > :last-child {\n border-end-end-radius: var(--field-radius) !important;\n border-start-end-radius: var(--field-radius) !important;\n}\n.field .input-group > :focus-visible {\n z-index: 2;\n}\n.field .input-group > :is(.prefix, .suffix, .action) {\n user-select: none;\n -webkit-user-drag: none;\n display: flex;\n font-weight: var(--font-weight-normal);\n color: var(--color-gray-3);\n background-color: var(--color-gray-9);\n border: var(--border-s) solid var(--color-outline);\n padding: var(--field-padding) calc(2 * var(--field-padding));\n align-items: center;\n justify-content: center;\n font-size: 0.9em;\n}\n.field .input-group > :is(.prefix, .suffix, .action) :is(img, svg) {\n height: 1.15em;\n width: auto;\n}\n.field .input-group > .prefix {\n border-inline-end: 0;\n}\n.field .input-group > .suffix {\n border-inline-start: 0;\n}\n.field .input-group > .action {\n cursor: pointer;\n color: var(--color-brand-3);\n border-inline-start: 0;\n transition-property: box-shadow, background-color;\n transition-timing-function: ease;\n transition-duration: 200ms;\n}\n.field .input-group > .action:hover {\n background-color: var(--color-gray-8);\n}\n.field .input-group > .action:active {\n background-color: var(--color-gray-7);\n}\n.field .input-group > .action:focus-visible {\n border-color: var(--color-brand-5);\n border-inline-start-width: var(--border-s);\n border-inline-start-style: solid;\n box-shadow: 0 0 0 0.1em var(--color-brand-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n outline: 0;\n}\n.field .input-group > :is(input, select, textarea) {\n width: 100%;\n}\n.field .input-group > :is(input, select, textarea):has(~ .action:focus-visible) {\n border-inline-end-width: 0;\n}\n\nfieldset {\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-l);\n}\nfieldset legend {\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n}\n\ninput[type=checkbox],\ninput[type=radio] {\n accent-color: var(--color-brand-5);\n}\n\nhr,\n.hr {\n background-color: var(--color-outline);\n border: 0;\n outline: 0;\n width: 100%;\n height: var(--border-s);\n display: block;\n margin: var(--space-xs) 0;\n print-color-adjust: exact;\n}\nhr.invisible,\n.hr.invisible {\n visibility: hidden;\n}\nhr.vertical,\n.hr.vertical {\n display: inline-block;\n width: var(--border-s);\n height: 100%;\n min-height: 1em;\n margin: 0 var(--space-xs);\n}\n\n@keyframes indeterminate-progress {\n from {\n opacity: 0.2;\n }\n to {\n opacity: 0.8;\n }\n}\nmeter {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-meter-bar) {\n meter {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n background: var(--color-gray-8);\n box-sizing: border-box;\n overflow: clip;\n }\n}\n::-webkit-meter-bar {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n background: var(--color-gray-8);\n box-sizing: border-box;\n overflow: clip;\n}\n\n::-webkit-meter-optimum-value,\n::-webkit-meter-suboptimum-value,\n::-webkit-meter-even-less-good-value {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n}\n\n::-webkit-meter-inner-element {\n display: inline-block;\n position: relative;\n}\n\n::-moz-meter-bar {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n}\n\n::-webkit-meter-optimum-value {\n background: var(--color-green-6);\n border-color: var(--color-green-5);\n}\n\n:-moz-meter-optimum::-moz-meter-bar {\n background: var(--color-green-6);\n border-color: var(--color-green-5);\n}\n\n::-webkit-meter-suboptimum-value {\n background: var(--color-yellow-7);\n border-color: var(--color-yellow-6);\n}\n@media (prefers-color-scheme: dark) {\n ::-webkit-meter-suboptimum-value {\n background: var(--color-yellow-4);\n border-color: var(--color-yellow-3);\n }\n}\n\n:-moz-meter-sub-optimum::-moz-meter-bar {\n background: var(--color-yellow-7);\n border-color: var(--color-yellow-6);\n}\n@media (prefers-color-scheme: dark) {\n :-moz-meter-sub-optimum::-moz-meter-bar {\n background: var(--color-yellow-4);\n border-color: var(--color-yellow-3);\n }\n}\n\n::-webkit-meter-even-less-good-value {\n background: var(--color-red-6);\n border-color: var(--color-red-5);\n}\n\n:-moz-meter-sub-sub-optimum::-moz-meter-bar {\n background: var(--color-red-6);\n border-color: var(--color-red-5);\n}\n\nprogress {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-progress-bar) {\n progress {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n background: var(--color-gray-8);\n box-sizing: border-box;\n overflow: clip;\n }\n}\n::-webkit-progress-bar {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n background: var(--color-gray-8);\n box-sizing: border-box;\n overflow: clip;\n}\n\n::-webkit-progress-value {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n}\n\n::-moz-progress-bar {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n}\n\n:indeterminate::-webkit-progress-value {\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n opacity: 0.5;\n inline-size: 100% !important;\n animation: indeterminate-progress 1s linear infinite alternate;\n}\n\n:indeterminate::-moz-progress-bar {\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n opacity: 0.5;\n inline-size: 100% !important;\n animation: indeterminate-progress 1s linear infinite alternate;\n}\n\ninput[type=range] {\n font-size: 1rem;\n block-size: 1.25em;\n appearance: none;\n background: transparent;\n cursor: pointer;\n}\n@media (pointer: coarse) {\n input[type=range] {\n font-size: 1.5rem;\n }\n}\ninput[type=range]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\ninput[type=range]:focus-visible {\n outline: 0;\n}\ninput[type=range]:focus-visible::-webkit-slider-thumb {\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=range]:focus-visible::-moz-range-thumb {\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=range]:enabled:active::-webkit-slider-thumb {\n border-color: var(--color-brand-5);\n}\n@media screen and (resolution >= 2x) {\n input[type=range]:enabled:active::-webkit-slider-thumb:active {\n transform: scale(0.9);\n }\n}\ninput[type=range]:enabled:active::-moz-range-thumb {\n border-color: var(--color-brand-5);\n}\n@media screen and (resolution >= 2x) {\n input[type=range]:enabled:active::-moz-range-thumb:active {\n transform: scale(0.9);\n }\n}\ninput[type=range]::-webkit-slider-runnable-track {\n block-size: 0.25em;\n inline-size: 100%;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n input[type=range]::-webkit-slider-runnable-track {\n background-color: var(--color-gray-6);\n }\n}\ninput[type=range]::-moz-range-track {\n block-size: 0.25em;\n inline-size: 100%;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n input[type=range]::-moz-range-track {\n background-color: var(--color-gray-6);\n }\n}\ninput[type=range]::-webkit-slider-thumb {\n height: 1.25em;\n width: 1.25em;\n border-radius: var(--radius-full);\n background-color: white;\n box-shadow: var(--shadow-s);\n border: var(--border-s) solid var(--color-outline);\n transition-property: border-color, box-shadow, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n appearance: none;\n margin-block-start: -0.5em;\n}\ninput[type=range]::-moz-range-thumb {\n height: 1.25em;\n width: 1.25em;\n border-radius: var(--radius-full);\n background-color: white;\n box-shadow: var(--shadow-s);\n border: var(--border-s) solid var(--color-outline);\n transition-property: border-color, box-shadow, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n}\n\n@keyframes skeleton-pulse-light {\n from {\n opacity: 0.14;\n }\n to {\n opacity: 0.21;\n }\n}\n@keyframes skeleton-pulse-dark {\n from {\n opacity: 0.28;\n }\n to {\n opacity: 0.36;\n }\n}\n.skeleton {\n animation: skeleton-pulse-light 1s ease alternate 0s infinite !important;\n border-radius: var(--radius-s) !important;\n background-color: var(--color-gray-5) !important;\n border: 0 !important;\n outline: 0 !important;\n box-shadow: 0 !important;\n pointer-events: none !important;\n color: transparent !important;\n mask-image: none !important;\n background-image: none !important;\n print-color-adjust: exact;\n}\n.skeleton:is(p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {\n inline-size: 100%;\n}\n.skeleton:is(p,\n.p,\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3,\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6,\n.chip)::before {\n content: \".\";\n}\n.skeleton:is(button, .button, .chip):empty {\n min-inline-size: 5em;\n}\n.skeleton::before, .skeleton::after,\n.skeleton > * {\n visibility: hidden !important;\n}\n@media (prefers-color-scheme: dark) {\n .skeleton {\n animation-name: skeleton-pulse-dark !important;\n }\n}\n\ninput[type=checkbox].switch,\nlabel.switch input[type=checkbox] {\n font-size: 1rem;\n print-color-adjust: exact;\n appearance: none;\n block-size: 1.8em;\n inline-size: 3em;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n position: relative;\n flex: none;\n transition-property: background-color, box-shadow, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n border: 0.1em solid var(--color-gray-7);\n cursor: pointer;\n}\ninput[type=checkbox].switch.small,\nlabel.switch input[type=checkbox].small {\n font-size: 0.8rem;\n}\ninput[type=checkbox].switch::after,\nlabel.switch input[type=checkbox]::after {\n content: \"\";\n position: absolute;\n height: 1.4em;\n width: 1.4em;\n background-color: white;\n inset-inline-start: 0.1em;\n inset-block-start: 0.1em;\n border-radius: var(--radius-full);\n box-shadow: var(--shadow-s);\n transition-property: border-color, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n transform: translateX(0);\n}\ninput[type=checkbox].switch:disabled,\nlabel.switch input[type=checkbox]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\ninput[type=checkbox].switch:is(:focus-visible, .focus),\nlabel.switch input[type=checkbox]:is(:focus-visible, .focus) {\n border-color: var(--color-gray-6);\n box-shadow: 0 0 0 0.2em var(--color-gray-transparent);\n outline: 0;\n}\ninput[type=checkbox].switch:checked,\nlabel.switch input[type=checkbox]:checked {\n background-color: var(--color-brand-6);\n border-color: var(--color-brand-5);\n}\ninput[type=checkbox].switch:checked::after,\nlabel.switch input[type=checkbox]:checked::after {\n transform: translateX(1.2em);\n}\ninput[type=checkbox].switch:checked:is(:focus-visible, .focus),\nlabel.switch input[type=checkbox]:checked:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=checkbox].switch:dir(rtl):checked::after,\nlabel.switch input[type=checkbox]:dir(rtl):checked::after {\n transform: translateX(-1.2em);\n}\n@media (prefers-color-scheme: dark) {\n input[type=checkbox].switch,\n label.switch input[type=checkbox] {\n background-color: var(--color-gray-5);\n }\n input[type=checkbox].switch:checked,\n label.switch input[type=checkbox]:checked {\n background-color: var(--color-brand-5);\n }\n}\n\nlabel.switch {\n inline-size: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n font-weight: var(--font-weight-semibold);\n}\n\ntable {\n --table-bg-odd: var(--color-body-alt);\n --table-bg-even: var(--color-body);\n --table-vertical-border: var(--border-s);\n background-color: var(--color-body-alt);\n border-collapse: separate;\n border-spacing: 0;\n font-size: var(--font-size-m);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-s);\n color: var(--color-body-text);\n}\ntable.subtle {\n --table-bg-odd: transparent;\n --table-bg-even: transparent;\n --table-vertical-border: 0;\n border: 0;\n}\ntable.dense :is(th, td) {\n padding: var(--space-3xs) var(--space-2xs);\n}\ntable.sparse :is(th, td) {\n padding: var(--space-xs) var(--space-s);\n}\n\ncaption {\n text-align: unset;\n margin: 0 0 var(--space-2xs);\n}\n\nth,\ntd {\n padding: var(--space-2xs) var(--space-xs);\n}\n\nth,\ntfoot td {\n font-weight: var(--font-weight-bold);\n text-align: center;\n}\n\nth {\n border-block-end: var(--border-m) solid var(--color-outline);\n}\n\ntfoot td {\n border-block-start: var(--border-m) solid var(--color-outline);\n}\n\ntd {\n text-align: unset;\n}\n\n:is(th, tfoot td):not(:last-of-type) {\n border-inline-end: var(--table-vertical-border) dashed var(--color-outline);\n}\n\ntd:not(tfoot td, :last-of-type) {\n border-inline-end: var(--table-vertical-border) solid var(--color-outline);\n}\n\ntr:not(:last-of-type) td {\n border-block-end: var(--border-s) solid var(--color-outline);\n}\n\ntbody tr:nth-child(odd),\ntbody:has(tr:last-of-type:nth-child(even)) + tfoot tr {\n background-color: var(--table-bg-even);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--table-bg-odd);\n}\n\ndialog[open] {\n display: flex;\n transform: var(--dialog-open-transform);\n opacity: var(--dialog-open-opacity);\n}\n\ndialog[open]::backdrop {\n opacity: var(--dialog-backdrop-open-opacity);\n}\n\ndialog {\n transform: var(--dialog-ending-transform);\n opacity: var(--dialog-ending-opacity);\n transition: transform 150ms ease, opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete;\n}\n\ndialog::backdrop {\n opacity: var(--dialog-backdrop-ending-opacity);\n transition: transform 150ms ease, opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete;\n}\n\n@starting-style {\n dialog[open] {\n transform: var(--dialog-starting-transform);\n opacity: var(--dialog-starting-opacity);\n }\n dialog[open]::backdrop {\n opacity: var(--dialog-backdrop-starting-opacity);\n }\n}\n@starting-style {\n .app > .sidebar {\n opacity: 0;\n }\n}\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n text-size-adjust: 100%;\n color-scheme: light dark;\n}\n\nbody {\n min-height: 100svh;\n margin: 0;\n background-color: var(--color-body);\n color: var(--color-body-text);\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n}","@use \"../utils\";\n\n.alert {\n display: block;\n border-radius: var(--radius-s);\n border-start-start-radius: calc(var(--space-2xs) + 2em);\n border-end-start-radius: calc(var(--space-2xs) + 2em);\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 2em);\n font-size: var(--font-size-m);\n color: var(--color-body-text);\n position: relative;\n background:\n linear-gradient(var(--alert-bg-color), var(--alert-bg-color)) padding-box,\n linear-gradient(\n to right,\n var(--alert-border-start-color),\n var(--alert-border-end-color)\n )\n border-box;\n border: var(--border-m) solid transparent;\n line-height: 1.4;\n\n > * {\n line-height: 1.4;\n }\n\n @media print {\n & {\n border-color: var(--alert-border-start-color);\n }\n }\n\n &::before,\n &::after {\n content: \"\";\n print-color-adjust: exact;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-2xs) * 0.5);\n margin: auto;\n width: 2em;\n height: 2em;\n }\n\n &::before {\n z-index: 2;\n mask-image: var(--alert-icon);\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: var(--alert-border-start-color);\n scale: 0.5;\n }\n\n &::after {\n z-index: 1;\n background-color: #fffe;\n border-radius: var(--radius-full);\n border: 3px solid var(--alert-border-start-color);\n scale: 0.75;\n\n @media (prefers-color-scheme: dark) {\n background-color: #000e;\n }\n }\n\n &.error {\n --alert-bg-color: var(--color-red-9);\n --alert-border-start-color: var(--color-red-5);\n --alert-border-end-color: var(--color-red-6);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\" d=\"M368 368L144 144M368 144L144 368\"/></svg>'\n )};\n }\n\n &.warning {\n --alert-bg-color: var(--color-yellow-9);\n --alert-border-start-color: var(--color-yellow-5);\n --alert-border-end-color: var(--color-yellow-6);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\"/><circle cx=\"256\" cy=\"436\" r=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"48\"/></svg>'\n )};\n }\n\n &.success {\n --alert-bg-color: var(--color-green-9);\n --alert-border-start-color: var(--color-green-5);\n --alert-border-end-color: var(--color-green-6);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\" d=\"M416 128L192 384l-96-96\"/></svg>'\n )};\n }\n\n &.info {\n --alert-bg-color: var(--color-sky-9);\n --alert-border-start-color: var(--color-sky-5);\n --alert-border-end-color: var(--color-sky-6);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\" d=\"M196 220h64v172\"/><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"64\" d=\"M187 396h138\"/><circle cx=\"253 \" cy=\"118\" r=\"44\"/></svg>'\n )};\n }\n}\n\n.alert-title {\n font-family: var(--font-family-heading);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n color: var(--alert-border-start-color);\n font-size: 0.85em;\n margin: 0;\n margin-block-end: 0.15em;\n}\n","%flex-layout {\n display: flex !important;\n gap: var(--space-s);\n\n &.densest {\n gap: var(--space-3xs);\n }\n\n &.denser {\n gap: var(--space-2xs);\n }\n\n &.dense {\n gap: var(--space-xs);\n }\n\n &.sparse {\n gap: var(--space-m);\n }\n\n &.sparser {\n gap: var(--space-l);\n }\n\n &.sparsest {\n gap: var(--space-xl);\n }\n\n &.horizontal,\n &.horizontally {\n flex-direction: row;\n }\n\n &.vertical,\n &.vertically {\n flex-direction: column;\n }\n}\n\n.flow {\n @extend %flex-layout;\n\n flex-wrap: wrap;\n align-items: center;\n justify-content: start;\n}\n\n.stack {\n @extend %flex-layout;\n\n flex-wrap: nowrap;\n align-items: stretch;\n justify-content: start;\n}\n\n.separate {\n @extend %flex-layout;\n\n flex-wrap: nowrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.space {\n @extend %flex-layout;\n\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-around;\n}\n\n:is(form, .form, .text-container):not(.no-max-width) {\n max-width: 60ch;\n}\n\n%visually-hidden {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n width: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n}\n","@use \"../utils\";\n@use \"./layout\";\n\n.app {\n --app-width: 110rem;\n --app-header-height: clamp(50px, 3.5rem, 70px);\n --app-sidebar-width: clamp(300px, 18rem, 400px);\n\n position: relative;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n overflow: visible;\n}\n\n.app-header {\n height: var(--app-header-height);\n width: 100%;\n color: var(--color-brand-3);\n background-color: var(--color-body-alt);\n border-bottom: var(--border-l) solid var(--color-brand-transparent);\n box-shadow: var(--shadow-s);\n flex: none;\n\n @media (prefers-color-scheme: dark) {\n color: var(--color-brand-2);\n }\n}\n\n.app-header-content {\n height: 100%;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n padding-inline: var(--space-body);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-s);\n}\n\n.app-header-section {\n margin: 0;\n height: 100%;\n display: flex;\n align-items: center;\n\n // If header only has 1 section, center it\n &:only-child {\n margin-inline: auto;\n }\n\n // Otherwise, align the first to the left and the rest to the right\n &:first-child {\n margin-inline-end: auto;\n }\n\n // The content of the first header item should be var(--space-body) from the\n // left edge of the app. Since there is var(--space-body) padding in the\n // header and var(--space-xs) padding in the header items, we just need to\n // move it back by var(--space-xs).\n &:first-child .app-header-item:first-child {\n margin-inline-start: calc(-1 * var(--space-xs));\n }\n\n // The content of the last header item should be var(--space-body) from the\n // right edge of the app. Since there is var(--space-body) padding in the\n // header and var(--space-xs) padding in the header items, we just need to\n // move it forward by var(--space-xs).\n &:last-child .app-header-item:last-child {\n margin-inline-end: calc(-1 * var(--space-xs));\n }\n\n // Put a spacer between consecutive right-aligned sections (3rd onward)\n &:nth-child(n + 3)::before {\n content: \"\";\n background-color: var(--color-outline);\n height: 2rem;\n width: var(--border-s);\n position: relative;\n right: calc(var(--space-s) / 2);\n }\n}\n\n.app-header-item {\n // TODO simplify\n height: 100%;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n transition-property: color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n display: flex;\n align-items: center;\n position: relative;\n font-weight: var(--font-weight-semibold);\n padding-inline: var(--space-xs);\n\n &:focus-visible {\n outline-offset: calc(-1 * var(--border-m));\n }\n\n &:hover {\n color: var(--color-body-text);\n }\n\n &:is([aria-current], .current) {\n font-weight: var(--font-weight-bold);\n\n &::after {\n opacity: 1;\n }\n }\n\n &::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: var(--border-l);\n bottom: calc(-1 * var(--border-l));\n left: 0;\n background-color: currentcolor;\n opacity: 0;\n border-radius: 1px;\n }\n}\n\n.app-body {\n position: relative;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n}\n\n.app-sidebar {\n // TODO simplify\n overflow: auto;\n transition:\n opacity 150ms ease,\n display 150ms allow-discrete;\n width: var(--app-sidebar-width);\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n z-index: 3;\n opacity: 1;\n border-inline-end: var(--border-s) solid;\n border-image: linear-gradient(\n to bottom,\n transparent 0%,\n transparent 10%,\n var(--color-outline) 10%,\n var(--color-outline) 90%,\n transparent 90%,\n transparent 100%\n )\n 80;\n}\n\n.app-sidebar-section {\n &:first-of-type {\n margin-block-start: var(--space-body);\n }\n\n &:not(:last-of-type) {\n margin-block-end: var(--space-xs);\n }\n\n &:last-of-type {\n margin-block-end: var(--space-body);\n }\n}\n\n.app-sidebar-heading {\n font-size: 1.2rem;\n margin: 0 var(--space-body) var(--space-3xs);\n font-weight: var(--font-weight-semibold);\n}\n\n.app-sidebar-item {\n display: block;\n margin: 0 var(--space-2xs);\n padding: var(--space-2xs) calc(var(--space-body) - var(--space-2xs));\n border-radius: var(--radius-l);\n color: var(--color-body-text-alt);\n text-decoration: none;\n font-weight: var(--font-weight-normal);\n font-size: 1rem;\n transition-property: color, background-color, box-shadow;\n transition-duration: 200ms;\n transition-timing-function: ease;\n\n &:hover {\n background-color: var(--color-brand-extra-transparent);\n }\n\n &:active {\n color: var(--color-brand-1);\n }\n\n &:is(.current, [aria-current=\"page\"]) {\n color: var(--color-brand-4);\n font-weight: var(--font-weight-bold);\n }\n\n &:hover:active {\n background-color: var(--color-brand-transparent);\n }\n\n &:focus-visible {\n outline-offset: 0;\n }\n}\n\n.app-sidebar-toggle {\n // TODO simplify\n @include utils.transition((\"color\", \"background-color\"));\n\n display: none;\n width: 2.75rem;\n margin-inline-start: 1rem;\n\n &:hover {\n color: var(--color-body-text);\n }\n\n &:has(input:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n outline-offset: calc(-1 * var(--border-m));\n }\n\n input[type=\"checkbox\"] {\n @extend %visually-hidden;\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -0.5rem;\n height: 100%;\n width: var(--border-s);\n background-color: var(--color-outline);\n }\n\n > div {\n @include utils.transition((\"transform\", \"opacity\"));\n\n position: absolute;\n width: 1.75rem;\n height: 2px;\n border-radius: 2px;\n background-color: currentcolor;\n opacity: 1;\n top: 50%;\n left: 50%;\n\n &:nth-of-type(1) {\n transform: translateY(calc(-50% - 0.45rem)) translateX(-50%);\n }\n\n &:nth-of-type(2) {\n transform: translateY(-50%) translateX(-50%);\n }\n\n &:nth-of-type(3) {\n transform: translateY(calc(-50% + 0.45rem)) translateX(-50%);\n }\n }\n\n &:has(input:checked) > div {\n &:nth-of-type(1) {\n transform: translateY(-50%) translateX(-50%) rotate(45deg);\n }\n\n &:nth-of-type(2) {\n opacity: 0;\n transform: translateY(-50%) translateX(-50%) rotate3d(0, 1, 0, 90deg);\n }\n\n &:nth-of-type(3) {\n transform: translateY(-50%) translateX(-50%) rotate(-45deg);\n }\n }\n}\n\n.app-content {\n width: 100%;\n padding: var(--space-body);\n}\n\n.app:has(.app-sidebar) {\n --app-width: 125rem;\n\n overflow: hidden;\n\n .app-header {\n position: fixed;\n top: 0;\n left: 0;\n }\n\n .app-body {\n position: fixed;\n top: var(--app-header-height);\n left: 0;\n right: 0;\n margin-inline: auto;\n height: calc(100dvh - var(--app-header-height));\n }\n\n .app-content {\n overflow: auto;\n position: absolute;\n top: 0;\n left: var(--app-sidebar-width);\n width: calc(100% - var(--app-sidebar-width));\n height: 100%;\n }\n}\n\n@media (width < 55rem) {\n .app-content {\n left: 0 !important;\n width: 100dvw !important;\n }\n\n .app-sidebar {\n width: 100dvw;\n opacity: 1;\n background-color: #fffc;\n backdrop-filter: blur(24px) saturate(120%);\n\n @media (prefers-color-scheme: dark) {\n background-color: #000c;\n }\n\n &::after {\n content: initial;\n }\n }\n\n .app-sidebar-toggle {\n display: initial;\n }\n\n .app:has(.app-sidebar-toggle input:not(:checked)) .app-sidebar {\n opacity: 0;\n display: none;\n }\n}\n","@use \"sass:string\";\n@use \"sass:list\";\n\n// Adapted from https://css-tricks.com/snippets/sass/str-replace-function/\n@function replace-all($string, $search, $replace) {\n $index: string.index($string, $search);\n\n @if $index {\n /* stylelint-disable-next-line scss/operator-no-newline-after */\n @return string.slice($string, 1, $index - 1) + $replace +\n replace-all(\n string.slice($string, $index + string.length($search)),\n $search,\n $replace\n );\n }\n\n @return $string;\n}\n\n@function svg-to-data-url($svg) {\n $svg: replace-all($svg, \"%\", \"%25\");\n $svg: replace-all($svg, '\"', \"'\");\n $svg: replace-all($svg, \"#\", \"%23\");\n $svg: replace-all($svg, \"<\", \"%3C\");\n $svg: replace-all($svg, \">\", \"%3E\");\n $svg: replace-all($svg, \"[\", \"%5B\");\n $svg: replace-all($svg, \"]\", \"%5D\");\n $svg: replace-all($svg, \"^\", \"%5E\");\n $svg: replace-all($svg, \"`\", \"%60\");\n $svg: replace-all($svg, \"{\", \"%7B\");\n $svg: replace-all($svg, \"|\", \"%7C\");\n $svg: replace-all($svg, \"}\", \"%7D\");\n\n // The below characters are tolerated by browsers, so don't NEED to be escaped:\n // $svg: replace-all($svg, \" \", \"%20\");\n // $svg: replace-all($svg, \"!\", \"%21\");\n // $svg: replace-all($svg, \"$\", \"%24\");\n // $svg: replace-all($svg, \"&\", \"%26\");\n // $svg: replace-all($svg, \"'\", \"%27\");\n // $svg: replace-all($svg, \"(\", \"%28\");\n // $svg: replace-all($svg, \")\", \"%29\");\n // $svg: replace-all($svg, \"*\", \"%2A\");\n // $svg: replace-all($svg, \"+\", \"%2B\");\n // $svg: replace-all($svg, \",\", \"%2C\");\n // $svg: replace-all($svg, \"-\", \"%2D\");\n // $svg: replace-all($svg, \".\", \"%2E\");\n // $svg: replace-all($svg, \"/\", \"%2F\");\n // $svg: replace-all($svg, \":\", \"%3A\");\n // $svg: replace-all($svg, \";\", \"%3B\");\n // $svg: replace-all($svg, \"=\", \"%3D\");\n // $svg: replace-all($svg, \"?\", \"%3F\");\n // $svg: replace-all($svg, \"@\", \"%40\");\n // $svg: replace-all($svg, \"\\\\\", \"%5C\");\n // $svg: replace-all($svg, \"_\", \"%5F\");\n // $svg: replace-all($svg, \"~\", \"%7F\");\n\n @return 'url(\"data:image/svg+xml,#{$svg}\")';\n}\n\n@mixin transition($properties, $duration: 200ms, $timing-function: \"ease\") {\n $properties-string: \"\";\n\n @if type-of($properties) != list and type-of($properties) != string {\n @error 'Properties must be a string or list of strings';\n }\n\n @each $property in $properties {\n @if $properties-string != \"\" {\n $properties-string: $properties-string + \", \";\n }\n\n $properties-string: $properties-string + $property;\n }\n\n @if list.length($properties) == 1 {\n transition-property: #{string.unquote($properties-string)}\n $duration\n #{string.unquote($timing-function)};\n }\n\n @if list.length($properties) > 1 {\n transition-property: string.unquote($properties-string);\n transition-duration: $duration;\n transition-timing-function: string.unquote($timing-function);\n }\n}\n",":is(\n button,\n .button,\n input[type=\"button\"],\n input[type=\"submit\"],\n input[type=\"reset\"]\n ):not(.chip, .card, .chip .delete, .input-group .action) {\n --button-shadow: var(--shadow-s);\n --button-hover-bg-color: var(--button-border-color);\n\n box-sizing: border-box;\n display: inline-flex;\n outline: 0;\n padding-inline: 1.25em;\n padding-block: 0.75em;\n gap: 0.5em;\n border-style: solid;\n transform: scale(1);\n transition-property: box-shadow, background-color, transform, opacity;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n position: relative;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n cursor: pointer;\n border-width: var(--border-s);\n border-radius: var(--radius-m);\n min-height: 2.6em;\n min-width: 3em;\n line-height: 1;\n font-family: var(--font-family-body);\n box-shadow: var(--button-shadow);\n user-select: none;\n font-size: 1rem;\n\n &::before {\n content: \"\";\n background-color: var(--button-hover-bg-color);\n position: absolute;\n inset: 0;\n margin: auto;\n transition-property: opacity, width, height, border-radius;\n transition-duration: 200ms;\n transition-timing-function: ease;\n z-index: -1;\n border-radius: 2em;\n width: 4em;\n height: 4em;\n opacity: 0;\n }\n\n &:is(:focus-visible, .focus) {\n box-shadow:\n var(--button-shadow),\n 0 0 0 0.1em var(--button-border-color),\n 0 0 0 calc(0.2em + var(--border-s)) var(--button-focus-ring-color);\n }\n\n &:is(:active, .active) {\n transform: scale(0.98);\n\n // On low-resolution screens, the scale effect makes text jump\n // around awkwardly, so we use an alternative.\n @media screen and (resolution < 2x) {\n transform: translateY(1px);\n }\n }\n\n &:is(:hover, .hover) {\n text-decoration: none;\n\n &::before {\n opacity: 1;\n width: 100%;\n height: 100%;\n border-radius: 5px;\n }\n\n // inputs don't support children, so the ::before pseudo element won't work\n &:is(input) {\n background-color: var(--button-hover-bg-color);\n }\n }\n\n color: var(--button-fg-color);\n background-color: var(--button-bg-color);\n border-color: var(--button-border-color);\n font-weight: var(--button-font-weight);\n\n &.primary {\n --button-fg-color: white;\n --button-bg-color: var(--color-brand-5);\n --button-border-color: var(--color-brand-4);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: var(--color-brand-transparent);\n\n @each $color\n in (\n \"red\",\n \"orange\",\n \"yellow\",\n \"green\",\n \"sky\",\n \"blue\",\n \"purple\",\n \"magenta\",\n \"gray\"\n )\n {\n &.#{$color} {\n --button-bg-color: var(--color-#{$color}-5);\n --button-border-color: var(--color-#{$color}-4);\n --button-focus-ring-color: var(--color-#{$color}-transparent);\n }\n }\n }\n\n // .secondary, default\n &:not(.primary, .subtle, .close) {\n --button-fg-color: var(--color-body-text);\n --button-bg-color: var(--color-gray-9);\n --button-border-color: var(--color-gray-8);\n --button-font-weight: var(--font-weight-normal);\n --button-focus-ring-color: var(--color-gray-extra-transparent);\n }\n\n &:is(.subtle, .close) {\n --button-fg-color: var(--color-brand-4);\n --button-bg-color: transparent;\n --button-border-color: transparent;\n --button-hover-bg-color: var(--color-brand-extra-transparent);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: transparent;\n --button-shadow: none;\n\n &:is(:focus-visible, .focus) {\n --button-bg-color: var(--color-brand-transparent);\n --button-hover-bg-color: transparent;\n }\n }\n\n &:is(.small, .close) {\n font-size: 0.8rem;\n }\n\n &.large {\n font-size: 1.2rem;\n }\n\n &:is(.icon, .close) {\n border-radius: var(--radius-full);\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n\n &:is(.subtle, .close) {\n &::before {\n width: 75%;\n height: 75%;\n }\n\n &:is(:hover, .hover)::before {\n width: 100%;\n height: 100%;\n border-radius: 100%;\n }\n }\n\n &.icon {\n padding: 0.5em;\n }\n\n &.close {\n padding: 0.3em;\n }\n\n &:not(.subtle, .close) {\n &::before {\n content: unset;\n }\n\n &:is(:hover, .hover) {\n background-color: var(--button-hover-bg-color);\n }\n }\n }\n\n &:is(:disabled, .disabled, [aria-disabled=\"true\"]) {\n opacity: 0.7;\n cursor: not-allowed;\n transform: scale(1);\n\n &:is(:hover, .hover)::before {\n opacity: 0;\n }\n }\n\n &.loading {\n cursor: wait;\n\n &::before {\n opacity: 1 !important;\n height: 100% !important;\n border-radius: inherit !important;\n animation: button-loading-bg 1200ms ease-in-out infinite forwards;\n }\n }\n}\n\n@keyframes button-loading-bg {\n 0% {\n width: 0;\n margin: 0 auto 0 0;\n }\n\n 50% {\n width: 100%;\n }\n\n 100% {\n width: 0;\n margin: 0 0 0 auto;\n }\n}\n",".card {\n background-color: var(--color-body-alt);\n border-radius: var(--radius-l);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-m);\n\n &.secondary {\n background-color: var(--color-body);\n border-radius: var(--radius-m);\n color: var(--color-body-text-alt);\n box-shadow: var(--shadow-s);\n\n .card-title {\n font-size: var(--font-size-m);\n margin-block-end: var(--space-2xs);\n }\n\n &:not(.no-padding) {\n padding: var(--space-s);\n }\n }\n\n &:not(.no-padding) {\n padding: var(--space-m);\n\n .card-title {\n margin-block-start: 0;\n }\n }\n}\n\n.card-title {\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-bold);\n color: var(--color-brand-3);\n margin-block-end: var(--space-xs);\n}\n","@use \"../utils\";\n\n$color-variants: (\n \"red\",\n \"orange\",\n \"yellow\",\n \"green\",\n \"sky\",\n \"blue\",\n \"purple\",\n \"magenta\",\n \"brand\",\n \"gray\"\n);\n\n.chip {\n --chip-fg-color: white;\n\n display: inline-flex;\n align-items: center;\n border-radius: var(--radius-full);\n font-size: var(--font-size-s);\n padding-block: var(--space-3xs);\n padding-inline: var(--space-xs);\n background-color: var(--chip-bg-color);\n border: var(--border-s) solid var(--chip-border-color);\n color: var(--chip-fg-color);\n flex-shrink: 0;\n cursor: default;\n transition-property: box-shadow, background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n appearance: none;\n line-height: 1.2;\n\n &:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--chip-focus-color);\n }\n\n &.clickable {\n cursor: pointer;\n box-shadow: var(--shadow-s);\n\n &:is(:focus-visible, .focus) {\n outline: 0;\n box-shadow:\n var(--shadow-s),\n 0 0 0 0.2em var(--chip-focus-color);\n }\n\n &:is(:hover, .hover) {\n background-color: var(--chip-border-color);\n }\n\n &:is(:active, .active) {\n background-color: var(--chip-bg-color-active);\n border-color: var(--chip-bg-color-active);\n }\n }\n\n @each $color in $color-variants {\n &.#{$color} {\n --chip-bg-color: var(--color-#{$color}-6);\n --chip-border-color: var(--color-#{$color}-7);\n --chip-focus-color: var(--color-#{$color}-transparent);\n --chip-bg-color-active: var(--color-#{$color}-5);\n }\n }\n\n &.black {\n --chip-bg-color: black;\n --chip-border-color: var(--color-gray-4);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-1);\n }\n\n &.white {\n --chip-fg-color: black;\n --chip-bg-color: white;\n --chip-border-color: var(--color-gray-8);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-7);\n }\n\n @media (prefers-color-scheme: dark) {\n @each $color in $color-variants {\n &.#{$color} {\n --chip-border-color: var(--color-#{$color}-5);\n --chip-bg-color-active: var(--color-#{$color}-7);\n }\n }\n\n &.black {\n --chip-border-color: var(--color-gray-7);\n --chip-bg-color-active: var(--color-gray-8);\n }\n\n &.white {\n --chip-border-color: var(--color-gray-2);\n --chip-bg-color-active: var(--color-gray-3);\n }\n }\n\n :is(button, .button).delete {\n outline: 0;\n margin-inline: var(--space-3xs) calc(-1 * var(--space-2xs));\n font-size: 0.6em;\n border: var(--border-s) solid var(--chip-border-color);\n border-radius: var(--radius-full);\n transition-property: background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n height: 2em;\n width: 2em;\n user-select: none;\n background-color: #0002;\n padding: 0;\n display: inline-flex;\n box-shadow: none;\n\n &::after {\n content: \"\";\n width: 1.7em;\n height: 1.7em;\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M368 368L144 144M368 144L144 368\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: var(--chip-fg-color);\n margin: auto;\n }\n\n &:is(:focus-visible, .focus) {\n border-color: var(--chip-fg-color);\n }\n\n &:is(:hover, .hover, :focus-visible, .focus) {\n background-color: #0001;\n }\n\n &:is(:active, .active) {\n background-color: #0003;\n }\n }\n}\n","@use \"../utils\";\n@use \"./layout\";\n\n%heading-any {\n font-family: var(--font-family-heading);\n margin-block: 0.75em 0.3em;\n line-height: 1.15;\n text-wrap: balance;\n}\n\nh1,\n.h1,\n%h1 {\n @extend %heading-any;\n\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-black);\n}\n\nh2,\n.h2,\n%h2 {\n @extend %heading-any;\n\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-bold);\n}\n\nh3,\n.h3,\n%h3 {\n @extend %heading-any;\n\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-bold);\n}\n\nh4,\n.h4,\n%h4 {\n @extend %heading-any;\n\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-semibold);\n}\n\nh5,\n.h5,\n%h5 {\n @extend %heading-any;\n\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-semibold);\n}\n\nh6,\n.h6,\n%h6 {\n @extend %heading-any;\n\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n}\n\np,\n.p,\nli {\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-normal);\n line-height: 1.6;\n margin: 0;\n text-wrap: pretty;\n hanging-punctuation: first;\n}\n\nblockquote,\n.blockquote {\n display: block;\n margin: 0;\n color: var(--color-gray-4);\n border-inline-start: var(--border-l) solid var(--color-gray-transparent);\n padding: var(--space-3xs);\n padding-inline-start: var(--space-xs);\n position: relative;\n font-size: var(--font-size-m);\n line-height: 1.25;\n font-weight: var(--font-weight-normal);\n\n @media (prefers-color-scheme: dark) {\n color: var(--color-gray-2);\n }\n\n :is(footer, .footer) {\n margin-block-start: 0.5em;\n font-size: var(--font-size-s);\n font-style: initial;\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n\n :is(cite, .cite) {\n font-weight: var(--font-weight-normal);\n font-style: italic;\n }\n }\n}\n\na,\n.a {\n color: var(--color-sky-4);\n font-weight: var(--font-weight-semibold);\n text-decoration-line: underline;\n text-decoration-color: var(--color-sky-transparent);\n text-decoration-skip-ink: all;\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n cursor: pointer;\n transition: text-decoration-color 200ms ease;\n\n &:is(:hover, .hover) {\n text-decoration-color: currentcolor;\n }\n\n &:focus-visible {\n outline-offset: 1px;\n }\n\n &[target=\"_blank\"]:not(.no-external-icon, .button.icon)::after {\n content: \"\";\n print-color-adjust: exact;\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: var(--color-gray-5);\n display: inline-block;\n height: 0.85em;\n width: 0.85em;\n vertical-align: baseline;\n margin-left: 0.1em;\n }\n\n &[target=\"_blank\"]:not(.no-external-icon, .button.icon).button::after {\n background-color: currentcolor;\n }\n}\n\npre,\n.pre {\n font-family: var(--font-family-mono);\n}\n\ncode,\n.code,\nkbd,\n.kbd {\n background-color: var(--color-gray-extra-transparent);\n color: var(--color-gray-1);\n font-family: var(--font-family-mono);\n padding: 0 0.5ch;\n margin: 0 0.25ch;\n border-radius: var(--radius-s);\n font-size: 0.9em;\n}\n\nsamp,\n.samp {\n display: block;\n font-size: calc(0.9 * var(--font-size-m));\n background-color: var(--color-gray-9);\n color: var(--color-gray-1);\n border: var(--border-s) dashed var(--color-outline);\n border-radius: var(--radius-s);\n padding: var(--space-3xs);\n font-family: var(--font-family-mono);\n}\n\n:is(pre, .pre) > :is(code, .code) {\n background-color: unset;\n}\n\nstrong,\n.strong {\n font-weight: var(--font-weight-bold);\n}\n\nem,\n.em {\n font-style: italic;\n}\n\nmark,\n.mark {\n background-color: var(--color-yellow-8);\n color: var(--color-yellow-1);\n print-color-adjust: exact;\n\n @media (prefers-color-scheme: dark) {\n background-color: var(--color-yellow-7);\n }\n}\n\ndel,\n.del {\n text-decoration-line: line-through;\n text-decoration-skip-ink: none;\n text-decoration-thickness: var(--border-s);\n background-color: var(--color-red-8);\n color: var(--color-red-1);\n text-decoration-color: var(--color-body-text);\n border-radius: 1px;\n}\n\nins,\n.ins {\n text-decoration-line: none;\n background-color: var(--color-green-8);\n color: var(--color-green-1);\n border-radius: 1px;\n}\n\n:is(abbr, .abbr)[title] {\n text-decoration-line: underline;\n text-decoration-style: dotted;\n /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- using the shorthand doesn't work in safari */\n text-decoration-color: var(--color-gray-6);\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n}\n\nsmall,\n.small {\n font-size: 0.75em;\n vertical-align: baseline;\n}\n\nsub,\n.sub,\nsup,\n.sup {\n font-size: 0.75em;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub,\n.sub {\n inset-block-end: -0.25em;\n}\n\nsup,\n.sup {\n inset-block-start: -0.5em;\n}\n\n::target-text {\n background-color: var(--color-brand-8);\n color: var(--color-brand-1);\n print-color-adjust: exact;\n}\n\n/* Add a gap between consecutive block text elements */\n// prettier-ignore\n:is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) +\n :is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) {\n margin-block-start: 0.75em;\n}\n\n.skip-link {\n position: fixed;\n z-index: 100;\n top: var(--space-body);\n left: var(--space-body);\n background-color: var(--color-body-alt);\n padding: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-l) solid currentcolor;\n outline: 0;\n box-shadow: var(--shadow-m);\n text-decoration: none;\n vertical-align: middle;\n\n &:not(:focus) {\n @extend %visually-hidden;\n }\n\n kbd {\n margin-inline-start: var(--space-3xs);\n font-weight: initial;\n }\n}\n","@use \"./text\";\n@use \"../utils\";\n\ndetails {\n width: 100%;\n background-color: var(--color-body-alt);\n padding-block: 0;\n padding-inline: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-s);\n\n @media (prefers-reduced-motion: no-preference) {\n transition: 150ms padding ease;\n }\n\n summary {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n cursor: pointer;\n border-block-end: var(--border-s) dashed transparent;\n padding: var(--space-xs);\n padding-inline-start: calc(var(--space-xs) + 1em);\n margin-block: 0;\n margin-inline: calc(-1 * var(--space-xs));\n transition-duration: 150ms;\n transition-property: color, border-color;\n transition-timing-function: ease;\n position: relative;\n list-style: none; // Hides ::marker pseudo element in favor of ::before (better cross browser consistency)\n color: var(--color-body-text);\n user-select: none;\n\n @media (prefers-reduced-motion: no-preference) {\n transition-property: color, border-color, padding, margin;\n }\n\n &:is(:hover, .hover) {\n color: var(--color-brand-4) !important;\n }\n\n &:is(:active, .active) {\n color: var(--color-brand-2) !important;\n }\n\n // Hides ::-webkit-details-marker pseudo element in favor of ::before (better cross browser consistency)\n &::-webkit-details-marker {\n display: none;\n }\n\n // Replacement marker element\n &::before {\n content: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n display: inline-block;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-xs) / 2);\n margin: auto;\n width: 1em;\n height: 1em;\n rotate: -90deg;\n transition: rotate 200ms ease;\n }\n\n &:dir(rtl)::before {\n rotate: 90deg;\n }\n\n @media (prefers-reduced-motion) {\n transition-property: color, border-color;\n\n &::before {\n transition: none;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &:is(:hover, .hover) {\n color: var(--color-brand-2) !important;\n }\n\n &:is(:active, .active) {\n color: var(--color-brand-4) !important;\n }\n\n &::before {\n content: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n }\n }\n }\n\n &[open] {\n padding-block-end: var(--space-xs);\n\n summary {\n color: var(--color-brand-3);\n border-block-end-color: var(--color-outline);\n margin-block-end: var(--space-xs);\n\n &::before {\n rotate: 0deg;\n }\n }\n }\n\n &.subtle,\n .accordion.subtle > & {\n box-shadow: none;\n border: 0;\n padding-inline: var(--space-2xs);\n background-color: transparent;\n\n summary {\n border-block-end: 0;\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 1em);\n }\n\n &[open] summary {\n margin-block-end: var(--space-2xs);\n }\n }\n}\n\n.accordion {\n width: 100%;\n\n > details {\n & + details {\n border-block-start: 0;\n }\n\n &:not(:first-of-type) {\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n }\n\n &:not(:last-of-type) {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n }\n }\n}\n\ndetails.no-width,\n.accordion.no-width,\n.accordion.no-width > details {\n width: initial;\n}\n","@use \"./text\";\n@use \"../utils\";\n\ndialog,\ndialog::backdrop {\n --dialog-starting-opacity: 0.25;\n --dialog-starting-transform: translateY(8px);\n --dialog-open-opacity: 1;\n --dialog-open-transform: translate(0);\n --dialog-ending-opacity: 0;\n --dialog-ending-transform: translateY(-4px) scale(0.97);\n --dialog-backdrop-starting-opacity: 0;\n --dialog-backdrop-open-opacity: 0.75;\n --dialog-backdrop-ending-opacity: 0;\n --dialog-backdrop-color: var(--color-gray-2);\n\n @media (prefers-reduced-motion) {\n --dialog-starting-transform: translate(0);\n --dialog-ending-transform: translate(0);\n }\n\n @media (prefers-color-scheme: dark) {\n --dialog-backdrop-color: var(--color-gray-8);\n --dialog-backdrop-open-opacity: 0.85;\n }\n}\n\ndialog {\n box-shadow: var(--shadow-xl);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-l);\n background-color: var(--color-body-alt);\n color: var(--color-body-text);\n padding: 0;\n flex-direction: column;\n gap: 0;\n\n &::backdrop {\n background-color: var(--dialog-backdrop-color);\n }\n\n &.drawer {\n --dialog-starting-opacity: 0.5;\n\n position: fixed;\n inset: 0;\n border-radius: 0;\n margin: 0;\n border: 0;\n overflow: auto;\n\n &.left {\n right: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateX(-16px);\n --dialog-ending-transform: translateX(-16px);\n }\n }\n\n &.top {\n bottom: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateY(-16px);\n --dialog-ending-transform: translateY(-16px);\n }\n }\n\n &.right {\n left: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateX(16px);\n --dialog-ending-transform: translateX(16px);\n }\n }\n\n &.bottom {\n top: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateY(16px);\n --dialog-ending-transform: translateY(16px);\n }\n }\n\n &.top,\n &.bottom {\n width: 100dvw;\n max-width: unset;\n height: auto;\n max-height: 100dvh;\n min-height: min(100dvh, 250px);\n\n &.small {\n max-height: min(100dvh, 300px);\n }\n\n &.medium {\n max-height: min(100dvh, 450px);\n }\n\n &.large {\n max-height: min(100dvh, 600px);\n }\n }\n\n &.left,\n &.right {\n height: 100dvh;\n max-height: unset;\n width: auto;\n min-width: min(100dvw, 300px);\n max-width: 100dvw;\n\n &.small {\n max-width: min(100dvw, 350px);\n }\n\n &.medium {\n max-width: min(100dvw, 450px);\n }\n\n &.large {\n max-width: min(100dvw, 700px);\n }\n }\n }\n\n &:not(.drawer) {\n --dialog-width: 9999px;\n\n max-height: calc(100svh - 4 * var(--space-body));\n max-width: min(calc(100svw - 4 * var(--space-body)), var(--dialog-width));\n\n &.small {\n --dialog-width: 400px;\n }\n\n &.medium {\n --dialog-width: 650px;\n }\n\n &.large {\n --dialog-width: 900px;\n }\n }\n\n &[open] {\n display: flex;\n }\n}\n\n.dialog-header {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n padding: var(--space-m);\n padding-block-end: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--color-brand-3);\n margin: 0;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: inherit;\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n }\n\n :is(button, .button).close {\n color: inherit;\n margin: -0.5rem;\n margin-inline-start: var(--space-3xs);\n\n &::after {\n content: \"\";\n width: 1.8em;\n height: 1.8em;\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M368 368L144 144M368 144L144 368\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: currentcolor;\n }\n }\n}\n\n.dialog-body {\n padding: var(--space-m);\n padding-block-start: var(--space-xs);\n flex-shrink: 1;\n display: block;\n overflow: auto;\n margin: 0;\n}\n\n.dialog-footer {\n padding: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n gap: var(--space-2xs);\n justify-content: flex-end;\n background-color: var(--color-body);\n border-block-start: var(--border-s) solid var(--color-outline);\n margin: 0;\n\n @media screen and (width <= 500px) {\n flex-direction: column;\n width: 100%;\n justify-content: stretch;\n }\n\n :is(\n button,\n .button,\n input[type=\"button\"],\n input[type=\"submit\"],\n input[type=\"reset\"]\n ):not(.small, .medium, .large) {\n font-size: 0.9rem;\n }\n}\n\n@supports (transition-behavior: allow-discrete) and (overlay: none) {\n dialog {\n animation: unset;\n }\n}\n","@use \"../utils\";\n\n.field {\n --field-gap: var(--space-2xs);\n --field-padding: 0.5em;\n --field-radius: var(--radius-m);\n\n display: inline-flex;\n flex-direction: column;\n line-height: 1;\n gap: var(--field-gap);\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n transition-duration: 200ms;\n transition-property: color, box-shadow;\n transition-timing-function: ease;\n font-size: var(--font-size-m);\n\n &.compact,\n :is(form, .form, fieldset).compact & {\n --field-gap: calc(0.9 * var(--space-2xs));\n --field-padding: 0.33em;\n --field-radius: var(--radius-s);\n\n font-size: calc(0.9 * var(--font-size-m));\n }\n\n &:focus-within {\n color: var(--color-brand-5);\n }\n\n &:has(:user-invalid, &[aria-invalid=\"true\"]) {\n color: var(--color-red-5);\n\n .error-message {\n opacity: 1;\n }\n }\n\n &:has([readonly]):focus-within {\n color: var(--color-gray-5);\n }\n\n &:user-invalid {\n color: var(--color-red-5);\n }\n\n input:not(\n [type=\"button\"],\n [type=\"checkbox\"],\n [type=\"file\"],\n [type=\"hidden\"],\n [type=\"image\"],\n [type=\"radio\"],\n [type=\"range\"],\n [type=\"reset\"],\n [type=\"submit\"]\n ),\n select,\n textarea {\n color: var(--color-body-text);\n background-color: white;\n border: var(--border-s) solid var(--color-outline);\n font-size: 1em;\n padding: var(--field-padding);\n border-radius: var(--field-radius);\n transition-duration: 200ms;\n transition-property: color, box-shadow, border-color;\n transition-timing-function: ease;\n font-family: var(--font-family-body);\n\n @media (prefers-color-scheme: dark) {\n background-color: black;\n }\n\n &:focus {\n outline: 0;\n border-color: var(--color-brand-5);\n box-shadow:\n 0 0 0 0.1em var(--color-brand-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n }\n\n &:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n }\n\n // Not using :read-only because it matches additional elements (e.g., every color input)\n &[readonly] {\n cursor: not-allowed;\n border-style: dashed;\n\n &:focus {\n outline: 0;\n border-style: solid;\n border-color: var(--color-gray-5);\n box-shadow:\n 0 0 0 0.1em var(--color-gray-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-gray-transparent);\n }\n }\n\n &:user-invalid,\n &[aria-invalid=\"true\"] {\n border-color: var(--color-red-5);\n box-shadow: 0 0 0 0.1em var(--color-red-5);\n\n &:focus {\n outline: 0;\n border-color: var(--color-red-5);\n box-shadow:\n 0 0 0 0.1em var(--color-red-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-red-transparent);\n }\n }\n }\n\n input[type=\"color\"] {\n inline-size: auto;\n block-size: auto;\n cursor: pointer;\n\n &::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n &::-webkit-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n }\n\n &::-moz-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n }\n }\n\n select {\n background-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n background-position: center right 0.25em;\n background-size: auto 75%;\n background-repeat: no-repeat;\n cursor: pointer;\n appearance: none;\n padding-inline-end: calc(2 * var(--space-2xs) + 1em);\n\n @media (prefers-color-scheme: dark) {\n background-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n }\n\n &:dir(rtl) {\n background-position: center left 0.25em;\n }\n }\n\n .help-text {\n font-size: 0.9em;\n color: var(--color-body-text-alt);\n font-weight: var(--font-weight-normal);\n margin: -0.25em 0 0;\n position: relative;\n }\n\n .error-message {\n transition: opacity 200ms ease;\n opacity: 0;\n font-size: 0.9em;\n border: 0;\n padding: 0;\n margin: 0;\n font-weight: var(--font-weight-semibold);\n display: flex;\n align-items: center;\n gap: 2px;\n\n &::before {\n content: \"\";\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: currentcolor;\n display: inline-block;\n height: 1.2em;\n width: 1.2em;\n }\n }\n\n .input-group {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n\n > * {\n border-radius: 0 !important;\n z-index: 1;\n }\n\n > :first-child {\n border-start-start-radius: var(--field-radius) !important;\n border-end-start-radius: var(--field-radius) !important;\n }\n\n > :last-child {\n border-end-end-radius: var(--field-radius) !important;\n border-start-end-radius: var(--field-radius) !important;\n }\n\n > :focus-visible {\n z-index: 2;\n }\n\n > :is(.prefix, .suffix, .action) {\n user-select: none;\n -webkit-user-drag: none;\n display: flex;\n font-weight: var(--font-weight-normal);\n color: var(--color-gray-3);\n background-color: var(--color-gray-9);\n border: var(--border-s) solid var(--color-outline);\n padding: var(--field-padding) calc(2 * var(--field-padding));\n align-items: center;\n justify-content: center;\n font-size: 0.9em;\n\n :is(img, svg) {\n height: 1.15em;\n width: auto;\n }\n }\n\n > .prefix {\n border-inline-end: 0;\n }\n\n > .suffix {\n border-inline-start: 0;\n }\n\n > .action {\n cursor: pointer;\n color: var(--color-brand-3);\n border-inline-start: 0;\n transition-property: box-shadow, background-color;\n transition-timing-function: ease;\n transition-duration: 200ms;\n\n &:hover {\n background-color: var(--color-gray-8);\n }\n\n &:active {\n background-color: var(--color-gray-7);\n }\n\n &:focus-visible {\n border-color: var(--color-brand-5);\n border-inline-start-width: var(--border-s);\n border-inline-start-style: solid;\n box-shadow:\n 0 0 0 0.1em var(--color-brand-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n outline: 0;\n }\n }\n\n > :is(input, select, textarea) {\n width: 100%;\n\n &:has(~ .action:focus-visible) {\n border-inline-end-width: 0;\n }\n }\n }\n}\n\nfieldset {\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-l);\n\n legend {\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n accent-color: var(--color-brand-5);\n}\n","hr,\n.hr {\n background-color: var(--color-outline);\n border: 0;\n outline: 0;\n width: 100%;\n height: var(--border-s);\n display: block;\n margin: var(--space-xs) 0;\n print-color-adjust: exact;\n\n &.invisible {\n visibility: hidden;\n }\n\n &.vertical {\n display: inline-block;\n width: var(--border-s);\n height: 100%;\n min-height: 1em;\n margin: 0 var(--space-xs);\n }\n}\n","@mixin background {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n background: var(--color-gray-8);\n box-sizing: border-box;\n overflow: clip;\n}\n\n@mixin value {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n}\n\n@mixin value-good {\n background: var(--color-green-6);\n border-color: var(--color-green-5);\n}\n\n@mixin value-ok {\n background: var(--color-yellow-7);\n border-color: var(--color-yellow-6);\n\n @media (prefers-color-scheme: dark) {\n background: var(--color-yellow-4);\n border-color: var(--color-yellow-3);\n }\n}\n\n@mixin value-bad {\n background: var(--color-red-6);\n border-color: var(--color-red-5);\n}\n\n@mixin value-neutral {\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n}\n\n@mixin value-indeterminate {\n @include value-neutral;\n\n opacity: 0.5;\n inline-size: 100% !important;\n animation: indeterminate-progress 1s linear infinite alternate;\n}\n\n@keyframes indeterminate-progress {\n from {\n opacity: 0.2;\n }\n\n to {\n opacity: 0.8;\n }\n}\n\nmeter {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-meter-bar) {\n meter {\n @include background;\n }\n}\n\n::-webkit-meter-bar {\n @include background;\n}\n\n::-webkit-meter-optimum-value,\n::-webkit-meter-suboptimum-value,\n::-webkit-meter-even-less-good-value {\n @include value;\n}\n\n::-webkit-meter-inner-element {\n display: inline-block;\n position: relative;\n}\n\n::-moz-meter-bar {\n @include value;\n}\n\n::-webkit-meter-optimum-value {\n @include value-good;\n}\n\n:-moz-meter-optimum::-moz-meter-bar {\n @include value-good;\n}\n\n::-webkit-meter-suboptimum-value {\n @include value-ok;\n}\n\n:-moz-meter-sub-optimum::-moz-meter-bar {\n @include value-ok;\n}\n\n::-webkit-meter-even-less-good-value {\n @include value-bad;\n}\n\n:-moz-meter-sub-sub-optimum::-moz-meter-bar {\n @include value-bad;\n}\n\nprogress {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-progress-bar) {\n progress {\n @include background;\n }\n}\n\n::-webkit-progress-bar {\n @include background;\n}\n\n::-webkit-progress-value {\n @include value;\n @include value-neutral;\n}\n\n::-moz-progress-bar {\n @include value;\n @include value-neutral;\n}\n\n:indeterminate::-webkit-progress-value {\n @include value-indeterminate;\n}\n\n:indeterminate::-moz-progress-bar {\n @include value-indeterminate;\n}\n","@mixin track {\n block-size: 0.25em;\n inline-size: 100%;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n print-color-adjust: exact;\n\n @media (prefers-color-scheme: dark) {\n background-color: var(--color-gray-6);\n }\n}\n\n@mixin thumb {\n height: 1.25em;\n width: 1.25em;\n border-radius: var(--radius-full);\n background-color: white;\n box-shadow: var(--shadow-s);\n border: var(--border-s) solid var(--color-outline);\n transition-property: border-color, box-shadow, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n}\n\n@mixin thumb-active {\n border-color: var(--color-brand-5);\n\n &:active {\n @media screen and (resolution >= 2x) {\n transform: scale(0.9);\n }\n }\n}\n\n@mixin thumb-focus {\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\n\ninput[type=\"range\"] {\n font-size: 1rem;\n block-size: 1.25em;\n appearance: none;\n background: transparent;\n cursor: pointer;\n\n @media (pointer: coarse) {\n font-size: 1.5rem;\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &:focus-visible {\n outline: 0;\n\n &::-webkit-slider-thumb {\n @include thumb-focus;\n }\n\n &::-moz-range-thumb {\n @include thumb-focus;\n }\n }\n\n &:enabled:active {\n &::-webkit-slider-thumb {\n @include thumb-active;\n }\n\n &::-moz-range-thumb {\n @include thumb-active;\n }\n }\n\n &::-webkit-slider-runnable-track {\n @include track;\n }\n\n &::-moz-range-track {\n @include track;\n }\n\n &::-webkit-slider-thumb {\n @include thumb;\n\n appearance: none;\n margin-block-start: -0.5em;\n }\n\n &::-moz-range-thumb {\n @include thumb;\n }\n}\n","@keyframes skeleton-pulse-light {\n from {\n opacity: 0.14;\n }\n\n to {\n opacity: 0.21;\n }\n}\n\n@keyframes skeleton-pulse-dark {\n from {\n opacity: 0.28;\n }\n\n to {\n opacity: 0.36;\n }\n}\n\n.skeleton {\n animation: skeleton-pulse-light 1s ease alternate 0s infinite !important;\n border-radius: var(--radius-s) !important;\n background-color: var(--color-gray-5) !important;\n border: 0 !important;\n outline: 0 !important;\n box-shadow: 0 !important;\n pointer-events: none !important;\n color: transparent !important;\n mask-image: none !important;\n background-image: none !important;\n print-color-adjust: exact;\n\n &:is(p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {\n inline-size: 100%;\n }\n\n &:is(\n p,\n .p,\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6,\n .chip\n )::before {\n content: \".\";\n }\n\n &:is(button, .button, .chip):empty {\n min-inline-size: 5em;\n }\n\n &::before,\n &::after,\n > * {\n visibility: hidden !important;\n }\n\n @media (prefers-color-scheme: dark) {\n animation-name: skeleton-pulse-dark !important;\n }\n}\n","input[type=\"checkbox\"].switch,\nlabel.switch input[type=\"checkbox\"] {\n font-size: 1rem;\n print-color-adjust: exact;\n appearance: none;\n block-size: 1.8em;\n inline-size: 3em;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n position: relative;\n flex: none;\n transition-property: background-color, box-shadow, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n border: 0.1em solid var(--color-gray-7);\n cursor: pointer;\n\n &.small {\n font-size: 0.8rem;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n height: 1.4em;\n width: 1.4em;\n background-color: white;\n inset-inline-start: 0.1em;\n inset-block-start: 0.1em;\n border-radius: var(--radius-full);\n box-shadow: var(--shadow-s);\n transition-property: border-color, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n transform: translateX(0);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &:is(:focus-visible, .focus) {\n border-color: var(--color-gray-6);\n box-shadow: 0 0 0 0.2em var(--color-gray-transparent);\n outline: 0;\n }\n\n &:checked {\n background-color: var(--color-brand-6);\n border-color: var(--color-brand-5);\n\n &::after {\n transform: translateX(1.2em);\n }\n\n &:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n }\n }\n\n &:dir(rtl):checked::after {\n transform: translateX(-1.2em);\n }\n\n @media (prefers-color-scheme: dark) {\n background-color: var(--color-gray-5);\n\n &:checked {\n background-color: var(--color-brand-5);\n }\n }\n}\n\nlabel.switch {\n inline-size: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n font-weight: var(--font-weight-semibold);\n}\n","@use \"./text\";\n\ntable {\n --table-bg-odd: var(--color-body-alt);\n --table-bg-even: var(--color-body);\n --table-vertical-border: var(--border-s);\n\n background-color: var(--color-body-alt);\n border-collapse: separate;\n border-spacing: 0;\n font-size: var(--font-size-m);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-s);\n color: var(--color-body-text);\n\n &.subtle {\n --table-bg-odd: transparent;\n --table-bg-even: transparent;\n --table-vertical-border: 0;\n\n border: 0;\n }\n\n &.dense :is(th, td) {\n padding: var(--space-3xs) var(--space-2xs);\n }\n\n &.sparse :is(th, td) {\n padding: var(--space-xs) var(--space-s);\n }\n}\n\ncaption {\n @extend %h5;\n\n text-align: unset;\n margin: 0 0 var(--space-2xs);\n}\n\nth,\ntd {\n padding: var(--space-2xs) var(--space-xs);\n}\n\nth,\ntfoot td {\n font-weight: var(--font-weight-bold);\n text-align: center;\n}\n\nth {\n border-block-end: var(--border-m) solid var(--color-outline);\n}\n\ntfoot td {\n border-block-start: var(--border-m) solid var(--color-outline);\n}\n\ntd {\n text-align: unset;\n}\n\n:is(th, tfoot td):not(:last-of-type) {\n border-inline-end: var(--table-vertical-border) dashed var(--color-outline);\n}\n\ntd:not(tfoot td, :last-of-type) {\n border-inline-end: var(--table-vertical-border) solid var(--color-outline);\n}\n\ntr:not(:last-of-type) td {\n border-block-end: var(--border-s) solid var(--color-outline);\n}\n\ntbody tr:nth-child(odd),\ntbody:has(tr:last-of-type:nth-child(even)) + tfoot tr {\n background-color: var(--table-bg-even);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--table-bg-odd);\n}\n","dialog[open] {\n display: flex;\n transform: var(--dialog-open-transform);\n opacity: var(--dialog-open-opacity);\n}\n\ndialog[open]::backdrop {\n opacity: var(--dialog-backdrop-open-opacity);\n}\n\ndialog {\n transform: var(--dialog-ending-transform);\n opacity: var(--dialog-ending-opacity);\n transition:\n transform 150ms ease,\n opacity 150ms ease,\n display 150ms ease allow-discrete,\n overlay 150ms ease allow-discrete;\n}\n\ndialog::backdrop {\n opacity: var(--dialog-backdrop-ending-opacity);\n transition:\n transform 150ms ease,\n opacity 150ms ease,\n display 150ms ease allow-discrete,\n overlay 150ms ease allow-discrete;\n}\n\n@starting-style {\n dialog[open] {\n transform: var(--dialog-starting-transform);\n opacity: var(--dialog-starting-opacity);\n }\n\n dialog[open]::backdrop {\n opacity: var(--dialog-backdrop-starting-opacity);\n }\n}\n","@starting-style {\n .app > .sidebar {\n opacity: 0;\n }\n}\n","@use \"./variables\";\n@use \"./components/alert\";\n@use \"./components/app\";\n@use \"./components/button\";\n@use \"./components/card\";\n@use \"./components/chip\";\n@use \"./components/details\";\n@use \"./components/dialog\";\n@use \"./components/field\";\n@use \"./components/hr\";\n@use \"./components/layout\";\n@use \"./components/progress-meter\";\n@use \"./components/range\";\n@use \"./components/skeleton\";\n@use \"./components/switch\";\n@use \"./components/table\";\n@use \"./components/text\";\n@import \"./experimental/dialog-animations\";\n@import \"./experimental/mobile-sidebar-fade-out\";\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n text-size-adjust: 100%;\n color-scheme: light dark;\n}\n\nbody {\n min-height: 100svh;\n margin: 0;\n background-color: var(--color-body);\n color: var(--color-body-text);\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n}\n\n.sr-only {\n @extend %visually-hidden;\n}\n"]}
1
+ {"version":3,"sources":["../src/styles/_variables.scss","../src/src/styles/index.scss","../src/styles/index.scss","../src/styles/components/_alert.scss","../src/styles/components/_layout.scss","../src/styles/components/_app.scss","../src/styles/_utils.scss","../src/styles/components/_button.scss","../src/styles/components/_card.scss","../src/styles/components/_chip.scss","../src/styles/components/_text.scss","../src/styles/components/_details.scss","../src/styles/components/_dialog.scss","../src/styles/components/_field.scss","../src/styles/components/_hr.scss","../src/styles/components/_progress-meter.scss","../src/styles/components/_range.scss","../src/styles/components/_skeleton.scss","../src/styles/components/_switch.scss","../src/styles/components/_table.scss","../src/styles/experimental/dialog-animations.css","../src/styles/experimental/mobile-sidebar-fade-out.css","../src/styles/index.scss%23sass"],"names":[],"mappings":"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","file":"index.min.css","sourcesContent":["@use \"sass:map\";\n@use \"sass:color\";\n@use \"sass:math\";\n\n:root,\n::backdrop {\n --opacity-low: 20%;\n --opacity-medium: 40%;\n --opacity-high: 70%;\n\n // Brand\n --color-brand-1: oklch(15% 55% 275deg);\n --color-brand-2: oklch(25% 52% 275deg);\n --color-brand-3: oklch(35% 52% 275deg);\n --color-brand-4: oklch(45% 55% 275deg);\n --color-brand-5: oklch(55% 52% 275deg);\n --color-brand-6: oklch(65% 50% 275deg);\n --color-brand-7: oklch(75% 45% 275deg);\n --color-brand-8: oklch(85% 42% 275deg);\n --color-brand-9: oklch(95% 36% 275deg);\n --color-brand-transparent: oklch(55% 52% 275deg / var(--opacity-medium));\n --color-brand-extra-transparent: oklch(55% 52% 275deg / var(--opacity-low));\n\n // Red\n --color-red-1: oklch(15% 55% 30deg);\n --color-red-2: oklch(25% 52% 30deg);\n --color-red-3: oklch(35% 54% 30deg);\n --color-red-4: oklch(45% 50% 30deg);\n --color-red-5: oklch(55% 50% 30deg);\n --color-red-6: oklch(65% 50% 30deg);\n --color-red-7: oklch(75% 45% 30deg);\n --color-red-8: oklch(85% 45% 30deg);\n --color-red-9: oklch(95% 38% 30deg);\n --color-red-transparent: oklch(55% 50% 30deg / var(--opacity-medium));\n --color-red-extra-transparent: oklch(55% 50% 30deg / var(--opacity-low));\n\n // Orange\n --color-orange-1: oklch(15% 60% 55deg);\n --color-orange-2: oklch(25% 60% 55deg);\n --color-orange-3: oklch(35% 55% 55deg);\n --color-orange-4: oklch(45% 50% 55deg);\n --color-orange-5: oklch(55% 50% 55deg);\n --color-orange-6: oklch(65% 40% 55deg);\n --color-orange-7: oklch(75% 40% 55deg);\n --color-orange-8: oklch(85% 40% 55deg);\n --color-orange-9: oklch(95% 38% 55deg);\n --color-orange-transparent: oklch(55% 50% 55deg / var(--opacity-medium));\n --color-orange-extra-transparent: oklch(55% 50% 55deg / var(--opacity-low));\n\n // Yellow\n --color-yellow-1: oklch(15% 55% 88deg);\n --color-yellow-2: oklch(25% 55% 88deg);\n --color-yellow-3: oklch(35% 55% 88deg);\n --color-yellow-4: oklch(45% 45% 88deg);\n --color-yellow-5: oklch(55% 45% 88deg);\n --color-yellow-6: oklch(65% 40% 88deg);\n --color-yellow-7: oklch(75% 36% 88deg);\n --color-yellow-8: oklch(85% 30% 88deg);\n --color-yellow-9: oklch(95% 28% 88deg);\n --color-yellow-transparent: oklch(55% 45% 88deg / var(--opacity-medium));\n --color-yellow-extra-transparent: oklch(55% 45% 88deg / var(--opacity-low));\n\n // Green\n --color-green-1: oklch(15% 55% 133deg);\n --color-green-2: oklch(25% 50% 133deg);\n --color-green-3: oklch(35% 48% 133deg);\n --color-green-4: oklch(45% 46% 133deg);\n --color-green-5: oklch(55% 46% 133deg);\n --color-green-6: oklch(65% 46% 133deg);\n --color-green-7: oklch(75% 46% 133deg);\n --color-green-8: oklch(85% 40% 133deg);\n --color-green-9: oklch(95% 20% 133deg);\n --color-green-transparent: oklch(55% 46% 133deg / var(--opacity-medium));\n --color-green-extra-transparent: oklch(55% 46% 133deg / var(--opacity-low));\n\n // Sky\n --color-sky-1: oklch(15% 55% 195deg);\n --color-sky-2: oklch(25% 55% 195deg);\n --color-sky-3: oklch(35% 50% 195deg);\n --color-sky-4: oklch(45% 50% 195deg);\n --color-sky-5: oklch(55% 52% 195deg);\n --color-sky-6: oklch(65% 45% 195deg);\n --color-sky-7: oklch(75% 35% 195deg);\n --color-sky-8: oklch(85% 25% 195deg);\n --color-sky-9: oklch(95% 12% 195deg);\n --color-sky-transparent: oklch(55% 52% 195deg / var(--opacity-medium));\n --color-sky-extra-transparent: oklch(55% 52% 195deg / var(--opacity-low));\n\n // Blue\n --color-blue-1: oklch(15% 52% 260deg);\n --color-blue-2: oklch(25% 48% 260deg);\n --color-blue-3: oklch(35% 46% 260deg);\n --color-blue-4: oklch(45% 48% 260deg);\n --color-blue-5: oklch(55% 50% 260deg);\n --color-blue-6: oklch(65% 52% 260deg);\n --color-blue-7: oklch(75% 48% 260deg);\n --color-blue-8: oklch(85% 45% 260deg);\n --color-blue-9: oklch(95% 42% 260deg);\n --color-blue-transparent: oklch(55% 50% 260deg / var(--opacity-medium));\n --color-blue-extra-transparent: oklch(55% 50% 260deg / var(--opacity-low));\n\n // Purple\n --color-purple-1: oklch(15% 55% 310deg);\n --color-purple-2: oklch(25% 55% 310deg);\n --color-purple-3: oklch(35% 53% 310deg);\n --color-purple-4: oklch(45% 52% 310deg);\n --color-purple-5: oklch(55% 52% 310deg);\n --color-purple-6: oklch(65% 51% 310deg);\n --color-purple-7: oklch(75% 42% 310deg);\n --color-purple-8: oklch(85% 42% 310deg);\n --color-purple-9: oklch(95% 40% 310deg);\n --color-purple-transparent: oklch(55% 52% 310deg / var(--opacity-medium));\n --color-purple-extra-transparent: oklch(55% 52% 310deg / var(--opacity-low));\n\n // Magenta\n --color-magenta-1: oklch(15% 55% 356deg);\n --color-magenta-2: oklch(25% 55% 356deg);\n --color-magenta-3: oklch(35% 54% 356deg);\n --color-magenta-4: oklch(45% 46% 356deg);\n --color-magenta-5: oklch(55% 50% 356deg);\n --color-magenta-6: oklch(65% 48% 356deg);\n --color-magenta-7: oklch(75% 42% 356deg);\n --color-magenta-8: oklch(85% 36% 356deg);\n --color-magenta-9: oklch(95% 34% 356deg);\n --color-magenta-transparent: oklch(55% 50% 356deg / var(--opacity-medium));\n --color-magenta-extra-transparent: oklch(55% 50% 356deg / var(--opacity-low));\n\n // Gray\n --color-gray-1: oklch(15% 2% 263deg);\n --color-gray-2: oklch(25% 2% 263deg);\n --color-gray-3: oklch(35% 2% 263deg);\n --color-gray-4: oklch(45% 2% 263deg);\n --color-gray-5: oklch(55% 2% 263deg);\n --color-gray-6: oklch(65% 2% 263deg);\n --color-gray-7: oklch(75% 2% 263deg);\n --color-gray-8: oklch(85% 2% 263deg);\n --color-gray-9: oklch(95% 2% 263deg);\n --color-gray-transparent: oklch(55% 2% 263deg / var(--opacity-medium));\n --color-gray-extra-transparent: oklch(55% 2% 263deg / var(--opacity-low));\n\n // Individual colors\n --color-body: oklch(98.5% 1% 263deg);\n --color-body-alt: white;\n --color-body-text: oklch(10% 2% 263deg);\n --color-body-text-alt: oklch(38% 2% 263deg);\n --color-shadow: oklch(40% 2% 263deg / 15%);\n --color-outline: oklch(89% 2% 263deg);\n\n @media (prefers-color-scheme: dark) {\n // Brand\n --color-brand-9: oklch(15% 55% 275deg);\n --color-brand-8: oklch(25% 52% 275deg);\n --color-brand-7: oklch(35% 52% 275deg);\n --color-brand-6: oklch(45% 55% 275deg);\n --color-brand-4: oklch(65% 50% 275deg);\n --color-brand-3: oklch(75% 45% 275deg);\n --color-brand-2: oklch(85% 42% 275deg);\n --color-brand-1: oklch(95% 36% 275deg);\n\n // Red\n --color-red-9: oklch(15% 55% 30deg);\n --color-red-8: oklch(25% 52% 30deg);\n --color-red-7: oklch(35% 54% 30deg);\n --color-red-6: oklch(45% 50% 30deg);\n --color-red-4: oklch(65% 50% 30deg);\n --color-red-3: oklch(75% 45% 30deg);\n --color-red-2: oklch(85% 45% 30deg);\n --color-red-1: oklch(95% 38% 30deg);\n\n // Orange\n --color-orange-9: oklch(15% 60% 55deg);\n --color-orange-8: oklch(25% 60% 55deg);\n --color-orange-7: oklch(35% 55% 55deg);\n --color-orange-6: oklch(45% 50% 55deg);\n --color-orange-4: oklch(65% 40% 55deg);\n --color-orange-3: oklch(75% 40% 55deg);\n --color-orange-2: oklch(85% 40% 55deg);\n --color-orange-1: oklch(95% 38% 55deg);\n\n // Yellow\n --color-yellow-9: oklch(15% 55% 88deg);\n --color-yellow-8: oklch(25% 55% 88deg);\n --color-yellow-7: oklch(35% 55% 88deg);\n --color-yellow-6: oklch(45% 45% 88deg);\n --color-yellow-4: oklch(65% 40% 88deg);\n --color-yellow-3: oklch(75% 36% 88deg);\n --color-yellow-2: oklch(85% 30% 88deg);\n --color-yellow-1: oklch(95% 28% 88deg);\n\n // Green\n --color-green-9: oklch(15% 55% 133deg);\n --color-green-8: oklch(25% 50% 133deg);\n --color-green-7: oklch(35% 48% 133deg);\n --color-green-6: oklch(45% 46% 133deg);\n --color-green-4: oklch(65% 46% 133deg);\n --color-green-3: oklch(75% 46% 133deg);\n --color-green-2: oklch(85% 40% 133deg);\n --color-green-1: oklch(95% 20% 133deg);\n\n // Sky\n --color-sky-9: oklch(15% 55% 195deg);\n --color-sky-8: oklch(25% 55% 195deg);\n --color-sky-7: oklch(35% 50% 195deg);\n --color-sky-6: oklch(45% 50% 195deg);\n --color-sky-4: oklch(65% 45% 195deg);\n --color-sky-3: oklch(75% 35% 195deg);\n --color-sky-2: oklch(85% 25% 195deg);\n --color-sky-1: oklch(95% 12% 195deg);\n\n // Blue\n --color-blue-9: oklch(15% 52% 260deg);\n --color-blue-8: oklch(25% 48% 260deg);\n --color-blue-7: oklch(35% 46% 260deg);\n --color-blue-6: oklch(45% 48% 260deg);\n --color-blue-4: oklch(65% 52% 260deg);\n --color-blue-3: oklch(75% 48% 260deg);\n --color-blue-2: oklch(85% 45% 260deg);\n --color-blue-1: oklch(95% 42% 260deg);\n\n // Purple\n --color-purple-9: oklch(15% 55% 310deg);\n --color-purple-8: oklch(25% 55% 310deg);\n --color-purple-7: oklch(35% 53% 310deg);\n --color-purple-6: oklch(45% 52% 310deg);\n --color-purple-4: oklch(65% 51% 310deg);\n --color-purple-3: oklch(75% 42% 310deg);\n --color-purple-2: oklch(85% 42% 310deg);\n --color-purple-1: oklch(95% 40% 310deg);\n\n // Magenta\n --color-magenta-9: oklch(15% 55% 356deg);\n --color-magenta-8: oklch(25% 55% 356deg);\n --color-magenta-7: oklch(35% 54% 356deg);\n --color-magenta-6: oklch(45% 46% 356deg);\n --color-magenta-4: oklch(65% 48% 356deg);\n --color-magenta-3: oklch(75% 42% 356deg);\n --color-magenta-2: oklch(85% 36% 356deg);\n --color-magenta-1: oklch(95% 34% 356deg);\n\n // Gray\n --color-gray-9: oklch(15% 2% 263deg);\n --color-gray-8: oklch(25% 2% 263deg);\n --color-gray-7: oklch(35% 2% 263deg);\n --color-gray-6: oklch(45% 2% 263deg);\n --color-gray-4: oklch(65% 2% 263deg);\n --color-gray-3: oklch(75% 2% 263deg);\n --color-gray-2: oklch(85% 2% 263deg);\n --color-gray-1: oklch(95% 2% 263deg);\n\n // Darker replacements for semantic colors\n --color-body: oklch(20% 2% 263deg);\n --color-body-alt: oklch(8% 2% 263deg);\n --color-body-text: white;\n --color-body-text-alt: oklch(85% 1% 263deg);\n --color-shadow: oklch(5% 2% 263deg / 40%);\n --color-outline: oklch(39% 2% 263deg);\n\n // Slightly decrease font weights\n --font-weight-black: 900;\n --font-weight-bold: 700;\n --font-weight-semibold: 550;\n --font-weight-normal: 375;\n\n // Slightly increase opacity\n --opacity-low: 35%;\n --opacity-medium: 50%;\n --opacity-high: 80%;\n }\n\n // Font sizes\n --font-size-xs: clamp(0.6944rem, 0.6855rem + 0.0446vw, 0.72rem);\n --font-size-s: clamp(0.8331rem, 0.8099rem + 0.1163vw, 0.9rem);\n --font-size-m: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);\n --font-size-l: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);\n --font-size-xl: clamp(1.44rem, 1.3293rem + 0.5533vw, 1.7581rem);\n --font-size-2xl: clamp(1.7281rem, 1.5649rem + 0.8163vw, 2.1975rem);\n --font-size-3xl: clamp(2.0738rem, 1.8396rem + 1.1707vw, 2.7469rem);\n --font-size-4xl: clamp(2.4881rem, 2.1594rem + 1.6435vw, 3.4331rem);\n\n // Font weights\n --font-weight-black: 950;\n --font-weight-bold: 750;\n --font-weight-semibold: 600;\n --font-weight-normal: 400;\n --font-weight-light: 200;\n\n // Font families\n --font-family-body: \"Manrope Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-heading: \"Lexend Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-mono: \"Source Code Pro Variable\", ui-monospace,\n \"Source Code Pro\", \"Menlo\", \"Consolas\", \"DejaVu Sans Mono\", monospace;\n\n // Spacing\n --space-3xs: clamp(4px, 3.6528px + 0.1087vw, 5px);\n --space-2xs: clamp(8px, 7.6528px + 0.1087vw, 9px);\n --space-xs: clamp(12px, 11.304px + 0.2174vw, 14px);\n --space-s: clamp(16px, 15.304px + 0.2174vw, 18px);\n --space-m: clamp(24px, 22.9568px + 0.3261vw, 27px);\n --space-l: clamp(32px, 30.608px + 0.4348vw, 36px);\n --space-xl: clamp(48px, 45.9136px + 0.6522vw, 54px);\n --space-2xl: clamp(64px, 61.2176px + 0.8696vw, 72px);\n --space-3xl: clamp(96px, 91.8256px + 1.3043vw, 108px);\n\n // Between xs and m based on screen width\n --space-body: clamp(12px, 6.7824px + 1.6304vw, 27px);\n\n // Radii\n --radius-none: 0;\n --radius-s: 3px;\n --radius-m: 6px;\n --radius-l: 12px;\n --radius-xl: 24px;\n --radius-2xl: 64px;\n --radius-full: 9999px;\n\n // Shadows\n --shadow-none: none;\n --shadow-s: 0 1px 3px -1px var(--color-shadow);\n --shadow-m: 0 1px 7px -1px var(--color-shadow);\n --shadow-l: var(--shadow-s), 0 1px 11px -1px var(--color-shadow);\n --shadow-xl: var(--shadow-m), 0 1px 15px -1px var(--color-shadow);\n\n // Border widths\n --border-none: 0;\n --border-s: 1px;\n --border-m: 2px;\n --border-l: 5px;\n --border-xl: 8px;\n}\n","@use \"./variables\";\n@use \"./components/alert\";\n@use \"./components/app\";\n@use \"./components/button\";\n@use \"./components/card\";\n@use \"./components/chip\";\n@use \"./components/details\";\n@use \"./components/dialog\";\n@use \"./components/field\";\n@use \"./components/hr\";\n@use \"./components/layout\";\n@use \"./components/progress-meter\";\n@use \"./components/range\";\n@use \"./components/skeleton\";\n@use \"./components/switch\";\n@use \"./components/table\";\n@use \"./components/text\";\n@import \"./experimental/dialog-animations\";\n@import \"./experimental/mobile-sidebar-fade-out\";\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n text-size-adjust: 100%;\n color-scheme: light dark;\n}\n\nbody {\n min-height: 100svh;\n margin: 0;\n background-color: var(--color-body);\n color: var(--color-body-text);\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n}\n\n.sr-only {\n @extend %visually-hidden;\n}\n",":root,\n::backdrop {\n --opacity-low: 20%;\n --opacity-medium: 40%;\n --opacity-high: 70%;\n --color-brand-1: oklch(15% 55% 275deg);\n --color-brand-2: oklch(25% 52% 275deg);\n --color-brand-3: oklch(35% 52% 275deg);\n --color-brand-4: oklch(45% 55% 275deg);\n --color-brand-5: oklch(55% 52% 275deg);\n --color-brand-6: oklch(65% 50% 275deg);\n --color-brand-7: oklch(75% 45% 275deg);\n --color-brand-8: oklch(85% 42% 275deg);\n --color-brand-9: oklch(95% 36% 275deg);\n --color-brand-transparent: oklch(55% 52% 275deg / var(--opacity-medium));\n --color-brand-extra-transparent: oklch(55% 52% 275deg / var(--opacity-low));\n --color-red-1: oklch(15% 55% 30deg);\n --color-red-2: oklch(25% 52% 30deg);\n --color-red-3: oklch(35% 54% 30deg);\n --color-red-4: oklch(45% 50% 30deg);\n --color-red-5: oklch(55% 50% 30deg);\n --color-red-6: oklch(65% 50% 30deg);\n --color-red-7: oklch(75% 45% 30deg);\n --color-red-8: oklch(85% 45% 30deg);\n --color-red-9: oklch(95% 38% 30deg);\n --color-red-transparent: oklch(55% 50% 30deg / var(--opacity-medium));\n --color-red-extra-transparent: oklch(55% 50% 30deg / var(--opacity-low));\n --color-orange-1: oklch(15% 60% 55deg);\n --color-orange-2: oklch(25% 60% 55deg);\n --color-orange-3: oklch(35% 55% 55deg);\n --color-orange-4: oklch(45% 50% 55deg);\n --color-orange-5: oklch(55% 50% 55deg);\n --color-orange-6: oklch(65% 40% 55deg);\n --color-orange-7: oklch(75% 40% 55deg);\n --color-orange-8: oklch(85% 40% 55deg);\n --color-orange-9: oklch(95% 38% 55deg);\n --color-orange-transparent: oklch(55% 50% 55deg / var(--opacity-medium));\n --color-orange-extra-transparent: oklch(55% 50% 55deg / var(--opacity-low));\n --color-yellow-1: oklch(15% 55% 88deg);\n --color-yellow-2: oklch(25% 55% 88deg);\n --color-yellow-3: oklch(35% 55% 88deg);\n --color-yellow-4: oklch(45% 45% 88deg);\n --color-yellow-5: oklch(55% 45% 88deg);\n --color-yellow-6: oklch(65% 40% 88deg);\n --color-yellow-7: oklch(75% 36% 88deg);\n --color-yellow-8: oklch(85% 30% 88deg);\n --color-yellow-9: oklch(95% 28% 88deg);\n --color-yellow-transparent: oklch(55% 45% 88deg / var(--opacity-medium));\n --color-yellow-extra-transparent: oklch(55% 45% 88deg / var(--opacity-low));\n --color-green-1: oklch(15% 55% 133deg);\n --color-green-2: oklch(25% 50% 133deg);\n --color-green-3: oklch(35% 48% 133deg);\n --color-green-4: oklch(45% 46% 133deg);\n --color-green-5: oklch(55% 46% 133deg);\n --color-green-6: oklch(65% 46% 133deg);\n --color-green-7: oklch(75% 46% 133deg);\n --color-green-8: oklch(85% 40% 133deg);\n --color-green-9: oklch(95% 20% 133deg);\n --color-green-transparent: oklch(55% 46% 133deg / var(--opacity-medium));\n --color-green-extra-transparent: oklch(55% 46% 133deg / var(--opacity-low));\n --color-sky-1: oklch(15% 55% 195deg);\n --color-sky-2: oklch(25% 55% 195deg);\n --color-sky-3: oklch(35% 50% 195deg);\n --color-sky-4: oklch(45% 50% 195deg);\n --color-sky-5: oklch(55% 52% 195deg);\n --color-sky-6: oklch(65% 45% 195deg);\n --color-sky-7: oklch(75% 35% 195deg);\n --color-sky-8: oklch(85% 25% 195deg);\n --color-sky-9: oklch(95% 12% 195deg);\n --color-sky-transparent: oklch(55% 52% 195deg / var(--opacity-medium));\n --color-sky-extra-transparent: oklch(55% 52% 195deg / var(--opacity-low));\n --color-blue-1: oklch(15% 52% 260deg);\n --color-blue-2: oklch(25% 48% 260deg);\n --color-blue-3: oklch(35% 46% 260deg);\n --color-blue-4: oklch(45% 48% 260deg);\n --color-blue-5: oklch(55% 50% 260deg);\n --color-blue-6: oklch(65% 52% 260deg);\n --color-blue-7: oklch(75% 48% 260deg);\n --color-blue-8: oklch(85% 45% 260deg);\n --color-blue-9: oklch(95% 42% 260deg);\n --color-blue-transparent: oklch(55% 50% 260deg / var(--opacity-medium));\n --color-blue-extra-transparent: oklch(55% 50% 260deg / var(--opacity-low));\n --color-purple-1: oklch(15% 55% 310deg);\n --color-purple-2: oklch(25% 55% 310deg);\n --color-purple-3: oklch(35% 53% 310deg);\n --color-purple-4: oklch(45% 52% 310deg);\n --color-purple-5: oklch(55% 52% 310deg);\n --color-purple-6: oklch(65% 51% 310deg);\n --color-purple-7: oklch(75% 42% 310deg);\n --color-purple-8: oklch(85% 42% 310deg);\n --color-purple-9: oklch(95% 40% 310deg);\n --color-purple-transparent: oklch(55% 52% 310deg / var(--opacity-medium));\n --color-purple-extra-transparent: oklch(55% 52% 310deg / var(--opacity-low));\n --color-magenta-1: oklch(15% 55% 356deg);\n --color-magenta-2: oklch(25% 55% 356deg);\n --color-magenta-3: oklch(35% 54% 356deg);\n --color-magenta-4: oklch(45% 46% 356deg);\n --color-magenta-5: oklch(55% 50% 356deg);\n --color-magenta-6: oklch(65% 48% 356deg);\n --color-magenta-7: oklch(75% 42% 356deg);\n --color-magenta-8: oklch(85% 36% 356deg);\n --color-magenta-9: oklch(95% 34% 356deg);\n --color-magenta-transparent: oklch(55% 50% 356deg / var(--opacity-medium));\n --color-magenta-extra-transparent: oklch(55% 50% 356deg / var(--opacity-low));\n --color-gray-1: oklch(15% 2% 263deg);\n --color-gray-2: oklch(25% 2% 263deg);\n --color-gray-3: oklch(35% 2% 263deg);\n --color-gray-4: oklch(45% 2% 263deg);\n --color-gray-5: oklch(55% 2% 263deg);\n --color-gray-6: oklch(65% 2% 263deg);\n --color-gray-7: oklch(75% 2% 263deg);\n --color-gray-8: oklch(85% 2% 263deg);\n --color-gray-9: oklch(95% 2% 263deg);\n --color-gray-transparent: oklch(55% 2% 263deg / var(--opacity-medium));\n --color-gray-extra-transparent: oklch(55% 2% 263deg / var(--opacity-low));\n --color-body: oklch(98.5% 1% 263deg);\n --color-body-alt: white;\n --color-body-text: oklch(10% 2% 263deg);\n --color-body-text-alt: oklch(38% 2% 263deg);\n --color-shadow: oklch(40% 2% 263deg / 15%);\n --color-outline: oklch(89% 2% 263deg);\n --font-size-xs: clamp(0.6944rem, 0.6855rem + 0.0446vw, 0.72rem);\n --font-size-s: clamp(0.8331rem, 0.8099rem + 0.1163vw, 0.9rem);\n --font-size-m: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);\n --font-size-l: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);\n --font-size-xl: clamp(1.44rem, 1.3293rem + 0.5533vw, 1.7581rem);\n --font-size-2xl: clamp(1.7281rem, 1.5649rem + 0.8163vw, 2.1975rem);\n --font-size-3xl: clamp(2.0738rem, 1.8396rem + 1.1707vw, 2.7469rem);\n --font-size-4xl: clamp(2.4881rem, 2.1594rem + 1.6435vw, 3.4331rem);\n --font-weight-black: 950;\n --font-weight-bold: 750;\n --font-weight-semibold: 600;\n --font-weight-normal: 400;\n --font-weight-light: 200;\n --font-family-body: \"Manrope Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-heading: \"Lexend Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n --font-family-mono: \"Source Code Pro Variable\", ui-monospace,\n \"Source Code Pro\", \"Menlo\", \"Consolas\", \"DejaVu Sans Mono\", monospace;\n --space-3xs: clamp(4px, 3.6528px + 0.1087vw, 5px);\n --space-2xs: clamp(8px, 7.6528px + 0.1087vw, 9px);\n --space-xs: clamp(12px, 11.304px + 0.2174vw, 14px);\n --space-s: clamp(16px, 15.304px + 0.2174vw, 18px);\n --space-m: clamp(24px, 22.9568px + 0.3261vw, 27px);\n --space-l: clamp(32px, 30.608px + 0.4348vw, 36px);\n --space-xl: clamp(48px, 45.9136px + 0.6522vw, 54px);\n --space-2xl: clamp(64px, 61.2176px + 0.8696vw, 72px);\n --space-3xl: clamp(96px, 91.8256px + 1.3043vw, 108px);\n --space-body: clamp(12px, 6.7824px + 1.6304vw, 27px);\n --radius-none: 0;\n --radius-s: 3px;\n --radius-m: 6px;\n --radius-l: 12px;\n --radius-xl: 24px;\n --radius-2xl: 64px;\n --radius-full: 9999px;\n --shadow-none: none;\n --shadow-s: 0 1px 3px -1px var(--color-shadow);\n --shadow-m: 0 1px 7px -1px var(--color-shadow);\n --shadow-l: var(--shadow-s), 0 1px 11px -1px var(--color-shadow);\n --shadow-xl: var(--shadow-m), 0 1px 15px -1px var(--color-shadow);\n --border-none: 0;\n --border-s: 1px;\n --border-m: 2px;\n --border-l: 5px;\n --border-xl: 8px;\n}\n@media (prefers-color-scheme: dark) {\n :root,\n ::backdrop {\n --color-brand-9: oklch(15% 55% 275deg);\n --color-brand-8: oklch(25% 52% 275deg);\n --color-brand-7: oklch(35% 52% 275deg);\n --color-brand-6: oklch(45% 55% 275deg);\n --color-brand-4: oklch(65% 50% 275deg);\n --color-brand-3: oklch(75% 45% 275deg);\n --color-brand-2: oklch(85% 42% 275deg);\n --color-brand-1: oklch(95% 36% 275deg);\n --color-red-9: oklch(15% 55% 30deg);\n --color-red-8: oklch(25% 52% 30deg);\n --color-red-7: oklch(35% 54% 30deg);\n --color-red-6: oklch(45% 50% 30deg);\n --color-red-4: oklch(65% 50% 30deg);\n --color-red-3: oklch(75% 45% 30deg);\n --color-red-2: oklch(85% 45% 30deg);\n --color-red-1: oklch(95% 38% 30deg);\n --color-orange-9: oklch(15% 60% 55deg);\n --color-orange-8: oklch(25% 60% 55deg);\n --color-orange-7: oklch(35% 55% 55deg);\n --color-orange-6: oklch(45% 50% 55deg);\n --color-orange-4: oklch(65% 40% 55deg);\n --color-orange-3: oklch(75% 40% 55deg);\n --color-orange-2: oklch(85% 40% 55deg);\n --color-orange-1: oklch(95% 38% 55deg);\n --color-yellow-9: oklch(15% 55% 88deg);\n --color-yellow-8: oklch(25% 55% 88deg);\n --color-yellow-7: oklch(35% 55% 88deg);\n --color-yellow-6: oklch(45% 45% 88deg);\n --color-yellow-4: oklch(65% 40% 88deg);\n --color-yellow-3: oklch(75% 36% 88deg);\n --color-yellow-2: oklch(85% 30% 88deg);\n --color-yellow-1: oklch(95% 28% 88deg);\n --color-green-9: oklch(15% 55% 133deg);\n --color-green-8: oklch(25% 50% 133deg);\n --color-green-7: oklch(35% 48% 133deg);\n --color-green-6: oklch(45% 46% 133deg);\n --color-green-4: oklch(65% 46% 133deg);\n --color-green-3: oklch(75% 46% 133deg);\n --color-green-2: oklch(85% 40% 133deg);\n --color-green-1: oklch(95% 20% 133deg);\n --color-sky-9: oklch(15% 55% 195deg);\n --color-sky-8: oklch(25% 55% 195deg);\n --color-sky-7: oklch(35% 50% 195deg);\n --color-sky-6: oklch(45% 50% 195deg);\n --color-sky-4: oklch(65% 45% 195deg);\n --color-sky-3: oklch(75% 35% 195deg);\n --color-sky-2: oklch(85% 25% 195deg);\n --color-sky-1: oklch(95% 12% 195deg);\n --color-blue-9: oklch(15% 52% 260deg);\n --color-blue-8: oklch(25% 48% 260deg);\n --color-blue-7: oklch(35% 46% 260deg);\n --color-blue-6: oklch(45% 48% 260deg);\n --color-blue-4: oklch(65% 52% 260deg);\n --color-blue-3: oklch(75% 48% 260deg);\n --color-blue-2: oklch(85% 45% 260deg);\n --color-blue-1: oklch(95% 42% 260deg);\n --color-purple-9: oklch(15% 55% 310deg);\n --color-purple-8: oklch(25% 55% 310deg);\n --color-purple-7: oklch(35% 53% 310deg);\n --color-purple-6: oklch(45% 52% 310deg);\n --color-purple-4: oklch(65% 51% 310deg);\n --color-purple-3: oklch(75% 42% 310deg);\n --color-purple-2: oklch(85% 42% 310deg);\n --color-purple-1: oklch(95% 40% 310deg);\n --color-magenta-9: oklch(15% 55% 356deg);\n --color-magenta-8: oklch(25% 55% 356deg);\n --color-magenta-7: oklch(35% 54% 356deg);\n --color-magenta-6: oklch(45% 46% 356deg);\n --color-magenta-4: oklch(65% 48% 356deg);\n --color-magenta-3: oklch(75% 42% 356deg);\n --color-magenta-2: oklch(85% 36% 356deg);\n --color-magenta-1: oklch(95% 34% 356deg);\n --color-gray-9: oklch(15% 2% 263deg);\n --color-gray-8: oklch(25% 2% 263deg);\n --color-gray-7: oklch(35% 2% 263deg);\n --color-gray-6: oklch(45% 2% 263deg);\n --color-gray-4: oklch(65% 2% 263deg);\n --color-gray-3: oklch(75% 2% 263deg);\n --color-gray-2: oklch(85% 2% 263deg);\n --color-gray-1: oklch(95% 2% 263deg);\n --color-body: oklch(20% 2% 263deg);\n --color-body-alt: oklch(8% 2% 263deg);\n --color-body-text: white;\n --color-body-text-alt: oklch(85% 1% 263deg);\n --color-shadow: oklch(5% 2% 263deg / 40%);\n --color-outline: oklch(39% 2% 263deg);\n --font-weight-black: 900;\n --font-weight-bold: 700;\n --font-weight-semibold: 550;\n --font-weight-normal: 375;\n --opacity-low: 35%;\n --opacity-medium: 50%;\n --opacity-high: 80%;\n }\n}\n\n.alert {\n display: block;\n border-radius: var(--radius-s);\n border-start-start-radius: calc(var(--space-2xs) + 2em);\n border-end-start-radius: calc(var(--space-2xs) + 2em);\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 2em);\n font-size: var(--font-size-m);\n color: var(--color-body-text);\n position: relative;\n background: linear-gradient(var(--alert-bg-color), var(--alert-bg-color)) padding-box, linear-gradient(to right, var(--alert-border-start-color), var(--alert-border-end-color)) border-box;\n border: var(--border-m) solid transparent;\n line-height: 1.4;\n}\n.alert > * {\n line-height: 1.4;\n}\n@media print {\n .alert {\n border-color: var(--alert-border-start-color);\n }\n}\n.alert::before, .alert::after {\n content: \"\";\n print-color-adjust: exact;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-2xs) * 0.5);\n margin: auto;\n width: 2em;\n height: 2em;\n}\n.alert::before {\n z-index: 2;\n mask-image: var(--alert-icon);\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: var(--alert-border-start-color);\n scale: 0.5;\n}\n.alert::after {\n z-index: 1;\n background-color: rgba(255, 255, 255, 0.9333333333);\n border-radius: var(--radius-full);\n border: 3px solid var(--alert-border-start-color);\n scale: 0.75;\n}\n@media (prefers-color-scheme: dark) {\n .alert::after {\n background-color: rgba(0, 0, 0, 0.9333333333);\n }\n}\n.alert.error {\n --alert-bg-color: var(--color-red-9);\n --alert-border-start-color: var(--color-red-5);\n --alert-border-end-color: var(--color-red-6);\n --alert-dismiss-icon-color: var(--color-red-4);\n --alert-dismiss-hover-bg: var(--color-red-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-red-transparent);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E\");\n}\n.alert.warning {\n --alert-bg-color: var(--color-yellow-9);\n --alert-border-start-color: var(--color-yellow-5);\n --alert-border-end-color: var(--color-yellow-6);\n --alert-dismiss-icon-color: var(--color-yellow-4);\n --alert-dismiss-hover-bg: var(--color-yellow-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-yellow-transparent);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64'/%3E%3Ccircle cx='256' cy='436' r='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48'/%3E%3C/svg%3E\");\n}\n.alert.success {\n --alert-bg-color: var(--color-green-9);\n --alert-border-start-color: var(--color-green-5);\n --alert-border-end-color: var(--color-green-6);\n --alert-dismiss-icon-color: var(--color-green-4);\n --alert-dismiss-hover-bg: var(--color-green-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-green-transparent);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");\n}\n.alert.info {\n --alert-bg-color: var(--color-sky-9);\n --alert-border-start-color: var(--color-sky-5);\n --alert-border-end-color: var(--color-sky-6);\n --alert-dismiss-icon-color: var(--color-sky-4);\n --alert-dismiss-hover-bg: var(--color-sky-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-sky-transparent);\n --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M196 220h64v172'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='64' d='M187 396h138'/%3E%3Ccircle cx='253 ' cy='118' r='44'/%3E%3C/svg%3E\");\n}\n.alert.banner {\n border-radius: 0;\n border-width: var(--border-m) 0;\n width: 100%;\n padding: var(--space-xs);\n padding-inline-start: calc(var(--space-xs) + 2em);\n}\n.alert.banner:has(.button.dismiss) {\n padding-inline-end: calc(var(--space-xs) + 2em);\n}\n.alert.banner::before, .alert.banner::after {\n inset-inline-start: calc(var(--space-xs) * 0.5);\n margin: auto;\n width: 2em;\n height: 2em;\n}\n.alert.banner .button.dismiss {\n --button-fg-color: var(--alert-dismiss-icon-color);\n --button-bg-color: transparent;\n --button-border-color: transparent;\n --button-hover-bg-color: var(--alert-dismiss-hover-bg);\n --button-focus-ring-color: transparent;\n --button-shadow: none;\n font-size: 0.75rem;\n position: absolute;\n inset-block: 0;\n inset-inline-end: var(--space-3xs);\n margin: auto;\n width: 3em;\n height: 3em;\n}\n.alert.banner .button.dismiss:is(:focus-visible, .focus) {\n --button-bg-color: var(--alert-dismiss-focus-bg);\n --button-hover-bg-color: transparent;\n}\n.alert.banner .button.dismiss::after {\n content: \"\";\n width: 1.8em;\n height: 1.8em;\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: currentcolor;\n}\n\n.alert-title {\n font-family: var(--font-family-heading);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n color: var(--alert-border-start-color);\n font-size: 0.85em;\n margin: 0;\n margin-block-end: 0.15em;\n}\n\n.space, .separate, .stack, .flow {\n display: flex !important;\n gap: var(--space-s);\n}\n.densest.space, .densest.separate, .densest.stack, .densest.flow {\n gap: var(--space-3xs);\n}\n.denser.space, .denser.separate, .denser.stack, .denser.flow {\n gap: var(--space-2xs);\n}\n.dense.space, .dense.separate, .dense.stack, .dense.flow {\n gap: var(--space-xs);\n}\n.sparse.space, .sparse.separate, .sparse.stack, .sparse.flow {\n gap: var(--space-m);\n}\n.sparser.space, .sparser.separate, .sparser.stack, .sparser.flow {\n gap: var(--space-l);\n}\n.sparsest.space, .sparsest.separate, .sparsest.stack, .sparsest.flow {\n gap: var(--space-xl);\n}\n.horizontal.space, .horizontal.separate, .horizontal.stack, .horizontal.flow, .horizontally.space, .horizontally.separate, .horizontally.stack, .horizontally.flow {\n flex-direction: row;\n}\n.vertical.space, .vertical.separate, .vertical.stack, .vertical.flow, .vertically.space, .vertically.separate, .vertically.stack, .vertically.flow {\n flex-direction: column;\n}\n\n.flow {\n flex-wrap: wrap;\n align-items: center;\n justify-content: start;\n}\n\n.stack {\n flex-wrap: nowrap;\n align-items: stretch;\n justify-content: start;\n}\n\n.separate {\n flex-wrap: nowrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.space {\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-around;\n}\n\n:is(form, .form, .text-container):not(.no-max-width) {\n max-width: 60ch;\n}\n\n.sr-only, .skip-link:not(:focus), .app-sidebar-toggle input[type=checkbox] {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n width: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n}\n\n.app {\n --app-width: 110rem;\n position: relative;\n width: min-content;\n min-width: 100%;\n min-height: 100svh;\n display: flex;\n flex-direction: column;\n}\n\n.app-header {\n height: clamp(50px, 3.5rem, 70px);\n width: 100dvw;\n color: var(--color-brand-3);\n background-color: var(--color-body-alt);\n border-bottom: var(--border-l) solid var(--color-brand-transparent);\n box-shadow: var(--shadow-s);\n flex: none;\n position: sticky;\n left: 0;\n}\n@media (prefers-color-scheme: dark) {\n .app-header {\n color: var(--color-brand-2);\n }\n}\n\n.app-header-content {\n height: 100%;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n padding-inline: var(--space-body);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-s);\n}\n\n.app-header-section {\n margin: 0;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.app-header-section:only-child {\n margin-inline: auto;\n}\n.app-header-section:first-child {\n margin-inline-end: auto;\n}\n.app-header-section:first-child .app-header-item:first-child {\n margin-inline-start: calc(-1 * var(--space-xs));\n}\n.app-header-section:last-child .app-header-item:last-child {\n margin-inline-end: calc(-1 * var(--space-xs));\n}\n.app-header-section:nth-child(n+3)::before {\n content: \"\";\n background-color: var(--color-outline);\n height: 2rem;\n width: var(--border-s);\n position: relative;\n right: calc(var(--space-s) / 2);\n}\n\n.app-header-item {\n height: 100%;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n transition-property: color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n display: flex;\n align-items: center;\n position: relative;\n font-weight: var(--font-weight-semibold);\n padding-inline: var(--space-xs);\n}\n.app-header-item:focus-visible {\n outline-offset: calc(-1 * var(--border-m));\n}\n.app-header-item:hover {\n color: var(--color-body-text);\n}\n.app-header-item:is([aria-current], .current) {\n font-weight: var(--font-weight-bold);\n}\n.app-header-item:is([aria-current], .current)::after {\n opacity: 1;\n}\n.app-header-item::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: var(--border-l);\n bottom: calc(-1 * var(--border-l));\n left: 0;\n background-color: currentcolor;\n opacity: 0;\n border-radius: 1px;\n}\n\n.app-body {\n position: relative;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n flex: none;\n display: flex;\n flex-direction: row;\n}\n\n.app-sidebar {\n transition: opacity 150ms ease, display 150ms allow-discrete;\n width: clamp(300px, 18rem, 400px);\n flex: none;\n opacity: 1;\n border-inline-end: var(--border-s) dashed var(--color-outline);\n}\n\n.app-sidebar-content {\n position: sticky;\n top: 0;\n overflow: auto;\n height: auto;\n height: 100dvh;\n}\n\n.app-sidebar-section:first-of-type {\n margin-block-start: var(--space-body);\n}\n.app-sidebar-section:not(:last-of-type) {\n margin-block-end: var(--space-xs);\n}\n.app-sidebar-section:last-of-type {\n margin-block-end: var(--space-body);\n}\n\n.app-sidebar-heading {\n font-size: 1.2rem;\n margin: 0 var(--space-body) var(--space-3xs);\n font-weight: var(--font-weight-semibold);\n}\n\n.app-sidebar-item {\n display: block;\n margin: 0 var(--space-2xs);\n padding: var(--space-2xs) calc(var(--space-body) - var(--space-2xs));\n border-radius: var(--radius-l);\n color: var(--color-body-text-alt);\n text-decoration: none;\n font-weight: var(--font-weight-normal);\n font-size: 1rem;\n transition-property: color, background-color, box-shadow;\n transition-duration: 200ms;\n transition-timing-function: ease;\n}\n.app-sidebar-item:hover {\n background-color: var(--color-brand-extra-transparent);\n}\n.app-sidebar-item:active {\n color: var(--color-brand-1);\n}\n.app-sidebar-item:is([aria-current], .current) {\n color: var(--color-brand-4);\n font-weight: var(--font-weight-bold);\n}\n.app-sidebar-item:hover:active {\n background-color: var(--color-brand-transparent);\n}\n.app-sidebar-item:focus-visible {\n outline-offset: 0;\n}\n\n.app-sidebar-toggle {\n transition-property: color, background-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n display: none;\n width: 2.75rem;\n margin-inline-start: 1rem;\n}\n.app-sidebar-toggle:hover {\n color: var(--color-body-text);\n}\n.app-sidebar-toggle:has(input:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n outline-offset: calc(-1 * var(--border-m));\n}\n.app-sidebar-toggle::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -0.5rem;\n height: 100%;\n width: var(--border-s);\n background-color: var(--color-outline);\n}\n.app-sidebar-toggle > div {\n transition-property: transform, opacity;\n transition-duration: 200ms;\n transition-timing-function: ease;\n position: absolute;\n width: 1.75rem;\n height: 2px;\n border-radius: 2px;\n background-color: currentcolor;\n opacity: 1;\n top: 50%;\n left: 50%;\n}\n.app-sidebar-toggle > div:nth-of-type(1) {\n transform: translateY(calc(-50% - 0.45rem)) translateX(-50%);\n}\n.app-sidebar-toggle > div:nth-of-type(2) {\n transform: translateY(-50%) translateX(-50%);\n}\n.app-sidebar-toggle > div:nth-of-type(3) {\n transform: translateY(calc(-50% + 0.45rem)) translateX(-50%);\n}\n.app-sidebar-toggle:has(input:checked) > div:nth-of-type(1) {\n transform: translateY(-50%) translateX(-50%) rotate(45deg);\n}\n.app-sidebar-toggle:has(input:checked) > div:nth-of-type(2) {\n opacity: 0;\n transform: translateY(-50%) translateX(-50%) rotate3d(0, 1, 0, 90deg);\n}\n.app-sidebar-toggle:has(input:checked) > div:nth-of-type(3) {\n transform: translateY(-50%) translateX(-50%) rotate(-45deg);\n}\n\n.app-content {\n width: 100%;\n padding: var(--space-body);\n}\n\n.app:has(.app-sidebar) {\n --app-width: 125rem;\n}\n\n@media (width < 55rem) {\n .app-sidebar {\n width: 100dvw;\n opacity: 1;\n background-color: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(24px) saturate(120%);\n }\n}\n@media (width < 55rem) and (prefers-color-scheme: dark) {\n .app-sidebar {\n background-color: rgba(0, 0, 0, 0.8);\n }\n}\n@media (width < 55rem) {\n .app-sidebar::after {\n content: initial;\n }\n .app-sidebar-toggle {\n display: initial;\n }\n .app:has(.app-sidebar-toggle input:not(:checked)) .app-sidebar {\n opacity: 0;\n display: none;\n }\n}\n.button {\n --button-shadow: var(--shadow-s);\n --button-hover-bg-color: var(--button-border-color);\n box-sizing: border-box;\n display: inline-flex;\n outline: 0;\n padding-inline: 1.25em;\n padding-block: 0.75em;\n gap: 0.5em;\n border-style: solid;\n transform: scale(1);\n transition-property: box-shadow, background-color, transform, opacity;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n position: relative;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n cursor: pointer;\n border-width: var(--border-s);\n border-radius: var(--radius-m);\n min-height: 2.6em;\n min-width: 3em;\n line-height: 1;\n font-family: var(--font-family-body);\n box-shadow: var(--button-shadow);\n user-select: none;\n font-size: 1rem;\n color: var(--button-fg-color);\n background-color: var(--button-bg-color);\n border-color: var(--button-border-color);\n font-weight: var(--button-font-weight);\n}\n.button::before {\n content: \"\";\n background-color: var(--button-hover-bg-color);\n position: absolute;\n inset: 0;\n margin: auto;\n transition-property: opacity, width, height, border-radius;\n transition-duration: 200ms;\n transition-timing-function: ease;\n z-index: -1;\n border-radius: 2em;\n width: 4em;\n height: 4em;\n opacity: 0;\n}\n.button:is(:focus-visible, .focus) {\n box-shadow: var(--button-shadow), 0 0 0 0.1em var(--button-border-color), 0 0 0 calc(0.2em + var(--border-s)) var(--button-focus-ring-color);\n}\n.button:is(:active, .active) {\n transform: scale(0.98);\n}\n@media screen and (resolution < 2x) {\n .button:is(:active, .active) {\n transform: translateY(1px);\n }\n}\n.button:is(:hover, .hover) {\n text-decoration: none;\n}\n.button:is(:hover, .hover)::before {\n opacity: 1;\n width: 100%;\n height: 100%;\n border-radius: 5px;\n}\n.button:is(:hover, .hover):is(input) {\n background-color: var(--button-hover-bg-color);\n}\n.button.primary {\n --button-fg-color: white;\n --button-bg-color: var(--color-brand-5);\n --button-border-color: var(--color-brand-4);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: var(--color-brand-transparent);\n}\n.button.primary.red {\n --button-bg-color: var(--color-red-5);\n --button-border-color: var(--color-red-4);\n --button-focus-ring-color: var(--color-red-transparent);\n}\n.button.primary.orange {\n --button-bg-color: var(--color-orange-5);\n --button-border-color: var(--color-orange-4);\n --button-focus-ring-color: var(--color-orange-transparent);\n}\n.button.primary.yellow {\n --button-bg-color: var(--color-yellow-5);\n --button-border-color: var(--color-yellow-4);\n --button-focus-ring-color: var(--color-yellow-transparent);\n}\n.button.primary.green {\n --button-bg-color: var(--color-green-5);\n --button-border-color: var(--color-green-4);\n --button-focus-ring-color: var(--color-green-transparent);\n}\n.button.primary.sky {\n --button-bg-color: var(--color-sky-5);\n --button-border-color: var(--color-sky-4);\n --button-focus-ring-color: var(--color-sky-transparent);\n}\n.button.primary.blue {\n --button-bg-color: var(--color-blue-5);\n --button-border-color: var(--color-blue-4);\n --button-focus-ring-color: var(--color-blue-transparent);\n}\n.button.primary.purple {\n --button-bg-color: var(--color-purple-5);\n --button-border-color: var(--color-purple-4);\n --button-focus-ring-color: var(--color-purple-transparent);\n}\n.button.primary.magenta {\n --button-bg-color: var(--color-magenta-5);\n --button-border-color: var(--color-magenta-4);\n --button-focus-ring-color: var(--color-magenta-transparent);\n}\n.button.primary.gray {\n --button-bg-color: var(--color-gray-5);\n --button-border-color: var(--color-gray-4);\n --button-focus-ring-color: var(--color-gray-transparent);\n}\n.button:not(.primary, .subtle, .close, .dismiss) {\n --button-fg-color: var(--color-body-text);\n --button-bg-color: var(--color-gray-9);\n --button-border-color: var(--color-gray-8);\n --button-font-weight: var(--font-weight-normal);\n --button-focus-ring-color: var(--color-gray-extra-transparent);\n}\n.button:is(.subtle, .close) {\n --button-fg-color: var(--color-brand-4);\n --button-bg-color: transparent;\n --button-border-color: transparent;\n --button-hover-bg-color: var(--color-brand-extra-transparent);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: transparent;\n --button-shadow: none;\n}\n.button:is(.subtle, .close):is(:focus-visible, .focus) {\n --button-bg-color: var(--color-brand-transparent);\n --button-hover-bg-color: transparent;\n}\n.button:is(.small, .close, .dismiss) {\n font-size: 0.8rem;\n}\n.button.large {\n font-size: 1.2rem;\n}\n.button:is(.icon, .close, .dismiss) {\n border-radius: var(--radius-full);\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n}\n.button:is(.icon, .close, .dismiss):is(.subtle, .close)::before {\n width: 75%;\n height: 75%;\n}\n.button:is(.icon, .close, .dismiss):is(.subtle, .close):is(:hover, .hover)::before {\n width: 100%;\n height: 100%;\n border-radius: 100%;\n}\n.button:is(.icon, .close, .dismiss).icon {\n padding: 0.5em;\n}\n.button:is(.icon, .close, .dismiss).close, .button:is(.icon, .close, .dismiss).dismiss {\n padding: 0.3em;\n}\n.button:is(.icon, .close, .dismiss):not(.subtle, .close, .dismiss)::before {\n content: unset;\n}\n.button:is(.icon, .close, .dismiss):not(.subtle, .close, .dismiss):is(:hover, .hover) {\n background-color: var(--button-hover-bg-color);\n}\n.button:is(:disabled, .disabled, [aria-disabled=true]) {\n opacity: 0.7;\n cursor: not-allowed;\n transform: scale(1);\n}\n.button:is(:disabled, .disabled, [aria-disabled=true]):is(:hover, .hover)::before {\n opacity: 0;\n}\n.button.loading {\n cursor: wait;\n}\n.button.loading::before {\n opacity: 1 !important;\n height: 100% !important;\n border-radius: inherit !important;\n animation: button-loading-bg 1200ms ease-in-out infinite forwards;\n}\n\n@keyframes button-loading-bg {\n 0% {\n width: 0;\n margin: 0 auto 0 0;\n }\n 50% {\n width: 100%;\n }\n 100% {\n width: 0;\n margin: 0 0 0 auto;\n }\n}\n.card {\n background-color: var(--color-body-alt);\n border-radius: var(--radius-l);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-m);\n}\n.card.secondary {\n background-color: var(--color-body);\n border-radius: var(--radius-m);\n color: var(--color-body-text-alt);\n box-shadow: var(--shadow-s);\n}\n.card.secondary .card-title {\n font-size: var(--font-size-m);\n margin-block-end: var(--space-2xs);\n}\n.card.secondary:not(.no-padding) {\n padding: var(--space-s);\n}\n.card:not(.no-padding) {\n padding: var(--space-m);\n}\n.card:not(.no-padding) .card-title {\n margin-block-start: 0;\n}\n\n.card-title {\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-bold);\n color: var(--color-brand-3);\n margin-block-end: var(--space-xs);\n}\n\n.chip {\n --chip-fg-color: white;\n display: inline-flex;\n align-items: center;\n border-radius: var(--radius-full);\n font-size: var(--font-size-s);\n padding-block: var(--space-3xs);\n padding-inline: var(--space-xs);\n background-color: var(--chip-bg-color);\n border: var(--border-s) solid var(--chip-border-color);\n color: var(--chip-fg-color);\n flex-shrink: 0;\n cursor: default;\n transition-property: box-shadow, background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n appearance: none;\n line-height: 1.2;\n}\n.chip:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--chip-focus-color);\n}\n.chip.clickable {\n cursor: pointer;\n box-shadow: var(--shadow-s);\n}\n.chip.clickable:is(:focus-visible, .focus) {\n outline: 0;\n box-shadow: var(--shadow-s), 0 0 0 0.2em var(--chip-focus-color);\n}\n.chip.clickable:is(:hover, .hover) {\n background-color: var(--chip-border-color);\n}\n.chip.clickable:is(:active, .active) {\n background-color: var(--chip-bg-color-active);\n border-color: var(--chip-bg-color-active);\n}\n.chip.red {\n --chip-bg-color: var(--color-red-6);\n --chip-border-color: var(--color-red-7);\n --chip-focus-color: var(--color-red-transparent);\n --chip-bg-color-active: var(--color-red-5);\n}\n.chip.orange {\n --chip-bg-color: var(--color-orange-6);\n --chip-border-color: var(--color-orange-7);\n --chip-focus-color: var(--color-orange-transparent);\n --chip-bg-color-active: var(--color-orange-5);\n}\n.chip.yellow {\n --chip-bg-color: var(--color-yellow-6);\n --chip-border-color: var(--color-yellow-7);\n --chip-focus-color: var(--color-yellow-transparent);\n --chip-bg-color-active: var(--color-yellow-5);\n}\n.chip.green {\n --chip-bg-color: var(--color-green-6);\n --chip-border-color: var(--color-green-7);\n --chip-focus-color: var(--color-green-transparent);\n --chip-bg-color-active: var(--color-green-5);\n}\n.chip.sky {\n --chip-bg-color: var(--color-sky-6);\n --chip-border-color: var(--color-sky-7);\n --chip-focus-color: var(--color-sky-transparent);\n --chip-bg-color-active: var(--color-sky-5);\n}\n.chip.blue {\n --chip-bg-color: var(--color-blue-6);\n --chip-border-color: var(--color-blue-7);\n --chip-focus-color: var(--color-blue-transparent);\n --chip-bg-color-active: var(--color-blue-5);\n}\n.chip.purple {\n --chip-bg-color: var(--color-purple-6);\n --chip-border-color: var(--color-purple-7);\n --chip-focus-color: var(--color-purple-transparent);\n --chip-bg-color-active: var(--color-purple-5);\n}\n.chip.magenta {\n --chip-bg-color: var(--color-magenta-6);\n --chip-border-color: var(--color-magenta-7);\n --chip-focus-color: var(--color-magenta-transparent);\n --chip-bg-color-active: var(--color-magenta-5);\n}\n.chip.brand {\n --chip-bg-color: var(--color-brand-6);\n --chip-border-color: var(--color-brand-7);\n --chip-focus-color: var(--color-brand-transparent);\n --chip-bg-color-active: var(--color-brand-5);\n}\n.chip.gray {\n --chip-bg-color: var(--color-gray-6);\n --chip-border-color: var(--color-gray-7);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-5);\n}\n.chip.black {\n --chip-bg-color: black;\n --chip-border-color: var(--color-gray-4);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-1);\n}\n.chip.white {\n --chip-fg-color: black;\n --chip-bg-color: white;\n --chip-border-color: var(--color-gray-8);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-7);\n}\n@media (prefers-color-scheme: dark) {\n .chip.red {\n --chip-border-color: var(--color-red-5);\n --chip-bg-color-active: var(--color-red-7);\n }\n .chip.orange {\n --chip-border-color: var(--color-orange-5);\n --chip-bg-color-active: var(--color-orange-7);\n }\n .chip.yellow {\n --chip-border-color: var(--color-yellow-5);\n --chip-bg-color-active: var(--color-yellow-7);\n }\n .chip.green {\n --chip-border-color: var(--color-green-5);\n --chip-bg-color-active: var(--color-green-7);\n }\n .chip.sky {\n --chip-border-color: var(--color-sky-5);\n --chip-bg-color-active: var(--color-sky-7);\n }\n .chip.blue {\n --chip-border-color: var(--color-blue-5);\n --chip-bg-color-active: var(--color-blue-7);\n }\n .chip.purple {\n --chip-border-color: var(--color-purple-5);\n --chip-bg-color-active: var(--color-purple-7);\n }\n .chip.magenta {\n --chip-border-color: var(--color-magenta-5);\n --chip-bg-color-active: var(--color-magenta-7);\n }\n .chip.brand {\n --chip-border-color: var(--color-brand-5);\n --chip-bg-color-active: var(--color-brand-7);\n }\n .chip.gray {\n --chip-border-color: var(--color-gray-5);\n --chip-bg-color-active: var(--color-gray-7);\n }\n .chip.black {\n --chip-border-color: var(--color-gray-7);\n --chip-bg-color-active: var(--color-gray-8);\n }\n .chip.white {\n --chip-border-color: var(--color-gray-2);\n --chip-bg-color-active: var(--color-gray-3);\n }\n}\n.chip .delete {\n outline: 0;\n margin-inline: var(--space-3xs) calc(-1 * var(--space-2xs));\n font-size: 0.6em;\n border: var(--border-s) solid var(--chip-border-color);\n border-radius: var(--radius-full);\n transition-property: background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n height: 2em;\n width: 2em;\n user-select: none;\n background-color: rgba(0, 0, 0, 0.1333333333);\n padding: 0;\n display: inline-flex;\n box-shadow: none;\n}\n.chip .delete::after {\n content: \"\";\n width: 1.7em;\n height: 1.7em;\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: var(--chip-fg-color);\n margin: auto;\n}\n.chip .delete:is(:focus-visible, .focus) {\n border-color: var(--chip-fg-color);\n}\n.chip .delete:is(:hover, .hover, :focus-visible, .focus) {\n background-color: rgba(0, 0, 0, 0.0666666667);\n}\n.chip .delete:is(:active, .active) {\n background-color: rgba(0, 0, 0, 0.2);\n}\n\nh6,\n.h6, h5,\n.h5,\ncaption, h4,\n.h4, h3,\n.h3, h2,\n.h2, h1,\n.h1 {\n font-family: var(--font-family-heading);\n margin-block: 0.75em 0.3em;\n line-height: 1.15;\n text-wrap: balance;\n}\n\nh1,\n.h1 {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-black);\n}\n\nh2,\n.h2 {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-bold);\n}\n\nh3,\n.h3 {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-bold);\n}\n\nh4,\n.h4 {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-semibold);\n}\n\nh5,\n.h5,\ncaption {\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-semibold);\n}\n\nh6,\n.h6 {\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n}\n\np,\n.p,\nli {\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-normal);\n line-height: 1.6;\n margin: 0;\n text-wrap: pretty;\n hanging-punctuation: first;\n}\n\nblockquote,\n.blockquote {\n display: block;\n margin: 0;\n color: var(--color-gray-4);\n border-inline-start: var(--border-l) solid var(--color-gray-transparent);\n padding: var(--space-3xs);\n padding-inline-start: var(--space-xs);\n position: relative;\n font-size: var(--font-size-m);\n line-height: 1.25;\n font-weight: var(--font-weight-normal);\n}\n@media (prefers-color-scheme: dark) {\n blockquote,\n .blockquote {\n color: var(--color-gray-2);\n }\n}\nblockquote :is(footer, .footer),\n.blockquote :is(footer, .footer) {\n margin-block-start: 0.5em;\n font-size: var(--font-size-s);\n font-style: initial;\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n}\nblockquote :is(footer, .footer) :is(cite, .cite),\n.blockquote :is(footer, .footer) :is(cite, .cite) {\n font-weight: var(--font-weight-normal);\n font-style: italic;\n}\n\na,\n.a {\n color: var(--color-sky-4);\n font-weight: var(--font-weight-semibold);\n text-decoration-line: underline;\n text-decoration-color: var(--color-sky-transparent);\n text-decoration-skip-ink: all;\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n cursor: pointer;\n transition: text-decoration-color 200ms ease;\n}\na:is(:hover, .hover),\n.a:is(:hover, .hover) {\n text-decoration-color: currentcolor;\n}\na:focus-visible,\n.a:focus-visible {\n outline-offset: 1px;\n}\na[target=_blank]:not(.no-external-icon, .button.icon)::after,\n.a[target=_blank]:not(.no-external-icon, .button.icon)::after {\n content: \"\";\n print-color-adjust: exact;\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: var(--color-gray-5);\n display: inline-block;\n height: 0.85em;\n width: 0.85em;\n vertical-align: baseline;\n margin-left: 0.1em;\n}\na[target=_blank]:not(.no-external-icon, .button.icon).button::after,\n.a[target=_blank]:not(.no-external-icon, .button.icon).button::after {\n background-color: currentcolor;\n}\n\npre,\n.pre {\n font-family: var(--font-family-mono);\n}\n\ncode,\n.code,\nkbd,\n.kbd {\n background-color: var(--color-gray-extra-transparent);\n color: var(--color-gray-1);\n font-family: var(--font-family-mono);\n padding: 0 0.5ch;\n margin: 0 0.25ch;\n border-radius: var(--radius-s);\n font-size: 0.9em;\n}\n\nsamp,\n.samp {\n display: block;\n font-size: calc(0.9 * var(--font-size-m));\n background-color: var(--color-gray-9);\n color: var(--color-gray-1);\n border: var(--border-s) dashed var(--color-outline);\n border-radius: var(--radius-s);\n padding: var(--space-3xs);\n font-family: var(--font-family-mono);\n}\n\n:is(pre, .pre) > :is(code, .code) {\n background-color: unset;\n}\n\nstrong,\n.strong {\n font-weight: var(--font-weight-bold);\n}\n\nem,\n.em {\n font-style: italic;\n}\n\n::target-text {\n background-color: var(--color-brand-8);\n color: var(--color-brand-2);\n print-color-adjust: exact;\n}\n\nmark,\n.mark {\n background-color: var(--color-yellow-8);\n color: var(--color-yellow-2);\n print-color-adjust: exact;\n}\n\nins,\n.ins {\n background-color: var(--color-green-8);\n color: var(--color-green-2);\n print-color-adjust: exact;\n text-decoration-thickness: var(--border-m);\n text-decoration-color: var(--color-green-4);\n}\n\ndel,\n.del {\n background-color: var(--color-red-8);\n color: var(--color-red-2);\n print-color-adjust: exact;\n transition: text-decoration-color 150ms ease;\n text-decoration-line: line-through;\n text-decoration-skip-ink: none;\n text-decoration-thickness: var(--border-m);\n text-decoration-color: var(--color-red-4);\n}\ndel:hover,\n.del:hover {\n text-decoration-color: transparent;\n}\n\n:is(abbr, .abbr)[title] {\n text-decoration-line: underline;\n text-decoration-style: dotted;\n /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- using the shorthand doesn't work in safari */\n text-decoration-color: var(--color-gray-6);\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n}\n\nsmall,\n.small {\n font-size: 0.75em;\n vertical-align: baseline;\n}\n\nsub,\n.sub,\nsup,\n.sup {\n font-size: 0.75em;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub,\n.sub {\n inset-block-end: -0.25em;\n}\n\nsup,\n.sup {\n inset-block-start: -0.5em;\n}\n\n/* Add a gap between consecutive block text elements */\n:is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) + :is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) {\n margin-block-start: 0.75em;\n}\n\n.skip-link {\n position: fixed;\n z-index: 100;\n top: var(--space-body);\n left: var(--space-body);\n background-color: var(--color-body-alt);\n padding: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-l) solid currentcolor;\n outline: 0;\n box-shadow: var(--shadow-m);\n text-decoration: none;\n vertical-align: middle;\n}\n.skip-link kbd {\n margin-inline-start: var(--space-3xs);\n font-weight: initial;\n}\n\ndetails {\n width: 100%;\n background-color: var(--color-body-alt);\n padding-block: 0;\n padding-inline: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-s);\n}\n@media (prefers-reduced-motion: no-preference) {\n details {\n transition: 150ms padding ease;\n }\n}\ndetails summary {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n cursor: pointer;\n border-block-end: var(--border-s) dashed transparent;\n padding: var(--space-xs);\n padding-inline-start: calc(var(--space-xs) + 1em);\n margin-block: 0;\n margin-inline: calc(-1 * var(--space-xs));\n transition-duration: 150ms;\n transition-property: color, border-color;\n transition-timing-function: ease;\n position: relative;\n list-style: none;\n color: var(--color-body-text);\n user-select: none;\n}\n@media (prefers-reduced-motion: no-preference) {\n details summary {\n transition-property: color, border-color, padding, margin;\n }\n}\ndetails summary:is(:hover, .hover) {\n color: var(--color-brand-4) !important;\n}\ndetails summary:is(:active, .active) {\n color: var(--color-brand-2) !important;\n}\ndetails summary::-webkit-details-marker {\n display: none;\n}\ndetails summary::before {\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n display: inline-block;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-xs) / 2);\n margin: auto;\n width: 1em;\n height: 1em;\n rotate: -90deg;\n transition: rotate 200ms ease;\n}\ndetails summary:dir(rtl)::before {\n rotate: 90deg;\n}\n@media (prefers-reduced-motion) {\n details summary {\n transition-property: color, border-color;\n }\n details summary::before {\n transition: none;\n }\n}\n@media (prefers-color-scheme: dark) {\n details summary:is(:hover, .hover) {\n color: var(--color-brand-2) !important;\n }\n details summary:is(:active, .active) {\n color: var(--color-brand-4) !important;\n }\n details summary::before {\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n }\n}\ndetails[open] {\n padding-block-end: var(--space-xs);\n}\ndetails[open] summary {\n color: var(--color-brand-3);\n border-block-end-color: var(--color-outline);\n margin-block-end: var(--space-xs);\n}\ndetails[open] summary::before {\n rotate: 0deg;\n}\ndetails.subtle, .accordion.subtle > details {\n box-shadow: none;\n border: 0;\n padding-inline: var(--space-2xs);\n background-color: transparent;\n}\ndetails.subtle summary, .accordion.subtle > details summary {\n border-block-end: 0;\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 1em);\n}\ndetails.subtle[open] summary, .accordion.subtle > details[open] summary {\n margin-block-end: var(--space-2xs);\n}\n\n.accordion {\n width: 100%;\n}\n.accordion > details + details {\n border-block-start: 0;\n}\n.accordion > details:not(:first-of-type) {\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n}\n.accordion > details:not(:last-of-type) {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n}\n\ndetails.no-width,\n.accordion.no-width,\n.accordion.no-width > details {\n width: initial;\n}\n\ndialog,\ndialog::backdrop {\n --dialog-starting-opacity: 0.25;\n --dialog-starting-transform: translateY(8px);\n --dialog-open-opacity: 1;\n --dialog-open-transform: translate(0);\n --dialog-ending-opacity: 0;\n --dialog-ending-transform: translateY(-4px) scale(0.97);\n --dialog-backdrop-starting-opacity: 0;\n --dialog-backdrop-open-opacity: 0.75;\n --dialog-backdrop-ending-opacity: 0;\n --dialog-backdrop-color: var(--color-gray-2);\n}\n@media (prefers-reduced-motion) {\n dialog,\n dialog::backdrop {\n --dialog-starting-transform: translate(0);\n --dialog-ending-transform: translate(0);\n }\n}\n@media (prefers-color-scheme: dark) {\n dialog,\n dialog::backdrop {\n --dialog-backdrop-color: var(--color-gray-8);\n --dialog-backdrop-open-opacity: 0.85;\n }\n}\n\ndialog {\n box-shadow: var(--shadow-xl);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-l);\n background-color: var(--color-body-alt);\n color: var(--color-body-text);\n padding: 0;\n flex-direction: column;\n gap: 0;\n}\ndialog::backdrop {\n background-color: var(--dialog-backdrop-color);\n}\ndialog.drawer {\n --dialog-starting-opacity: 0.5;\n position: fixed;\n inset: 0;\n border-radius: 0;\n margin: 0;\n border: 0;\n overflow: auto;\n}\ndialog.drawer.left {\n right: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.left {\n --dialog-starting-transform: translateX(-16px);\n --dialog-ending-transform: translateX(-16px);\n }\n}\ndialog.drawer.top {\n bottom: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.top {\n --dialog-starting-transform: translateY(-16px);\n --dialog-ending-transform: translateY(-16px);\n }\n}\ndialog.drawer.right {\n left: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.right {\n --dialog-starting-transform: translateX(16px);\n --dialog-ending-transform: translateX(16px);\n }\n}\ndialog.drawer.bottom {\n top: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n dialog.drawer.bottom {\n --dialog-starting-transform: translateY(16px);\n --dialog-ending-transform: translateY(16px);\n }\n}\ndialog.drawer.top, dialog.drawer.bottom {\n width: 100dvw;\n max-width: unset;\n height: auto;\n max-height: 100dvh;\n min-height: min(100dvh, 250px);\n}\ndialog.drawer.top.small, dialog.drawer.bottom.small {\n max-height: min(100dvh, 300px);\n}\ndialog.drawer.top.medium, dialog.drawer.bottom.medium {\n max-height: min(100dvh, 450px);\n}\ndialog.drawer.top.large, dialog.drawer.bottom.large {\n max-height: min(100dvh, 600px);\n}\ndialog.drawer.left, dialog.drawer.right {\n height: 100dvh;\n max-height: unset;\n width: auto;\n min-width: min(100dvw, 300px);\n max-width: 100dvw;\n}\ndialog.drawer.left.small, dialog.drawer.right.small {\n max-width: min(100dvw, 350px);\n}\ndialog.drawer.left.medium, dialog.drawer.right.medium {\n max-width: min(100dvw, 450px);\n}\ndialog.drawer.left.large, dialog.drawer.right.large {\n max-width: min(100dvw, 700px);\n}\ndialog:not(.drawer) {\n --dialog-width: 9999px;\n max-height: calc(100svh - 4 * var(--space-body));\n max-width: min(100svw - 4 * var(--space-body), var(--dialog-width));\n}\ndialog:not(.drawer).small {\n --dialog-width: 400px;\n}\ndialog:not(.drawer).medium {\n --dialog-width: 650px;\n}\ndialog:not(.drawer).large {\n --dialog-width: 900px;\n}\ndialog[open] {\n display: flex;\n}\n\n.dialog-header {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n padding: var(--space-m);\n padding-block-end: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--color-brand-3);\n margin: 0;\n}\n.dialog-header h1,\n.dialog-header h2,\n.dialog-header h3,\n.dialog-header h4,\n.dialog-header h5,\n.dialog-header h6 {\n color: inherit;\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n}\n.dialog-header .button.close {\n color: inherit;\n margin: -0.5rem;\n margin-inline-start: var(--space-3xs);\n}\n.dialog-header .button.close::after {\n content: \"\";\n width: 1.8em;\n height: 1.8em;\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: currentcolor;\n}\n\n.dialog-body {\n padding: var(--space-m);\n padding-block-start: var(--space-xs);\n flex-shrink: 1;\n display: block;\n overflow: auto;\n margin: 0;\n}\n\n.dialog-footer {\n padding: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n gap: var(--space-2xs);\n justify-content: flex-start;\n background-color: var(--color-body);\n border-block-start: var(--border-s) solid var(--color-outline);\n margin: 0;\n}\n@media screen and (width <= 500px) {\n .dialog-footer {\n flex-direction: column;\n width: 100%;\n justify-content: stretch;\n }\n}\n.dialog-footer .button:not(.small, .medium, .large) {\n font-size: 0.9rem;\n}\n\n@supports (transition-behavior: allow-discrete) and (overlay: none) {\n dialog {\n animation: unset;\n }\n}\n.field {\n --field-gap: var(--space-2xs);\n --field-padding: 0.5em;\n --field-radius: var(--radius-m);\n display: inline-flex;\n flex-direction: column;\n line-height: 1;\n gap: var(--field-gap);\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n transition-duration: 200ms;\n transition-property: color, box-shadow;\n transition-timing-function: ease;\n font-size: var(--font-size-m);\n}\n.field.compact, :is(form, .form, fieldset).compact .field {\n --field-gap: calc(0.9 * var(--space-2xs));\n --field-padding: 0.33em;\n --field-radius: var(--radius-s);\n font-size: calc(0.9 * var(--font-size-m));\n}\n.field:focus-within {\n color: var(--color-brand-5);\n}\n.field:has(:user-invalid, .field[aria-invalid=true]) {\n color: var(--color-red-5);\n}\n.field:has(:user-invalid, .field[aria-invalid=true]) .error-message {\n opacity: 1;\n}\n.field:has([readonly]):focus-within {\n color: var(--color-gray-5);\n}\n.field:user-invalid {\n color: var(--color-red-5);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]),\n.field select,\n.field textarea {\n color: var(--color-body-text);\n background-color: white;\n border: var(--border-s) solid var(--color-outline);\n font-size: 1em;\n padding: var(--field-padding);\n border-radius: var(--field-radius);\n transition-duration: 200ms;\n transition-property: color, box-shadow, border-color;\n transition-timing-function: ease;\n font-family: var(--font-family-body);\n}\n@media (prefers-color-scheme: dark) {\n .field input:not([type=button],\n [type=checkbox],\n [type=file],\n [type=hidden],\n [type=image],\n [type=radio],\n [type=range],\n [type=reset],\n [type=submit]),\n .field select,\n .field textarea {\n background-color: black;\n }\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):focus,\n.field select:focus,\n.field textarea:focus {\n outline: 0;\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.1em var(--color-brand-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):disabled,\n.field select:disabled,\n.field textarea:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[readonly],\n.field select[readonly],\n.field textarea[readonly] {\n cursor: not-allowed;\n border-style: dashed;\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[readonly]:focus,\n.field select[readonly]:focus,\n.field textarea[readonly]:focus {\n outline: 0;\n border-style: solid;\n border-color: var(--color-gray-5);\n box-shadow: 0 0 0 0.1em var(--color-gray-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-gray-transparent);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):user-invalid, .field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[aria-invalid=true],\n.field select:user-invalid,\n.field select[aria-invalid=true],\n.field textarea:user-invalid,\n.field textarea[aria-invalid=true] {\n border-color: var(--color-red-5);\n box-shadow: 0 0 0 0.1em var(--color-red-5);\n}\n.field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit]):user-invalid:focus, .field input:not([type=button],\n[type=checkbox],\n[type=file],\n[type=hidden],\n[type=image],\n[type=radio],\n[type=range],\n[type=reset],\n[type=submit])[aria-invalid=true]:focus,\n.field select:user-invalid:focus,\n.field select[aria-invalid=true]:focus,\n.field textarea:user-invalid:focus,\n.field textarea[aria-invalid=true]:focus {\n outline: 0;\n border-color: var(--color-red-5);\n box-shadow: 0 0 0 0.1em var(--color-red-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-red-transparent);\n}\n.field input[type=color] {\n inline-size: auto;\n block-size: auto;\n cursor: pointer;\n}\n.field input[type=color]::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n.field input[type=color]::-webkit-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n}\n.field input[type=color]::-moz-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n}\n.field select {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n background-position: center right 0.25em;\n background-size: auto 75%;\n background-repeat: no-repeat;\n cursor: pointer;\n appearance: none;\n padding-inline-end: calc(2 * var(--space-2xs) + 1em);\n}\n@media (prefers-color-scheme: dark) {\n .field select {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m6 9l6 6l6-6'/%3E%3C/svg%3E\");\n }\n}\n.field select:dir(rtl) {\n background-position: center left 0.25em;\n}\n.field .help-text {\n font-size: 0.9em;\n color: var(--color-body-text-alt);\n font-weight: var(--font-weight-normal);\n margin: -0.25em 0 0;\n position: relative;\n}\n.field .error-message {\n transition: opacity 200ms ease;\n opacity: 0;\n font-size: 0.9em;\n border: 0;\n padding: 0;\n margin: 0;\n font-weight: var(--font-weight-semibold);\n display: flex;\n align-items: center;\n gap: 2px;\n}\n.field .error-message::before {\n content: \"\";\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z'/%3E%3C/svg%3E\");\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: currentcolor;\n display: inline-block;\n height: 1.2em;\n width: 1.2em;\n}\n.field .input-group {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n}\n.field .input-group > * {\n border-radius: 0 !important;\n z-index: 1;\n}\n.field .input-group > :first-child {\n border-start-start-radius: var(--field-radius) !important;\n border-end-start-radius: var(--field-radius) !important;\n}\n.field .input-group > :last-child {\n border-end-end-radius: var(--field-radius) !important;\n border-start-end-radius: var(--field-radius) !important;\n}\n.field .input-group > :focus-visible {\n z-index: 2;\n}\n.field .input-group > :is(.prefix, .suffix, .action) {\n user-select: none;\n -webkit-user-drag: none;\n display: flex;\n font-weight: var(--font-weight-normal);\n color: var(--color-gray-3);\n background-color: var(--color-gray-9);\n border: var(--border-s) solid var(--color-outline);\n padding: var(--field-padding) calc(2 * var(--field-padding));\n align-items: center;\n justify-content: center;\n font-size: 0.9em;\n}\n.field .input-group > :is(.prefix, .suffix, .action) :is(img, svg) {\n height: 1.15em;\n width: auto;\n}\n.field .input-group > .prefix {\n border-inline-end: 0;\n}\n.field .input-group > .suffix {\n border-inline-start: 0;\n}\n.field .input-group > .action {\n cursor: pointer;\n color: var(--color-brand-3);\n border-inline-start: 0;\n transition-property: box-shadow, background-color;\n transition-timing-function: ease;\n transition-duration: 200ms;\n}\n.field .input-group > .action:hover {\n background-color: var(--color-gray-8);\n}\n.field .input-group > .action:active {\n background-color: var(--color-gray-7);\n}\n.field .input-group > .action:focus-visible {\n border-color: var(--color-brand-5);\n border-inline-start-width: var(--border-s);\n border-inline-start-style: solid;\n box-shadow: 0 0 0 0.1em var(--color-brand-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n outline: 0;\n}\n.field .input-group > :is(input, select, textarea) {\n width: 100%;\n}\n.field .input-group > :is(input, select, textarea):has(~ .action:focus-visible) {\n border-inline-end-width: 0;\n}\n\nfieldset {\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-s);\n background-color: var(--color-body);\n color: var(--color-body-text);\n}\nfieldset legend {\n color: var(--color-brand-3);\n font-family: var(--font-family-heading);\n font-weight: var(--font-weight-bold);\n}\n\ninput[type=checkbox],\ninput[type=radio] {\n accent-color: var(--color-brand-5);\n}\n\nhr,\n.hr {\n background-color: var(--color-outline);\n border: 0;\n outline: 0;\n width: 100%;\n height: var(--border-s);\n display: block;\n margin: var(--space-xs) 0;\n print-color-adjust: exact;\n}\nhr.invisible,\n.hr.invisible {\n visibility: hidden;\n}\nhr.vertical,\n.hr.vertical {\n display: inline-block;\n width: var(--border-s);\n height: 100%;\n min-height: 1em;\n margin: 0 var(--space-xs);\n}\n\n@keyframes indeterminate-progress {\n from {\n opacity: 0.2;\n }\n to {\n opacity: 0.8;\n }\n}\nmeter {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-meter-bar) {\n meter {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-outline);\n background: var(--color-gray-9);\n box-sizing: border-box;\n overflow: clip;\n }\n}\n::-webkit-meter-bar {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-outline);\n background: var(--color-gray-9);\n box-sizing: border-box;\n overflow: clip;\n}\n\n::-webkit-meter-optimum-value,\n::-webkit-meter-suboptimum-value,\n::-webkit-meter-even-less-good-value {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n}\n\n::-webkit-meter-inner-element {\n display: inline-block;\n position: relative;\n}\n\n::-moz-meter-bar {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n}\n\n::-webkit-meter-optimum-value {\n background: var(--color-green-6);\n border-color: var(--color-green-5);\n}\n\n:-moz-meter-optimum::-moz-meter-bar {\n background: var(--color-green-6);\n border-color: var(--color-green-5);\n}\n\n::-webkit-meter-suboptimum-value {\n background: var(--color-yellow-7);\n border-color: var(--color-yellow-6);\n}\n@media (prefers-color-scheme: dark) {\n ::-webkit-meter-suboptimum-value {\n background: var(--color-yellow-4);\n border-color: var(--color-yellow-3);\n }\n}\n\n:-moz-meter-sub-optimum::-moz-meter-bar {\n background: var(--color-yellow-7);\n border-color: var(--color-yellow-6);\n}\n@media (prefers-color-scheme: dark) {\n :-moz-meter-sub-optimum::-moz-meter-bar {\n background: var(--color-yellow-4);\n border-color: var(--color-yellow-3);\n }\n}\n\n::-webkit-meter-even-less-good-value {\n background: var(--color-red-6);\n border-color: var(--color-red-5);\n}\n\n:-moz-meter-sub-sub-optimum::-moz-meter-bar {\n background: var(--color-red-6);\n border-color: var(--color-red-5);\n}\n\nprogress {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-progress-bar) {\n progress {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-outline);\n background: var(--color-gray-9);\n box-sizing: border-box;\n overflow: clip;\n }\n}\n::-webkit-progress-bar {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-outline);\n background: var(--color-gray-9);\n box-sizing: border-box;\n overflow: clip;\n}\n\n::-webkit-progress-value {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n}\n\n::-moz-progress-bar {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n}\n\n:indeterminate::-webkit-progress-value {\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n opacity: 0.5;\n inline-size: 100% !important;\n animation: indeterminate-progress 1s linear infinite alternate;\n}\n\n:indeterminate::-moz-progress-bar {\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n opacity: 0.5;\n inline-size: 100% !important;\n animation: indeterminate-progress 1s linear infinite alternate;\n}\n\ninput[type=range] {\n font-size: 1rem;\n block-size: 1.25em;\n appearance: none;\n background: transparent;\n cursor: pointer;\n}\n@media (pointer: coarse) {\n input[type=range] {\n font-size: 1.5rem;\n }\n}\ninput[type=range]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\ninput[type=range]:focus-visible {\n outline: 0;\n}\ninput[type=range]:focus-visible::-webkit-slider-thumb {\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=range]:focus-visible::-moz-range-thumb {\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=range]:enabled:active::-webkit-slider-thumb {\n border-color: var(--color-brand-5);\n}\n@media screen and (resolution >= 2x) {\n input[type=range]:enabled:active::-webkit-slider-thumb:active {\n transform: scale(0.9);\n }\n}\ninput[type=range]:enabled:active::-moz-range-thumb {\n border-color: var(--color-brand-5);\n}\n@media screen and (resolution >= 2x) {\n input[type=range]:enabled:active::-moz-range-thumb:active {\n transform: scale(0.9);\n }\n}\ninput[type=range]::-webkit-slider-runnable-track {\n block-size: 0.25em;\n inline-size: 100%;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n input[type=range]::-webkit-slider-runnable-track {\n background-color: var(--color-gray-6);\n }\n}\ninput[type=range]::-moz-range-track {\n block-size: 0.25em;\n inline-size: 100%;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n input[type=range]::-moz-range-track {\n background-color: var(--color-gray-6);\n }\n}\ninput[type=range]::-webkit-slider-thumb {\n height: 1.25em;\n width: 1.25em;\n border-radius: var(--radius-full);\n background-color: white;\n box-shadow: var(--shadow-s);\n border: var(--border-s) solid var(--color-outline);\n transition-property: border-color, box-shadow, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n appearance: none;\n margin-block-start: -0.5em;\n}\ninput[type=range]::-moz-range-thumb {\n height: 1.25em;\n width: 1.25em;\n border-radius: var(--radius-full);\n background-color: white;\n box-shadow: var(--shadow-s);\n border: var(--border-s) solid var(--color-outline);\n transition-property: border-color, box-shadow, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n}\n\n@keyframes skeleton-pulse-light {\n from {\n opacity: 0.14;\n }\n to {\n opacity: 0.21;\n }\n}\n@keyframes skeleton-pulse-dark {\n from {\n opacity: 0.28;\n }\n to {\n opacity: 0.36;\n }\n}\n.skeleton {\n animation: skeleton-pulse-light 1s ease alternate 0s infinite !important;\n border-radius: var(--radius-s) !important;\n background-color: var(--color-gray-5) !important;\n border: 0 !important;\n outline: 0 !important;\n box-shadow: 0 !important;\n pointer-events: none !important;\n color: transparent !important;\n mask-image: none !important;\n background-image: none !important;\n print-color-adjust: exact;\n}\n.skeleton:is(p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {\n inline-size: 100%;\n}\n.skeleton:is(p,\n.p,\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3,\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6,\n.chip)::before {\n content: \".\";\n}\n.skeleton:is(.button, .chip):empty {\n min-inline-size: 5em;\n}\n.skeleton::before, .skeleton::after,\n.skeleton > * {\n visibility: hidden !important;\n}\n@media (prefers-color-scheme: dark) {\n .skeleton {\n animation-name: skeleton-pulse-dark !important;\n }\n}\n\ninput[type=checkbox].switch,\nlabel.switch input[type=checkbox] {\n font-size: 1rem;\n print-color-adjust: exact;\n appearance: none;\n block-size: 1.8em;\n inline-size: 3em;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n position: relative;\n flex: none;\n transition-property: background-color, box-shadow, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n border: 0.1em solid var(--color-gray-7);\n cursor: pointer;\n}\ninput[type=checkbox].switch.small,\nlabel.switch input[type=checkbox].small {\n font-size: 0.8rem;\n}\ninput[type=checkbox].switch::after,\nlabel.switch input[type=checkbox]::after {\n content: \"\";\n position: absolute;\n height: 1.4em;\n width: 1.4em;\n background-color: white;\n inset-inline-start: 0.1em;\n inset-block-start: 0.1em;\n border-radius: var(--radius-full);\n box-shadow: var(--shadow-s);\n transition-property: border-color, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n transform: translateX(0);\n}\ninput[type=checkbox].switch:disabled,\nlabel.switch input[type=checkbox]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\ninput[type=checkbox].switch:is(:focus-visible, .focus),\nlabel.switch input[type=checkbox]:is(:focus-visible, .focus) {\n border-color: var(--color-gray-6);\n box-shadow: 0 0 0 0.2em var(--color-gray-transparent);\n outline: 0;\n}\ninput[type=checkbox].switch:checked,\nlabel.switch input[type=checkbox]:checked {\n background-color: var(--color-brand-6);\n border-color: var(--color-brand-5);\n}\ninput[type=checkbox].switch:checked::after,\nlabel.switch input[type=checkbox]:checked::after {\n transform: translateX(1.2em);\n}\ninput[type=checkbox].switch:checked:is(:focus-visible, .focus),\nlabel.switch input[type=checkbox]:checked:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=checkbox].switch:dir(rtl):checked::after,\nlabel.switch input[type=checkbox]:dir(rtl):checked::after {\n transform: translateX(-1.2em);\n}\n@media (prefers-color-scheme: dark) {\n input[type=checkbox].switch,\n label.switch input[type=checkbox] {\n background-color: var(--color-gray-5);\n }\n input[type=checkbox].switch:checked,\n label.switch input[type=checkbox]:checked {\n background-color: var(--color-brand-5);\n }\n}\n\nlabel.switch {\n inline-size: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n font-weight: var(--font-weight-semibold);\n}\n\ntable {\n --table-bg-odd: var(--color-body-alt);\n --table-bg-even: var(--color-body);\n --table-vertical-border: var(--border-s);\n background-color: var(--color-body-alt);\n border-collapse: separate;\n border-spacing: 0;\n font-size: var(--font-size-m);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-s);\n color: var(--color-body-text);\n}\ntable.subtle {\n --table-bg-odd: transparent;\n --table-bg-even: transparent;\n --table-vertical-border: 0;\n border: 0;\n}\ntable.dense :is(th, td) {\n padding: var(--space-3xs) var(--space-2xs);\n}\ntable.sparse :is(th, td) {\n padding: var(--space-xs) var(--space-s);\n}\n\ncaption {\n text-align: unset;\n margin: 0 0 var(--space-2xs);\n}\n\nth,\ntd {\n padding: var(--space-2xs) var(--space-xs);\n}\n\nth,\ntfoot td {\n font-weight: var(--font-weight-bold);\n text-align: center;\n}\n\nth {\n border-block-end: var(--border-m) solid var(--color-outline);\n}\n\ntfoot td {\n border-block-start: var(--border-m) solid var(--color-outline);\n}\n\ntd {\n text-align: unset;\n}\n\n:is(th, tfoot td):not(:last-of-type) {\n border-inline-end: var(--table-vertical-border) dashed var(--color-outline);\n}\n\ntd:not(tfoot td, :last-of-type) {\n border-inline-end: var(--table-vertical-border) solid var(--color-outline);\n}\n\ntr:not(:last-of-type) td {\n border-block-end: var(--border-s) solid var(--color-outline);\n}\n\ntbody tr:nth-child(odd),\ntbody:has(tr:last-of-type:nth-child(even)) + tfoot tr {\n background-color: var(--table-bg-even);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--table-bg-odd);\n}\n\ndialog[open] {\n display: flex;\n transform: var(--dialog-open-transform);\n opacity: var(--dialog-open-opacity);\n}\n\ndialog[open]::backdrop {\n opacity: var(--dialog-backdrop-open-opacity);\n}\n\ndialog {\n transform: var(--dialog-ending-transform);\n opacity: var(--dialog-ending-opacity);\n transition: transform 150ms ease, opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete;\n}\n\ndialog::backdrop {\n opacity: var(--dialog-backdrop-ending-opacity);\n transition: transform 150ms ease, opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete;\n}\n\n@starting-style {\n dialog[open] {\n transform: var(--dialog-starting-transform);\n opacity: var(--dialog-starting-opacity);\n }\n dialog[open]::backdrop {\n opacity: var(--dialog-backdrop-starting-opacity);\n }\n}\n@starting-style {\n .app > .sidebar {\n opacity: 0;\n }\n}\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n text-size-adjust: 100%;\n color-scheme: light dark;\n}\n\nbody {\n min-height: 100svh;\n margin: 0;\n background-color: var(--color-body);\n color: var(--color-body-text);\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n}","@use \"../utils\";\n\n.alert {\n display: block;\n border-radius: var(--radius-s);\n border-start-start-radius: calc(var(--space-2xs) + 2em);\n border-end-start-radius: calc(var(--space-2xs) + 2em);\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 2em);\n font-size: var(--font-size-m);\n color: var(--color-body-text);\n position: relative;\n background:\n linear-gradient(var(--alert-bg-color), var(--alert-bg-color)) padding-box,\n linear-gradient(\n to right,\n var(--alert-border-start-color),\n var(--alert-border-end-color)\n )\n border-box;\n border: var(--border-m) solid transparent;\n line-height: 1.4;\n\n > * {\n line-height: 1.4;\n }\n\n @media print {\n & {\n border-color: var(--alert-border-start-color);\n }\n }\n\n &::before,\n &::after {\n content: \"\";\n print-color-adjust: exact;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-2xs) * 0.5);\n margin: auto;\n width: 2em;\n height: 2em;\n }\n\n &::before {\n z-index: 2;\n mask-image: var(--alert-icon);\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: var(--alert-border-start-color);\n scale: 0.5;\n }\n\n &::after {\n z-index: 1;\n background-color: #fffe;\n border-radius: var(--radius-full);\n border: 3px solid var(--alert-border-start-color);\n scale: 0.75;\n\n @media (prefers-color-scheme: dark) {\n background-color: #000e;\n }\n }\n\n &.error {\n --alert-bg-color: var(--color-red-9);\n --alert-border-start-color: var(--color-red-5);\n --alert-border-end-color: var(--color-red-6);\n --alert-dismiss-icon-color: var(--color-red-4);\n --alert-dismiss-hover-bg: var(--color-red-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-red-transparent);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\" d=\"M368 368L144 144M368 144L144 368\"/></svg>'\n )};\n }\n\n &.warning {\n --alert-bg-color: var(--color-yellow-9);\n --alert-border-start-color: var(--color-yellow-5);\n --alert-border-end-color: var(--color-yellow-6);\n --alert-dismiss-icon-color: var(--color-yellow-4);\n --alert-dismiss-hover-bg: var(--color-yellow-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-yellow-transparent);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 80c-8.66 0-16.58 7.36-16 16l8 216a8 8 0 008 8h0a8 8 0 008-8l8-216c.58-8.64-7.34-16-16-16z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\"/><circle cx=\"256\" cy=\"436\" r=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"48\"/></svg>'\n )};\n }\n\n &.success {\n --alert-bg-color: var(--color-green-9);\n --alert-border-start-color: var(--color-green-5);\n --alert-border-end-color: var(--color-green-6);\n --alert-dismiss-icon-color: var(--color-green-4);\n --alert-dismiss-hover-bg: var(--color-green-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-green-transparent);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\" d=\"M416 128L192 384l-96-96\"/></svg>'\n )};\n }\n\n &.info {\n --alert-bg-color: var(--color-sky-9);\n --alert-border-start-color: var(--color-sky-5);\n --alert-border-end-color: var(--color-sky-6);\n --alert-dismiss-icon-color: var(--color-sky-4);\n --alert-dismiss-hover-bg: var(--color-sky-extra-transparent);\n --alert-dismiss-focus-bg: var(--color-sky-transparent);\n --alert-icon: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"64\" d=\"M196 220h64v172\"/><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"64\" d=\"M187 396h138\"/><circle cx=\"253 \" cy=\"118\" r=\"44\"/></svg>'\n )};\n }\n\n &.banner {\n border-radius: 0;\n border-width: var(--border-m) 0;\n width: 100%;\n padding: var(--space-xs);\n padding-inline-start: calc(var(--space-xs) + 2em);\n\n &:has(.button.dismiss) {\n padding-inline-end: calc(var(--space-xs) + 2em);\n }\n\n &::before,\n &::after {\n inset-inline-start: calc(var(--space-xs) * 0.5);\n margin: auto;\n width: 2em;\n height: 2em;\n }\n\n .button.dismiss {\n --button-fg-color: var(--alert-dismiss-icon-color);\n --button-bg-color: transparent;\n --button-border-color: transparent;\n --button-hover-bg-color: var(--alert-dismiss-hover-bg);\n --button-focus-ring-color: transparent;\n --button-shadow: none;\n\n font-size: 0.75rem;\n position: absolute;\n inset-block: 0;\n inset-inline-end: var(--space-3xs);\n margin: auto;\n width: 3em;\n height: 3em;\n\n &:is(:focus-visible, .focus) {\n --button-bg-color: var(--alert-dismiss-focus-bg);\n --button-hover-bg-color: transparent;\n }\n\n &::after {\n content: \"\";\n width: 1.8em;\n height: 1.8em;\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M368 368L144 144M368 144L144 368\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: currentcolor;\n }\n }\n }\n}\n\n.alert-title {\n font-family: var(--font-family-heading);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n color: var(--alert-border-start-color);\n font-size: 0.85em;\n margin: 0;\n margin-block-end: 0.15em;\n}\n","%flex-layout {\n display: flex !important;\n gap: var(--space-s);\n\n &.densest {\n gap: var(--space-3xs);\n }\n\n &.denser {\n gap: var(--space-2xs);\n }\n\n &.dense {\n gap: var(--space-xs);\n }\n\n &.sparse {\n gap: var(--space-m);\n }\n\n &.sparser {\n gap: var(--space-l);\n }\n\n &.sparsest {\n gap: var(--space-xl);\n }\n\n &.horizontal,\n &.horizontally {\n flex-direction: row;\n }\n\n &.vertical,\n &.vertically {\n flex-direction: column;\n }\n}\n\n.flow {\n @extend %flex-layout;\n\n flex-wrap: wrap;\n align-items: center;\n justify-content: start;\n}\n\n.stack {\n @extend %flex-layout;\n\n flex-wrap: nowrap;\n align-items: stretch;\n justify-content: start;\n}\n\n.separate {\n @extend %flex-layout;\n\n flex-wrap: nowrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.space {\n @extend %flex-layout;\n\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-around;\n}\n\n:is(form, .form, .text-container):not(.no-max-width) {\n max-width: 60ch;\n}\n\n%visually-hidden {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n width: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n}\n","@use \"../utils\";\n@use \"./layout\";\n\n.app {\n --app-width: 110rem;\n\n position: relative;\n width: min-content;\n min-width: 100%;\n min-height: 100svh;\n display: flex;\n flex-direction: column;\n}\n\n.app-header {\n height: clamp(50px, 3.5rem, 70px);\n width: 100dvw;\n color: var(--color-brand-3);\n background-color: var(--color-body-alt);\n border-bottom: var(--border-l) solid var(--color-brand-transparent);\n box-shadow: var(--shadow-s);\n flex: none;\n position: sticky;\n left: 0;\n\n @media (prefers-color-scheme: dark) {\n color: var(--color-brand-2);\n }\n}\n\n.app-header-content {\n height: 100%;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n padding-inline: var(--space-body);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-s);\n}\n\n.app-header-section {\n margin: 0;\n height: 100%;\n display: flex;\n align-items: center;\n\n // If header only has 1 section, center it\n &:only-child {\n margin-inline: auto;\n }\n\n // Otherwise, align the first to the left and the rest to the right\n &:first-child {\n margin-inline-end: auto;\n }\n\n // The content of the first header item should be var(--space-body) from the\n // left edge of the app. Since there is var(--space-body) padding in the\n // header and var(--space-xs) padding in the header items, we just need to\n // move it back by var(--space-xs).\n &:first-child .app-header-item:first-child {\n margin-inline-start: calc(-1 * var(--space-xs));\n }\n\n // The content of the last header item should be var(--space-body) from the\n // right edge of the app. Since there is var(--space-body) padding in the\n // header and var(--space-xs) padding in the header items, we just need to\n // move it forward by var(--space-xs).\n &:last-child .app-header-item:last-child {\n margin-inline-end: calc(-1 * var(--space-xs));\n }\n\n // Put a spacer between consecutive right-aligned sections (3rd onward)\n &:nth-child(n + 3)::before {\n content: \"\";\n background-color: var(--color-outline);\n height: 2rem;\n width: var(--border-s);\n position: relative;\n right: calc(var(--space-s) / 2);\n }\n}\n\n.app-header-item {\n // TODO simplify\n height: 100%;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n transition-property: color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n display: flex;\n align-items: center;\n position: relative;\n font-weight: var(--font-weight-semibold);\n padding-inline: var(--space-xs);\n\n &:focus-visible {\n outline-offset: calc(-1 * var(--border-m));\n }\n\n &:hover {\n color: var(--color-body-text);\n }\n\n &:is([aria-current], .current) {\n font-weight: var(--font-weight-bold);\n\n &::after {\n opacity: 1;\n }\n }\n\n &::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: var(--border-l);\n bottom: calc(-1 * var(--border-l));\n left: 0;\n background-color: currentcolor;\n opacity: 0;\n border-radius: 1px;\n }\n}\n\n.app-body {\n position: relative;\n width: 100%;\n max-width: var(--app-width);\n margin-inline: auto;\n flex: none;\n display: flex;\n flex-direction: row;\n}\n\n.app-sidebar {\n transition:\n opacity 150ms ease,\n display 150ms allow-discrete;\n width: clamp(300px, 18rem, 400px);\n flex: none;\n opacity: 1;\n border-inline-end: var(--border-s) dashed var(--color-outline);\n}\n\n.app-sidebar-content {\n position: sticky;\n top: 0;\n overflow: auto;\n height: auto;\n height: 100dvh;\n}\n\n.app-sidebar-section {\n &:first-of-type {\n margin-block-start: var(--space-body);\n }\n\n &:not(:last-of-type) {\n margin-block-end: var(--space-xs);\n }\n\n &:last-of-type {\n margin-block-end: var(--space-body);\n }\n}\n\n.app-sidebar-heading {\n font-size: 1.2rem;\n margin: 0 var(--space-body) var(--space-3xs);\n font-weight: var(--font-weight-semibold);\n}\n\n.app-sidebar-item {\n display: block;\n margin: 0 var(--space-2xs);\n padding: var(--space-2xs) calc(var(--space-body) - var(--space-2xs));\n border-radius: var(--radius-l);\n color: var(--color-body-text-alt);\n text-decoration: none;\n font-weight: var(--font-weight-normal);\n font-size: 1rem;\n transition-property: color, background-color, box-shadow;\n transition-duration: 200ms;\n transition-timing-function: ease;\n\n &:hover {\n background-color: var(--color-brand-extra-transparent);\n }\n\n &:active {\n color: var(--color-brand-1);\n }\n\n &:is([aria-current], .current) {\n color: var(--color-brand-4);\n font-weight: var(--font-weight-bold);\n }\n\n &:hover:active {\n background-color: var(--color-brand-transparent);\n }\n\n &:focus-visible {\n outline-offset: 0;\n }\n}\n\n.app-sidebar-toggle {\n // TODO simplify\n @include utils.transition((\"color\", \"background-color\"));\n\n display: none;\n width: 2.75rem;\n margin-inline-start: 1rem;\n\n &:hover {\n color: var(--color-body-text);\n }\n\n &:has(input:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n outline-offset: calc(-1 * var(--border-m));\n }\n\n input[type=\"checkbox\"] {\n @extend %visually-hidden;\n }\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -0.5rem;\n height: 100%;\n width: var(--border-s);\n background-color: var(--color-outline);\n }\n\n > div {\n @include utils.transition((\"transform\", \"opacity\"));\n\n position: absolute;\n width: 1.75rem;\n height: 2px;\n border-radius: 2px;\n background-color: currentcolor;\n opacity: 1;\n top: 50%;\n left: 50%;\n\n &:nth-of-type(1) {\n transform: translateY(calc(-50% - 0.45rem)) translateX(-50%);\n }\n\n &:nth-of-type(2) {\n transform: translateY(-50%) translateX(-50%);\n }\n\n &:nth-of-type(3) {\n transform: translateY(calc(-50% + 0.45rem)) translateX(-50%);\n }\n }\n\n &:has(input:checked) > div {\n &:nth-of-type(1) {\n transform: translateY(-50%) translateX(-50%) rotate(45deg);\n }\n\n &:nth-of-type(2) {\n opacity: 0;\n transform: translateY(-50%) translateX(-50%) rotate3d(0, 1, 0, 90deg);\n }\n\n &:nth-of-type(3) {\n transform: translateY(-50%) translateX(-50%) rotate(-45deg);\n }\n }\n}\n\n.app-content {\n width: 100%;\n padding: var(--space-body);\n}\n\n.app:has(.app-sidebar) {\n --app-width: 125rem;\n}\n\n@media (width < 55rem) {\n .app-sidebar {\n width: 100dvw;\n opacity: 1;\n background-color: #fffc;\n backdrop-filter: blur(24px) saturate(120%);\n\n @media (prefers-color-scheme: dark) {\n background-color: #000c;\n }\n\n &::after {\n content: initial;\n }\n }\n\n .app-sidebar-toggle {\n display: initial;\n }\n\n .app:has(.app-sidebar-toggle input:not(:checked)) .app-sidebar {\n opacity: 0;\n display: none;\n }\n}\n","@use \"sass:string\";\n@use \"sass:list\";\n\n// Adapted from https://css-tricks.com/snippets/sass/str-replace-function/\n@function replace-all($string, $search, $replace) {\n $index: string.index($string, $search);\n\n @if $index {\n /* stylelint-disable-next-line scss/operator-no-newline-after */\n @return string.slice($string, 1, $index - 1) + $replace +\n replace-all(\n string.slice($string, $index + string.length($search)),\n $search,\n $replace\n );\n }\n\n @return $string;\n}\n\n@function svg-to-data-url($svg) {\n $svg: replace-all($svg, \"%\", \"%25\");\n $svg: replace-all($svg, '\"', \"'\");\n $svg: replace-all($svg, \"#\", \"%23\");\n $svg: replace-all($svg, \"<\", \"%3C\");\n $svg: replace-all($svg, \">\", \"%3E\");\n $svg: replace-all($svg, \"[\", \"%5B\");\n $svg: replace-all($svg, \"]\", \"%5D\");\n $svg: replace-all($svg, \"^\", \"%5E\");\n $svg: replace-all($svg, \"`\", \"%60\");\n $svg: replace-all($svg, \"{\", \"%7B\");\n $svg: replace-all($svg, \"|\", \"%7C\");\n $svg: replace-all($svg, \"}\", \"%7D\");\n\n // The below characters are tolerated by browsers, so don't NEED to be escaped:\n // $svg: replace-all($svg, \" \", \"%20\");\n // $svg: replace-all($svg, \"!\", \"%21\");\n // $svg: replace-all($svg, \"$\", \"%24\");\n // $svg: replace-all($svg, \"&\", \"%26\");\n // $svg: replace-all($svg, \"'\", \"%27\");\n // $svg: replace-all($svg, \"(\", \"%28\");\n // $svg: replace-all($svg, \")\", \"%29\");\n // $svg: replace-all($svg, \"*\", \"%2A\");\n // $svg: replace-all($svg, \"+\", \"%2B\");\n // $svg: replace-all($svg, \",\", \"%2C\");\n // $svg: replace-all($svg, \"-\", \"%2D\");\n // $svg: replace-all($svg, \".\", \"%2E\");\n // $svg: replace-all($svg, \"/\", \"%2F\");\n // $svg: replace-all($svg, \":\", \"%3A\");\n // $svg: replace-all($svg, \";\", \"%3B\");\n // $svg: replace-all($svg, \"=\", \"%3D\");\n // $svg: replace-all($svg, \"?\", \"%3F\");\n // $svg: replace-all($svg, \"@\", \"%40\");\n // $svg: replace-all($svg, \"\\\\\", \"%5C\");\n // $svg: replace-all($svg, \"_\", \"%5F\");\n // $svg: replace-all($svg, \"~\", \"%7F\");\n\n @return 'url(\"data:image/svg+xml,#{$svg}\")';\n}\n\n@mixin transition($properties, $duration: 200ms, $timing-function: \"ease\") {\n $properties-string: \"\";\n\n @if type-of($properties) != list and type-of($properties) != string {\n @error 'Properties must be a string or list of strings';\n }\n\n @each $property in $properties {\n @if $properties-string != \"\" {\n $properties-string: $properties-string + \", \";\n }\n\n $properties-string: $properties-string + $property;\n }\n\n @if list.length($properties) == 1 {\n transition: #{string.unquote($properties-string)}\n $duration\n #{string.unquote($timing-function)};\n }\n\n @if list.length($properties) > 1 {\n transition-property: string.unquote($properties-string);\n transition-duration: $duration;\n transition-timing-function: string.unquote($timing-function);\n }\n}\n",".button {\n --button-shadow: var(--shadow-s);\n --button-hover-bg-color: var(--button-border-color);\n\n box-sizing: border-box;\n display: inline-flex;\n outline: 0;\n padding-inline: 1.25em;\n padding-block: 0.75em;\n gap: 0.5em;\n border-style: solid;\n transform: scale(1);\n transition-property: box-shadow, background-color, transform, opacity;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n position: relative;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n cursor: pointer;\n border-width: var(--border-s);\n border-radius: var(--radius-m);\n min-height: 2.6em;\n min-width: 3em;\n line-height: 1;\n font-family: var(--font-family-body);\n box-shadow: var(--button-shadow);\n user-select: none;\n font-size: 1rem;\n\n &::before {\n content: \"\";\n background-color: var(--button-hover-bg-color);\n position: absolute;\n inset: 0;\n margin: auto;\n transition-property: opacity, width, height, border-radius;\n transition-duration: 200ms;\n transition-timing-function: ease;\n z-index: -1;\n border-radius: 2em;\n width: 4em;\n height: 4em;\n opacity: 0;\n }\n\n &:is(:focus-visible, .focus) {\n box-shadow:\n var(--button-shadow),\n 0 0 0 0.1em var(--button-border-color),\n 0 0 0 calc(0.2em + var(--border-s)) var(--button-focus-ring-color);\n }\n\n &:is(:active, .active) {\n transform: scale(0.98);\n\n // On low-resolution screens, the scale effect makes text jump\n // around awkwardly, so we use an alternative.\n @media screen and (resolution < 2x) {\n transform: translateY(1px);\n }\n }\n\n &:is(:hover, .hover) {\n text-decoration: none;\n\n &::before {\n opacity: 1;\n width: 100%;\n height: 100%;\n border-radius: 5px;\n }\n\n // inputs don't support children, so the ::before pseudo element won't work\n &:is(input) {\n background-color: var(--button-hover-bg-color);\n }\n }\n\n color: var(--button-fg-color);\n background-color: var(--button-bg-color);\n border-color: var(--button-border-color);\n font-weight: var(--button-font-weight);\n\n &.primary {\n --button-fg-color: white;\n --button-bg-color: var(--color-brand-5);\n --button-border-color: var(--color-brand-4);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: var(--color-brand-transparent);\n\n @each $color\n in (\n \"red\",\n \"orange\",\n \"yellow\",\n \"green\",\n \"sky\",\n \"blue\",\n \"purple\",\n \"magenta\",\n \"gray\"\n )\n {\n &.#{$color} {\n --button-bg-color: var(--color-#{$color}-5);\n --button-border-color: var(--color-#{$color}-4);\n --button-focus-ring-color: var(--color-#{$color}-transparent);\n }\n }\n }\n\n // .secondary, default\n &:not(.primary, .subtle, .close, .dismiss) {\n --button-fg-color: var(--color-body-text);\n --button-bg-color: var(--color-gray-9);\n --button-border-color: var(--color-gray-8);\n --button-font-weight: var(--font-weight-normal);\n --button-focus-ring-color: var(--color-gray-extra-transparent);\n }\n\n &:is(.subtle, .close) {\n --button-fg-color: var(--color-brand-4);\n --button-bg-color: transparent;\n --button-border-color: transparent;\n --button-hover-bg-color: var(--color-brand-extra-transparent);\n --button-font-weight: var(--font-weight-bold);\n --button-focus-ring-color: transparent;\n --button-shadow: none;\n\n &:is(:focus-visible, .focus) {\n --button-bg-color: var(--color-brand-transparent);\n --button-hover-bg-color: transparent;\n }\n }\n\n &:is(.small, .close, .dismiss) {\n font-size: 0.8rem;\n }\n\n &.large {\n font-size: 1.2rem;\n }\n\n &:is(.icon, .close, .dismiss) {\n border-radius: var(--radius-full);\n min-width: 0;\n min-height: 0;\n aspect-ratio: 1;\n\n &:is(.subtle, .close) {\n &::before {\n width: 75%;\n height: 75%;\n }\n\n &:is(:hover, .hover)::before {\n width: 100%;\n height: 100%;\n border-radius: 100%;\n }\n }\n\n &.icon {\n padding: 0.5em;\n }\n\n &.close,\n &.dismiss {\n padding: 0.3em;\n }\n\n &:not(.subtle, .close, .dismiss) {\n &::before {\n content: unset;\n }\n\n &:is(:hover, .hover) {\n background-color: var(--button-hover-bg-color);\n }\n }\n }\n\n &:is(:disabled, .disabled, [aria-disabled=\"true\"]) {\n opacity: 0.7;\n cursor: not-allowed;\n transform: scale(1);\n\n &:is(:hover, .hover)::before {\n opacity: 0;\n }\n }\n\n &.loading {\n cursor: wait;\n\n &::before {\n opacity: 1 !important;\n height: 100% !important;\n border-radius: inherit !important;\n animation: button-loading-bg 1200ms ease-in-out infinite forwards;\n }\n }\n}\n\n@keyframes button-loading-bg {\n 0% {\n width: 0;\n margin: 0 auto 0 0;\n }\n\n 50% {\n width: 100%;\n }\n\n 100% {\n width: 0;\n margin: 0 0 0 auto;\n }\n}\n",".card {\n background-color: var(--color-body-alt);\n border-radius: var(--radius-l);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-m);\n\n &.secondary {\n background-color: var(--color-body);\n border-radius: var(--radius-m);\n color: var(--color-body-text-alt);\n box-shadow: var(--shadow-s);\n\n .card-title {\n font-size: var(--font-size-m);\n margin-block-end: var(--space-2xs);\n }\n\n &:not(.no-padding) {\n padding: var(--space-s);\n }\n }\n\n &:not(.no-padding) {\n padding: var(--space-m);\n\n .card-title {\n margin-block-start: 0;\n }\n }\n}\n\n.card-title {\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-bold);\n color: var(--color-brand-3);\n margin-block-end: var(--space-xs);\n}\n","@use \"../utils\";\n\n$color-variants: (\n \"red\",\n \"orange\",\n \"yellow\",\n \"green\",\n \"sky\",\n \"blue\",\n \"purple\",\n \"magenta\",\n \"brand\",\n \"gray\"\n);\n\n.chip {\n --chip-fg-color: white;\n\n display: inline-flex;\n align-items: center;\n border-radius: var(--radius-full);\n font-size: var(--font-size-s);\n padding-block: var(--space-3xs);\n padding-inline: var(--space-xs);\n background-color: var(--chip-bg-color);\n border: var(--border-s) solid var(--chip-border-color);\n color: var(--chip-fg-color);\n flex-shrink: 0;\n cursor: default;\n transition-property: box-shadow, background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n text-decoration: none;\n appearance: none;\n line-height: 1.2;\n\n &:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--chip-focus-color);\n }\n\n &.clickable {\n cursor: pointer;\n box-shadow: var(--shadow-s);\n\n &:is(:focus-visible, .focus) {\n outline: 0;\n box-shadow:\n var(--shadow-s),\n 0 0 0 0.2em var(--chip-focus-color);\n }\n\n &:is(:hover, .hover) {\n background-color: var(--chip-border-color);\n }\n\n &:is(:active, .active) {\n background-color: var(--chip-bg-color-active);\n border-color: var(--chip-bg-color-active);\n }\n }\n\n @each $color in $color-variants {\n &.#{$color} {\n --chip-bg-color: var(--color-#{$color}-6);\n --chip-border-color: var(--color-#{$color}-7);\n --chip-focus-color: var(--color-#{$color}-transparent);\n --chip-bg-color-active: var(--color-#{$color}-5);\n }\n }\n\n &.black {\n --chip-bg-color: black;\n --chip-border-color: var(--color-gray-4);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-1);\n }\n\n &.white {\n --chip-fg-color: black;\n --chip-bg-color: white;\n --chip-border-color: var(--color-gray-8);\n --chip-focus-color: var(--color-gray-transparent);\n --chip-bg-color-active: var(--color-gray-7);\n }\n\n @media (prefers-color-scheme: dark) {\n @each $color in $color-variants {\n &.#{$color} {\n --chip-border-color: var(--color-#{$color}-5);\n --chip-bg-color-active: var(--color-#{$color}-7);\n }\n }\n\n &.black {\n --chip-border-color: var(--color-gray-7);\n --chip-bg-color-active: var(--color-gray-8);\n }\n\n &.white {\n --chip-border-color: var(--color-gray-2);\n --chip-bg-color-active: var(--color-gray-3);\n }\n }\n\n .delete {\n outline: 0;\n margin-inline: var(--space-3xs) calc(-1 * var(--space-2xs));\n font-size: 0.6em;\n border: var(--border-s) solid var(--chip-border-color);\n border-radius: var(--radius-full);\n transition-property: background-color, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n height: 2em;\n width: 2em;\n user-select: none;\n background-color: #0002;\n padding: 0;\n display: inline-flex;\n box-shadow: none;\n\n &::after {\n content: \"\";\n width: 1.7em;\n height: 1.7em;\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M368 368L144 144M368 144L144 368\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: var(--chip-fg-color);\n margin: auto;\n }\n\n &:is(:focus-visible, .focus) {\n border-color: var(--chip-fg-color);\n }\n\n &:is(:hover, .hover, :focus-visible, .focus) {\n background-color: #0001;\n }\n\n &:is(:active, .active) {\n background-color: #0003;\n }\n }\n}\n","@use \"../utils\";\n@use \"./layout\";\n\n@mixin highlighted-text($color) {\n background-color: var(--color-#{$color}-8);\n color: var(--color-#{$color}-2);\n print-color-adjust: exact;\n}\n\n%heading-any {\n font-family: var(--font-family-heading);\n margin-block: 0.75em 0.3em;\n line-height: 1.15;\n text-wrap: balance;\n}\n\nh1,\n.h1,\n%h1 {\n @extend %heading-any;\n\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-black);\n}\n\nh2,\n.h2,\n%h2 {\n @extend %heading-any;\n\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-bold);\n}\n\nh3,\n.h3,\n%h3 {\n @extend %heading-any;\n\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-bold);\n}\n\nh4,\n.h4,\n%h4 {\n @extend %heading-any;\n\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-semibold);\n}\n\nh5,\n.h5,\n%h5 {\n @extend %heading-any;\n\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-semibold);\n}\n\nh6,\n.h6,\n%h6 {\n @extend %heading-any;\n\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n}\n\np,\n.p,\nli {\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-normal);\n line-height: 1.6;\n margin: 0;\n text-wrap: pretty;\n hanging-punctuation: first;\n}\n\nblockquote,\n.blockquote {\n display: block;\n margin: 0;\n color: var(--color-gray-4);\n border-inline-start: var(--border-l) solid var(--color-gray-transparent);\n padding: var(--space-3xs);\n padding-inline-start: var(--space-xs);\n position: relative;\n font-size: var(--font-size-m);\n line-height: 1.25;\n font-weight: var(--font-weight-normal);\n\n @media (prefers-color-scheme: dark) {\n color: var(--color-gray-2);\n }\n\n :is(footer, .footer) {\n margin-block-start: 0.5em;\n font-size: var(--font-size-s);\n font-style: initial;\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n\n :is(cite, .cite) {\n font-weight: var(--font-weight-normal);\n font-style: italic;\n }\n }\n}\n\na,\n.a {\n color: var(--color-sky-4);\n font-weight: var(--font-weight-semibold);\n text-decoration-line: underline;\n text-decoration-color: var(--color-sky-transparent);\n text-decoration-skip-ink: all;\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n cursor: pointer;\n transition: text-decoration-color 200ms ease;\n\n &:is(:hover, .hover) {\n text-decoration-color: currentcolor;\n }\n\n &:focus-visible {\n outline-offset: 1px;\n }\n\n &[target=\"_blank\"]:not(.no-external-icon, .button.icon)::after {\n content: \"\";\n print-color-adjust: exact;\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: var(--color-gray-5);\n display: inline-block;\n height: 0.85em;\n width: 0.85em;\n vertical-align: baseline;\n margin-left: 0.1em;\n }\n\n &[target=\"_blank\"]:not(.no-external-icon, .button.icon).button::after {\n background-color: currentcolor;\n }\n}\n\npre,\n.pre {\n font-family: var(--font-family-mono);\n}\n\ncode,\n.code,\nkbd,\n.kbd {\n background-color: var(--color-gray-extra-transparent);\n color: var(--color-gray-1);\n font-family: var(--font-family-mono);\n padding: 0 0.5ch;\n margin: 0 0.25ch;\n border-radius: var(--radius-s);\n font-size: 0.9em;\n}\n\nsamp,\n.samp {\n display: block;\n font-size: calc(0.9 * var(--font-size-m));\n background-color: var(--color-gray-9);\n color: var(--color-gray-1);\n border: var(--border-s) dashed var(--color-outline);\n border-radius: var(--radius-s);\n padding: var(--space-3xs);\n font-family: var(--font-family-mono);\n}\n\n:is(pre, .pre) > :is(code, .code) {\n background-color: unset;\n}\n\nstrong,\n.strong {\n font-weight: var(--font-weight-bold);\n}\n\nem,\n.em {\n font-style: italic;\n}\n\n::target-text {\n @include highlighted-text(\"brand\");\n}\n\nmark,\n.mark {\n @include highlighted-text(\"yellow\");\n}\n\nins,\n.ins {\n @include highlighted-text(\"green\");\n\n text-decoration-thickness: var(--border-m);\n text-decoration-color: var(--color-green-4);\n}\n\ndel,\n.del {\n @include highlighted-text(\"red\");\n @include utils.transition(\"text-decoration-color\", $duration: 150ms);\n\n text-decoration-line: line-through;\n text-decoration-skip-ink: none;\n text-decoration-thickness: var(--border-m);\n text-decoration-color: var(--color-red-4);\n\n &:hover {\n text-decoration-color: transparent;\n }\n}\n\n:is(abbr, .abbr)[title] {\n text-decoration-line: underline;\n text-decoration-style: dotted;\n /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- using the shorthand doesn't work in safari */\n text-decoration-color: var(--color-gray-6);\n text-decoration-thickness: var(--border-m);\n text-underline-offset: 0.1em;\n}\n\nsmall,\n.small {\n font-size: 0.75em;\n vertical-align: baseline;\n}\n\nsub,\n.sub,\nsup,\n.sup {\n font-size: 0.75em;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub,\n.sub {\n inset-block-end: -0.25em;\n}\n\nsup,\n.sup {\n inset-block-start: -0.5em;\n}\n\n/* Add a gap between consecutive block text elements */\n// prettier-ignore\n:is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) +\n :is(p, .p, blockquote, .blockquote, pre, .pre, samp, .samp, .alert, details):not(.alert-title, .accordion details) {\n margin-block-start: 0.75em;\n}\n\n.skip-link {\n position: fixed;\n z-index: 100;\n top: var(--space-body);\n left: var(--space-body);\n background-color: var(--color-body-alt);\n padding: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-l) solid currentcolor;\n outline: 0;\n box-shadow: var(--shadow-m);\n text-decoration: none;\n vertical-align: middle;\n\n &:not(:focus) {\n @extend %visually-hidden;\n }\n\n kbd {\n margin-inline-start: var(--space-3xs);\n font-weight: initial;\n }\n}\n","@use \"./text\";\n@use \"../utils\";\n\ndetails {\n width: 100%;\n background-color: var(--color-body-alt);\n padding-block: 0;\n padding-inline: var(--space-xs);\n border-radius: var(--radius-m);\n border: var(--border-s) solid var(--color-outline);\n box-shadow: var(--shadow-s);\n\n @media (prefers-reduced-motion: no-preference) {\n transition: 150ms padding ease;\n }\n\n summary {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n cursor: pointer;\n border-block-end: var(--border-s) dashed transparent;\n padding: var(--space-xs);\n padding-inline-start: calc(var(--space-xs) + 1em);\n margin-block: 0;\n margin-inline: calc(-1 * var(--space-xs));\n transition-duration: 150ms;\n transition-property: color, border-color;\n transition-timing-function: ease;\n position: relative;\n list-style: none; // Hides ::marker pseudo element in favor of ::before (better cross browser consistency)\n color: var(--color-body-text);\n user-select: none;\n\n @media (prefers-reduced-motion: no-preference) {\n transition-property: color, border-color, padding, margin;\n }\n\n &:is(:hover, .hover) {\n color: var(--color-brand-4) !important;\n }\n\n &:is(:active, .active) {\n color: var(--color-brand-2) !important;\n }\n\n // Hides ::-webkit-details-marker pseudo element in favor of ::before (better cross browser consistency)\n &::-webkit-details-marker {\n display: none;\n }\n\n // Replacement marker element\n &::before {\n content: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n display: inline-block;\n position: absolute;\n inset-block: 0;\n inset-inline-start: calc(var(--space-xs) / 2);\n margin: auto;\n width: 1em;\n height: 1em;\n rotate: -90deg;\n transition: rotate 200ms ease;\n }\n\n &:dir(rtl)::before {\n rotate: 90deg;\n }\n\n @media (prefers-reduced-motion) {\n transition-property: color, border-color;\n\n &::before {\n transition: none;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &:is(:hover, .hover) {\n color: var(--color-brand-2) !important;\n }\n\n &:is(:active, .active) {\n color: var(--color-brand-4) !important;\n }\n\n &::before {\n content: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n }\n }\n }\n\n &[open] {\n padding-block-end: var(--space-xs);\n\n summary {\n color: var(--color-brand-3);\n border-block-end-color: var(--color-outline);\n margin-block-end: var(--space-xs);\n\n &::before {\n rotate: 0deg;\n }\n }\n }\n\n &.subtle,\n .accordion.subtle > & {\n box-shadow: none;\n border: 0;\n padding-inline: var(--space-2xs);\n background-color: transparent;\n\n summary {\n border-block-end: 0;\n padding: var(--space-2xs);\n padding-inline-start: calc(var(--space-2xs) + 1em);\n }\n\n &[open] summary {\n margin-block-end: var(--space-2xs);\n }\n }\n}\n\n.accordion {\n width: 100%;\n\n > details {\n & + details {\n border-block-start: 0;\n }\n\n &:not(:first-of-type) {\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n }\n\n &:not(:last-of-type) {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n }\n }\n}\n\ndetails.no-width,\n.accordion.no-width,\n.accordion.no-width > details {\n width: initial;\n}\n","@use \"./text\";\n@use \"../utils\";\n\ndialog,\ndialog::backdrop {\n --dialog-starting-opacity: 0.25;\n --dialog-starting-transform: translateY(8px);\n --dialog-open-opacity: 1;\n --dialog-open-transform: translate(0);\n --dialog-ending-opacity: 0;\n --dialog-ending-transform: translateY(-4px) scale(0.97);\n --dialog-backdrop-starting-opacity: 0;\n --dialog-backdrop-open-opacity: 0.75;\n --dialog-backdrop-ending-opacity: 0;\n --dialog-backdrop-color: var(--color-gray-2);\n\n @media (prefers-reduced-motion) {\n --dialog-starting-transform: translate(0);\n --dialog-ending-transform: translate(0);\n }\n\n @media (prefers-color-scheme: dark) {\n --dialog-backdrop-color: var(--color-gray-8);\n --dialog-backdrop-open-opacity: 0.85;\n }\n}\n\ndialog {\n box-shadow: var(--shadow-xl);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-l);\n background-color: var(--color-body-alt);\n color: var(--color-body-text);\n padding: 0;\n flex-direction: column;\n gap: 0;\n\n &::backdrop {\n background-color: var(--dialog-backdrop-color);\n }\n\n &.drawer {\n --dialog-starting-opacity: 0.5;\n\n position: fixed;\n inset: 0;\n border-radius: 0;\n margin: 0;\n border: 0;\n overflow: auto;\n\n &.left {\n right: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateX(-16px);\n --dialog-ending-transform: translateX(-16px);\n }\n }\n\n &.top {\n bottom: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateY(-16px);\n --dialog-ending-transform: translateY(-16px);\n }\n }\n\n &.right {\n left: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateX(16px);\n --dialog-ending-transform: translateX(16px);\n }\n }\n\n &.bottom {\n top: auto;\n\n @media (prefers-reduced-motion: no-preference) {\n --dialog-starting-transform: translateY(16px);\n --dialog-ending-transform: translateY(16px);\n }\n }\n\n &.top,\n &.bottom {\n width: 100dvw;\n max-width: unset;\n height: auto;\n max-height: 100dvh;\n min-height: min(100dvh, 250px);\n\n &.small {\n max-height: min(100dvh, 300px);\n }\n\n &.medium {\n max-height: min(100dvh, 450px);\n }\n\n &.large {\n max-height: min(100dvh, 600px);\n }\n }\n\n &.left,\n &.right {\n height: 100dvh;\n max-height: unset;\n width: auto;\n min-width: min(100dvw, 300px);\n max-width: 100dvw;\n\n &.small {\n max-width: min(100dvw, 350px);\n }\n\n &.medium {\n max-width: min(100dvw, 450px);\n }\n\n &.large {\n max-width: min(100dvw, 700px);\n }\n }\n }\n\n &:not(.drawer) {\n --dialog-width: 9999px;\n\n max-height: calc(100svh - 4 * var(--space-body));\n max-width: min(calc(100svw - 4 * var(--space-body)), var(--dialog-width));\n\n &.small {\n --dialog-width: 400px;\n }\n\n &.medium {\n --dialog-width: 650px;\n }\n\n &.large {\n --dialog-width: 900px;\n }\n }\n\n &[open] {\n display: flex;\n }\n}\n\n.dialog-header {\n font-family: var(--font-family-heading);\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-bold);\n line-height: 1;\n padding: var(--space-m);\n padding-block-end: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--color-brand-3);\n margin: 0;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: inherit;\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n }\n\n .button.close {\n color: inherit;\n margin: -0.5rem;\n margin-inline-start: var(--space-3xs);\n\n &::after {\n content: \"\";\n width: 1.8em;\n height: 1.8em;\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M368 368L144 144M368 144L144 368\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n background-color: currentcolor;\n }\n }\n}\n\n.dialog-body {\n padding: var(--space-m);\n padding-block-start: var(--space-xs);\n flex-shrink: 1;\n display: block;\n overflow: auto;\n margin: 0;\n}\n\n.dialog-footer {\n padding: var(--space-xs);\n flex-shrink: 0;\n display: flex;\n gap: var(--space-2xs);\n justify-content: flex-start;\n background-color: var(--color-body);\n border-block-start: var(--border-s) solid var(--color-outline);\n margin: 0;\n\n @media screen and (width <= 500px) {\n flex-direction: column;\n width: 100%;\n justify-content: stretch;\n }\n\n .button:not(.small, .medium, .large) {\n font-size: 0.9rem;\n }\n}\n\n@supports (transition-behavior: allow-discrete) and (overlay: none) {\n dialog {\n animation: unset;\n }\n}\n","@use \"../utils\";\n\n.field {\n --field-gap: var(--space-2xs);\n --field-padding: 0.5em;\n --field-radius: var(--radius-m);\n\n display: inline-flex;\n flex-direction: column;\n line-height: 1;\n gap: var(--field-gap);\n color: var(--color-body-text);\n font-weight: var(--font-weight-semibold);\n transition-duration: 200ms;\n transition-property: color, box-shadow;\n transition-timing-function: ease;\n font-size: var(--font-size-m);\n\n &.compact,\n :is(form, .form, fieldset).compact & {\n --field-gap: calc(0.9 * var(--space-2xs));\n --field-padding: 0.33em;\n --field-radius: var(--radius-s);\n\n font-size: calc(0.9 * var(--font-size-m));\n }\n\n &:focus-within {\n color: var(--color-brand-5);\n }\n\n &:has(:user-invalid, &[aria-invalid=\"true\"]) {\n color: var(--color-red-5);\n\n .error-message {\n opacity: 1;\n }\n }\n\n &:has([readonly]):focus-within {\n color: var(--color-gray-5);\n }\n\n &:user-invalid {\n color: var(--color-red-5);\n }\n\n input:not(\n [type=\"button\"],\n [type=\"checkbox\"],\n [type=\"file\"],\n [type=\"hidden\"],\n [type=\"image\"],\n [type=\"radio\"],\n [type=\"range\"],\n [type=\"reset\"],\n [type=\"submit\"]\n ),\n select,\n textarea {\n color: var(--color-body-text);\n background-color: white;\n border: var(--border-s) solid var(--color-outline);\n font-size: 1em;\n padding: var(--field-padding);\n border-radius: var(--field-radius);\n transition-duration: 200ms;\n transition-property: color, box-shadow, border-color;\n transition-timing-function: ease;\n font-family: var(--font-family-body);\n\n @media (prefers-color-scheme: dark) {\n background-color: black;\n }\n\n &:focus {\n outline: 0;\n border-color: var(--color-brand-5);\n box-shadow:\n 0 0 0 0.1em var(--color-brand-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n }\n\n &:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n }\n\n // Not using :read-only because it matches additional elements (e.g., every color input)\n &[readonly] {\n cursor: not-allowed;\n border-style: dashed;\n\n &:focus {\n outline: 0;\n border-style: solid;\n border-color: var(--color-gray-5);\n box-shadow:\n 0 0 0 0.1em var(--color-gray-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-gray-transparent);\n }\n }\n\n &:user-invalid,\n &[aria-invalid=\"true\"] {\n border-color: var(--color-red-5);\n box-shadow: 0 0 0 0.1em var(--color-red-5);\n\n &:focus {\n outline: 0;\n border-color: var(--color-red-5);\n box-shadow:\n 0 0 0 0.1em var(--color-red-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-red-transparent);\n }\n }\n }\n\n input[type=\"color\"] {\n inline-size: auto;\n block-size: auto;\n cursor: pointer;\n\n &::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n &::-webkit-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n }\n\n &::-moz-color-swatch {\n border: 0;\n block-size: 1em;\n inline-size: 1.62em;\n border-radius: var(--radius-s);\n }\n }\n\n select {\n background-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n background-position: center right 0.25em;\n background-size: auto 75%;\n background-repeat: no-repeat;\n cursor: pointer;\n appearance: none;\n padding-inline-end: calc(2 * var(--space-2xs) + 1em);\n\n @media (prefers-color-scheme: dark) {\n background-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"m6 9l6 6l6-6\"/></svg>'\n )};\n }\n\n &:dir(rtl) {\n background-position: center left 0.25em;\n }\n }\n\n .help-text {\n font-size: 0.9em;\n color: var(--color-body-text-alt);\n font-weight: var(--font-weight-normal);\n margin: -0.25em 0 0;\n position: relative;\n }\n\n .error-message {\n transition: opacity 200ms ease;\n opacity: 0;\n font-size: 0.9em;\n border: 0;\n padding: 0;\n margin: 0;\n font-weight: var(--font-weight-semibold);\n display: flex;\n align-items: center;\n gap: 2px;\n\n &::before {\n content: \"\";\n mask-image: #{utils.svg-to-data-url(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z\"/></svg>'\n )};\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: currentcolor;\n display: inline-block;\n height: 1.2em;\n width: 1.2em;\n }\n }\n\n .input-group {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n\n > * {\n border-radius: 0 !important;\n z-index: 1;\n }\n\n > :first-child {\n border-start-start-radius: var(--field-radius) !important;\n border-end-start-radius: var(--field-radius) !important;\n }\n\n > :last-child {\n border-end-end-radius: var(--field-radius) !important;\n border-start-end-radius: var(--field-radius) !important;\n }\n\n > :focus-visible {\n z-index: 2;\n }\n\n > :is(.prefix, .suffix, .action) {\n user-select: none;\n -webkit-user-drag: none;\n display: flex;\n font-weight: var(--font-weight-normal);\n color: var(--color-gray-3);\n background-color: var(--color-gray-9);\n border: var(--border-s) solid var(--color-outline);\n padding: var(--field-padding) calc(2 * var(--field-padding));\n align-items: center;\n justify-content: center;\n font-size: 0.9em;\n\n :is(img, svg) {\n height: 1.15em;\n width: auto;\n }\n }\n\n > .prefix {\n border-inline-end: 0;\n }\n\n > .suffix {\n border-inline-start: 0;\n }\n\n > .action {\n cursor: pointer;\n color: var(--color-brand-3);\n border-inline-start: 0;\n transition-property: box-shadow, background-color;\n transition-timing-function: ease;\n transition-duration: 200ms;\n\n &:hover {\n background-color: var(--color-gray-8);\n }\n\n &:active {\n background-color: var(--color-gray-7);\n }\n\n &:focus-visible {\n border-color: var(--color-brand-5);\n border-inline-start-width: var(--border-s);\n border-inline-start-style: solid;\n box-shadow:\n 0 0 0 0.1em var(--color-brand-5),\n 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n outline: 0;\n }\n }\n\n > :is(input, select, textarea) {\n width: 100%;\n\n &:has(~ .action:focus-visible) {\n border-inline-end-width: 0;\n }\n }\n }\n}\n\nfieldset {\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-s);\n background-color: var(--color-body);\n color: var(--color-body-text);\n\n legend {\n color: var(--color-brand-3);\n font-family: var(--font-family-heading);\n font-weight: var(--font-weight-bold);\n }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n accent-color: var(--color-brand-5);\n}\n","hr,\n.hr {\n background-color: var(--color-outline);\n border: 0;\n outline: 0;\n width: 100%;\n height: var(--border-s);\n display: block;\n margin: var(--space-xs) 0;\n print-color-adjust: exact;\n\n &.invisible {\n visibility: hidden;\n }\n\n &.vertical {\n display: inline-block;\n width: var(--border-s);\n height: 100%;\n min-height: 1em;\n margin: 0 var(--space-xs);\n }\n}\n","@mixin background {\n border-radius: var(--radius-s);\n border: 0;\n display: block;\n inline-size: 100%;\n block-size: 1em;\n box-shadow: inset 0 0 0 var(--border-s) var(--color-outline);\n background: var(--color-gray-9);\n box-sizing: border-box;\n overflow: clip;\n}\n\n@mixin value {\n border-radius: var(--radius-s);\n border: var(--border-s) solid transparent;\n box-sizing: border-box;\n}\n\n@mixin value-good {\n background: var(--color-green-6);\n border-color: var(--color-green-5);\n}\n\n@mixin value-ok {\n background: var(--color-yellow-7);\n border-color: var(--color-yellow-6);\n\n @media (prefers-color-scheme: dark) {\n background: var(--color-yellow-4);\n border-color: var(--color-yellow-3);\n }\n}\n\n@mixin value-bad {\n background: var(--color-red-6);\n border-color: var(--color-red-5);\n}\n\n@mixin value-neutral {\n background: var(--color-blue-6);\n border-color: var(--color-blue-5);\n}\n\n@mixin value-indeterminate {\n @include value-neutral;\n\n opacity: 0.5;\n inline-size: 100% !important;\n animation: indeterminate-progress 1s linear infinite alternate;\n}\n\n@keyframes indeterminate-progress {\n from {\n opacity: 0.2;\n }\n\n to {\n opacity: 0.8;\n }\n}\n\nmeter {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-meter-bar) {\n meter {\n @include background;\n }\n}\n\n::-webkit-meter-bar {\n @include background;\n}\n\n::-webkit-meter-optimum-value,\n::-webkit-meter-suboptimum-value,\n::-webkit-meter-even-less-good-value {\n @include value;\n}\n\n::-webkit-meter-inner-element {\n display: inline-block;\n position: relative;\n}\n\n::-moz-meter-bar {\n @include value;\n}\n\n::-webkit-meter-optimum-value {\n @include value-good;\n}\n\n:-moz-meter-optimum::-moz-meter-bar {\n @include value-good;\n}\n\n::-webkit-meter-suboptimum-value {\n @include value-ok;\n}\n\n:-moz-meter-sub-optimum::-moz-meter-bar {\n @include value-ok;\n}\n\n::-webkit-meter-even-less-good-value {\n @include value-bad;\n}\n\n:-moz-meter-sub-sub-optimum::-moz-meter-bar {\n @include value-bad;\n}\n\nprogress {\n appearance: none;\n inline-size: 100%;\n block-size: 1em;\n}\n\n@supports selector(::-moz-progress-bar) {\n progress {\n @include background;\n }\n}\n\n::-webkit-progress-bar {\n @include background;\n}\n\n::-webkit-progress-value {\n @include value;\n @include value-neutral;\n}\n\n::-moz-progress-bar {\n @include value;\n @include value-neutral;\n}\n\n:indeterminate::-webkit-progress-value {\n @include value-indeterminate;\n}\n\n:indeterminate::-moz-progress-bar {\n @include value-indeterminate;\n}\n","@mixin track {\n block-size: 0.25em;\n inline-size: 100%;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n print-color-adjust: exact;\n\n @media (prefers-color-scheme: dark) {\n background-color: var(--color-gray-6);\n }\n}\n\n@mixin thumb {\n height: 1.25em;\n width: 1.25em;\n border-radius: var(--radius-full);\n background-color: white;\n box-shadow: var(--shadow-s);\n border: var(--border-s) solid var(--color-outline);\n transition-property: border-color, box-shadow, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n}\n\n@mixin thumb-active {\n border-color: var(--color-brand-5);\n\n &:active {\n @media screen and (resolution >= 2x) {\n transform: scale(0.9);\n }\n }\n}\n\n@mixin thumb-focus {\n border-color: var(--color-brand-5);\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\n\ninput[type=\"range\"] {\n font-size: 1rem;\n block-size: 1.25em;\n appearance: none;\n background: transparent;\n cursor: pointer;\n\n @media (pointer: coarse) {\n font-size: 1.5rem;\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &:focus-visible {\n outline: 0;\n\n &::-webkit-slider-thumb {\n @include thumb-focus;\n }\n\n &::-moz-range-thumb {\n @include thumb-focus;\n }\n }\n\n &:enabled:active {\n &::-webkit-slider-thumb {\n @include thumb-active;\n }\n\n &::-moz-range-thumb {\n @include thumb-active;\n }\n }\n\n &::-webkit-slider-runnable-track {\n @include track;\n }\n\n &::-moz-range-track {\n @include track;\n }\n\n &::-webkit-slider-thumb {\n @include thumb;\n\n appearance: none;\n margin-block-start: -0.5em;\n }\n\n &::-moz-range-thumb {\n @include thumb;\n }\n}\n","@keyframes skeleton-pulse-light {\n from {\n opacity: 0.14;\n }\n\n to {\n opacity: 0.21;\n }\n}\n\n@keyframes skeleton-pulse-dark {\n from {\n opacity: 0.28;\n }\n\n to {\n opacity: 0.36;\n }\n}\n\n.skeleton {\n animation: skeleton-pulse-light 1s ease alternate 0s infinite !important;\n border-radius: var(--radius-s) !important;\n background-color: var(--color-gray-5) !important;\n border: 0 !important;\n outline: 0 !important;\n box-shadow: 0 !important;\n pointer-events: none !important;\n color: transparent !important;\n mask-image: none !important;\n background-image: none !important;\n print-color-adjust: exact;\n\n &:is(p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {\n inline-size: 100%;\n }\n\n &:is(\n p,\n .p,\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6,\n .chip\n )::before {\n content: \".\";\n }\n\n &:is(.button, .chip):empty {\n min-inline-size: 5em;\n }\n\n &::before,\n &::after,\n > * {\n visibility: hidden !important;\n }\n\n @media (prefers-color-scheme: dark) {\n animation-name: skeleton-pulse-dark !important;\n }\n}\n","input[type=\"checkbox\"].switch,\nlabel.switch input[type=\"checkbox\"] {\n font-size: 1rem;\n print-color-adjust: exact;\n appearance: none;\n block-size: 1.8em;\n inline-size: 3em;\n border-radius: var(--radius-full);\n background-color: var(--color-gray-8);\n position: relative;\n flex: none;\n transition-property: background-color, box-shadow, border-color;\n transition-duration: 200ms;\n transition-timing-function: ease;\n border: 0.1em solid var(--color-gray-7);\n cursor: pointer;\n\n &.small {\n font-size: 0.8rem;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n height: 1.4em;\n width: 1.4em;\n background-color: white;\n inset-inline-start: 0.1em;\n inset-block-start: 0.1em;\n border-radius: var(--radius-full);\n box-shadow: var(--shadow-s);\n transition-property: border-color, transform;\n transition-duration: 200ms;\n transition-timing-function: ease;\n transform: translateX(0);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &:is(:focus-visible, .focus) {\n border-color: var(--color-gray-6);\n box-shadow: 0 0 0 0.2em var(--color-gray-transparent);\n outline: 0;\n }\n\n &:checked {\n background-color: var(--color-brand-6);\n border-color: var(--color-brand-5);\n\n &::after {\n transform: translateX(1.2em);\n }\n\n &:is(:focus-visible, .focus) {\n box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n }\n }\n\n &:dir(rtl):checked::after {\n transform: translateX(-1.2em);\n }\n\n @media (prefers-color-scheme: dark) {\n background-color: var(--color-gray-5);\n\n &:checked {\n background-color: var(--color-brand-5);\n }\n }\n}\n\nlabel.switch {\n inline-size: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n font-weight: var(--font-weight-semibold);\n}\n","@use \"./text\";\n\ntable {\n --table-bg-odd: var(--color-body-alt);\n --table-bg-even: var(--color-body);\n --table-vertical-border: var(--border-s);\n\n background-color: var(--color-body-alt);\n border-collapse: separate;\n border-spacing: 0;\n font-size: var(--font-size-m);\n border: var(--border-s) solid var(--color-outline);\n border-radius: var(--radius-s);\n color: var(--color-body-text);\n\n &.subtle {\n --table-bg-odd: transparent;\n --table-bg-even: transparent;\n --table-vertical-border: 0;\n\n border: 0;\n }\n\n &.dense :is(th, td) {\n padding: var(--space-3xs) var(--space-2xs);\n }\n\n &.sparse :is(th, td) {\n padding: var(--space-xs) var(--space-s);\n }\n}\n\ncaption {\n @extend %h5;\n\n text-align: unset;\n margin: 0 0 var(--space-2xs);\n}\n\nth,\ntd {\n padding: var(--space-2xs) var(--space-xs);\n}\n\nth,\ntfoot td {\n font-weight: var(--font-weight-bold);\n text-align: center;\n}\n\nth {\n border-block-end: var(--border-m) solid var(--color-outline);\n}\n\ntfoot td {\n border-block-start: var(--border-m) solid var(--color-outline);\n}\n\ntd {\n text-align: unset;\n}\n\n:is(th, tfoot td):not(:last-of-type) {\n border-inline-end: var(--table-vertical-border) dashed var(--color-outline);\n}\n\ntd:not(tfoot td, :last-of-type) {\n border-inline-end: var(--table-vertical-border) solid var(--color-outline);\n}\n\ntr:not(:last-of-type) td {\n border-block-end: var(--border-s) solid var(--color-outline);\n}\n\ntbody tr:nth-child(odd),\ntbody:has(tr:last-of-type:nth-child(even)) + tfoot tr {\n background-color: var(--table-bg-even);\n}\n\ntbody tr:nth-child(even) {\n background-color: var(--table-bg-odd);\n}\n","dialog[open] {\n display: flex;\n transform: var(--dialog-open-transform);\n opacity: var(--dialog-open-opacity);\n}\n\ndialog[open]::backdrop {\n opacity: var(--dialog-backdrop-open-opacity);\n}\n\ndialog {\n transform: var(--dialog-ending-transform);\n opacity: var(--dialog-ending-opacity);\n transition:\n transform 150ms ease,\n opacity 150ms ease,\n display 150ms ease allow-discrete,\n overlay 150ms ease allow-discrete;\n}\n\ndialog::backdrop {\n opacity: var(--dialog-backdrop-ending-opacity);\n transition:\n transform 150ms ease,\n opacity 150ms ease,\n display 150ms ease allow-discrete,\n overlay 150ms ease allow-discrete;\n}\n\n@starting-style {\n dialog[open] {\n transform: var(--dialog-starting-transform);\n opacity: var(--dialog-starting-opacity);\n }\n\n dialog[open]::backdrop {\n opacity: var(--dialog-backdrop-starting-opacity);\n }\n}\n","@starting-style {\n .app > .sidebar {\n opacity: 0;\n }\n}\n","@use \"./variables\";\n@use \"./components/alert\";\n@use \"./components/app\";\n@use \"./components/button\";\n@use \"./components/card\";\n@use \"./components/chip\";\n@use \"./components/details\";\n@use \"./components/dialog\";\n@use \"./components/field\";\n@use \"./components/hr\";\n@use \"./components/layout\";\n@use \"./components/progress-meter\";\n@use \"./components/range\";\n@use \"./components/skeleton\";\n@use \"./components/switch\";\n@use \"./components/table\";\n@use \"./components/text\";\n@import \"./experimental/dialog-animations\";\n@import \"./experimental/mobile-sidebar-fade-out\";\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n text-size-adjust: 100%;\n color-scheme: light dark;\n}\n\nbody {\n min-height: 100svh;\n margin: 0;\n background-color: var(--color-body);\n color: var(--color-body-text);\n font-family: var(--font-family-body);\n font-size: var(--font-size-m);\n}\n\n.sr-only {\n @extend %visually-hidden;\n}\n"]}