@jrgermain/stylesheet 0.2.0 → 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 (6) hide show
  1. package/dist/index.css +6 -6
  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/components/_app.scss +5 -4
package/dist/index.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.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: 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: 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 overflow: auto hidden;\n scrollbar-width: thin;\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: 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: 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 overflow: auto hidden;\n scrollbar-width: thin;\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"]}
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.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"]}