@jrgermain/stylesheet 0.0.3

package/dist/index.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles/_variables.scss","../src/src/styles/index.scss","../src/styles/index.scss","../src/styles/components/_alert.scss","../src/styles/components/_layout.scss","../src/styles/components/_app.scss","../src/styles/_utils.scss","../src/styles/components/_button.scss","../src/styles/components/_card.scss","../src/styles/components/_chip.scss","../src/styles/components/_text.scss","../src/styles/components/_details.scss","../src/styles/components/_dialog.scss","../src/styles/components/_field.scss","../src/styles/components/_hr.scss","../src/styles/components/_progress-meter.scss","../src/styles/components/_range.scss","../src/styles/components/_skeleton.scss","../src/styles/components/_switch.scss","../src/styles/components/_table.scss","../src/styles/experimental/dialog-animations.css","../src/styles/experimental/mobile-sidebar-fade-out.css","../src/styles/index.scss%23sass"],"names":[],"mappings":"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","file":"index.min.css","sourcesContent":["@use \"sass:map\";\n@use \"sass:color\";\n@use \"sass:math\";\n\n:root,\n::backdrop {\n  --header-height: clamp(50px, 3.5rem, 70px);\n  --sidebar-width: clamp(300px, 18rem, 400px);\n  --opacity-low: 20%;\n  --opacity-medium: 40%;\n  --opacity-high: 70%;\n\n  // Brand\n  --color-brand-1: oklch(15% 55% 270deg);\n  --color-brand-2: oklch(25% 53% 270deg);\n  --color-brand-3: oklch(35% 52% 270deg);\n  --color-brand-4: oklch(45% 51% 270deg);\n  --color-brand-5: oklch(55% 50% 270deg);\n  --color-brand-6: oklch(65% 50% 270deg);\n  --color-brand-7: oklch(75% 45% 270deg);\n  --color-brand-8: oklch(85% 42% 270deg);\n  --color-brand-9: oklch(95% 36% 270deg);\n  --color-brand-transparent: oklch(55% 50% 270deg / var(--opacity-medium));\n  --color-brand-extra-transparent: oklch(55% 50% 270deg / var(--opacity-low));\n\n  // Red\n  --color-red-1: oklch(15% 55% 30deg);\n  --color-red-2: oklch(25% 52% 30deg);\n  --color-red-3: oklch(35% 54% 30deg);\n  --color-red-4: oklch(45% 52% 30deg);\n  --color-red-5: oklch(55% 50% 30deg);\n  --color-red-6: oklch(65% 50% 30deg);\n  --color-red-7: oklch(75% 45% 30deg);\n  --color-red-8: oklch(85% 45% 30deg);\n  --color-red-9: oklch(95% 38% 30deg);\n  --color-red-transparent: oklch(55% 50% 30deg / var(--opacity-medium));\n  --color-red-extra-transparent: oklch(55% 50% 30deg / var(--opacity-low));\n\n  // Orange\n  --color-orange-1: oklch(15% 55% 61deg);\n  --color-orange-2: oklch(25% 50% 61deg);\n  --color-orange-3: oklch(35% 49% 61deg);\n  --color-orange-4: oklch(45% 48% 61deg);\n  --color-orange-5: oklch(55% 50% 61deg);\n  --color-orange-6: oklch(65% 50% 61deg);\n  --color-orange-7: oklch(75% 45% 61deg);\n  --color-orange-8: oklch(85% 40% 61deg);\n  --color-orange-9: oklch(95% 35% 61deg);\n  --color-orange-transparent: oklch(55% 50% 61deg / var(--opacity-medium));\n  --color-orange-extra-transparent: oklch(55% 50% 61deg / var(--opacity-low));\n\n  // Yellow\n  --color-yellow-1: oklch(15% 50% 90deg);\n  --color-yellow-2: oklch(25% 50% 90deg);\n  --color-yellow-3: oklch(35% 50% 90deg);\n  --color-yellow-4: oklch(45% 44% 90deg);\n  --color-yellow-5: oklch(55% 44% 90deg);\n  --color-yellow-6: oklch(65% 44% 90deg);\n  --color-yellow-7: oklch(75% 40% 90deg);\n  --color-yellow-8: oklch(85% 37% 90deg);\n  --color-yellow-9: oklch(95% 29% 90deg);\n  --color-yellow-transparent: oklch(55% 44% 90deg / var(--opacity-medium));\n  --color-yellow-extra-transparent: oklch(55% 44% 90deg / var(--opacity-low));\n\n  // Green\n  --color-green-1: oklch(15% 55% 133deg);\n  --color-green-2: oklch(25% 55% 133deg);\n  --color-green-3: oklch(35% 50% 133deg);\n  --color-green-4: oklch(45% 50% 133deg);\n  --color-green-5: oklch(55% 49% 133deg);\n  --color-green-6: oklch(65% 49% 133deg);\n  --color-green-7: oklch(75% 45% 133deg);\n  --color-green-8: oklch(85% 43% 133deg);\n  --color-green-9: oklch(95% 30% 133deg);\n  --color-green-transparent: oklch(55% 49% 133deg / var(--opacity-medium));\n  --color-green-extra-transparent: oklch(55% 49% 133deg / var(--opacity-low));\n\n  // Sky\n  --color-sky-1: oklch(15% 55% 200deg);\n  --color-sky-2: oklch(25% 55% 200deg);\n  --color-sky-3: oklch(35% 50% 200deg);\n  --color-sky-4: oklch(45% 50% 200deg);\n  --color-sky-5: oklch(55% 52% 200deg);\n  --color-sky-6: oklch(65% 46% 200deg);\n  --color-sky-7: oklch(75% 36% 200deg);\n  --color-sky-8: oklch(85% 25% 200deg);\n  --color-sky-9: oklch(95% 17% 200deg);\n  --color-sky-transparent: oklch(55% 52% 200deg / var(--opacity-medium));\n  --color-sky-extra-transparent: oklch(55% 52% 200deg / var(--opacity-low));\n\n  // Blue\n  --color-blue-1: oklch(15% 55% 260deg);\n  --color-blue-2: oklch(25% 55% 260deg);\n  --color-blue-3: oklch(35% 53% 260deg);\n  --color-blue-4: oklch(45% 50% 260deg);\n  --color-blue-5: oklch(55% 52% 260deg);\n  --color-blue-6: oklch(65% 52% 260deg);\n  --color-blue-7: oklch(75% 52% 260deg);\n  --color-blue-8: oklch(85% 50% 260deg);\n  --color-blue-9: oklch(95% 39% 260deg);\n  --color-blue-transparent: oklch(55% 52% 260deg / var(--opacity-medium));\n  --color-blue-extra-transparent: oklch(55% 52% 260deg / var(--opacity-low));\n\n  // Purple\n  --color-purple-1: oklch(15% 55% 310deg);\n  --color-purple-2: oklch(25% 55% 310deg);\n  --color-purple-3: oklch(35% 53% 310deg);\n  --color-purple-4: oklch(45% 52% 310deg);\n  --color-purple-5: oklch(55% 52% 310deg);\n  --color-purple-6: oklch(65% 51% 310deg);\n  --color-purple-7: oklch(75% 48% 310deg);\n  --color-purple-8: oklch(85% 42% 310deg);\n  --color-purple-9: oklch(95% 40% 310deg);\n  --color-purple-transparent: oklch(55% 52% 310deg / var(--opacity-medium));\n  --color-purple-extra-transparent: oklch(55% 52% 310deg / var(--opacity-low));\n\n  // Magenta\n  --color-magenta-1: oklch(15% 55% 356deg);\n  --color-magenta-2: oklch(25% 55% 356deg);\n  --color-magenta-3: oklch(35% 54% 356deg);\n  --color-magenta-4: oklch(45% 51% 356deg);\n  --color-magenta-5: oklch(55% 50% 356deg);\n  --color-magenta-6: oklch(65% 47% 356deg);\n  --color-magenta-7: oklch(75% 43% 356deg);\n  --color-magenta-8: oklch(85% 38% 356deg);\n  --color-magenta-9: oklch(95% 30% 356deg);\n  --color-magenta-transparent: oklch(55% 50% 356deg / var(--opacity-medium));\n  --color-magenta-extra-transparent: oklch(55% 50% 356deg / var(--opacity-low));\n\n  // Gray\n  --color-gray-1: oklch(15% 2% 263deg);\n  --color-gray-2: oklch(25% 2% 263deg);\n  --color-gray-3: oklch(35% 2% 263deg);\n  --color-gray-4: oklch(45% 2% 263deg);\n  --color-gray-5: oklch(55% 2% 263deg);\n  --color-gray-6: oklch(65% 2% 263deg);\n  --color-gray-7: oklch(75% 2% 263deg);\n  --color-gray-8: oklch(85% 2% 263deg);\n  --color-gray-9: oklch(95% 2% 263deg);\n  --color-gray-transparent: oklch(55% 2% 263deg / var(--opacity-medium));\n  --color-gray-extra-transparent: oklch(55% 2% 263deg / var(--opacity-low));\n\n  // Individual colors\n  --color-body: oklch(98.5% 1% 263deg);\n  --color-body-alt: white;\n  --color-body-text: oklch(10% 2% 263deg);\n  --color-body-text-alt: oklch(38% 2% 263deg);\n  --color-shadow: oklch(40% 2% 263deg / 15%);\n  --color-outline: oklch(89% 2% 263deg);\n\n  @media (prefers-color-scheme: dark) {\n    // Brand\n    --color-brand-9: oklch(17% 55% 270deg);\n    --color-brand-8: oklch(27% 53% 270deg);\n    --color-brand-7: oklch(37% 52% 270deg);\n    --color-brand-6: oklch(47% 51% 270deg);\n    --color-brand-5: oklch(57% 50% 270deg);\n    --color-brand-4: oklch(67% 50% 270deg);\n    --color-brand-3: oklch(77% 45% 270deg);\n    --color-brand-2: oklch(87% 42% 270deg);\n    --color-brand-1: oklch(97% 36% 270deg);\n\n    // Red\n    --color-red-9: oklch(17% 55% 30deg);\n    --color-red-8: oklch(27% 52% 30deg);\n    --color-red-7: oklch(37% 54% 30deg);\n    --color-red-6: oklch(47% 52% 30deg);\n    --color-red-5: oklch(57% 50% 30deg);\n    --color-red-4: oklch(67% 50% 30deg);\n    --color-red-3: oklch(77% 45% 30deg);\n    --color-red-2: oklch(87% 45% 30deg);\n    --color-red-1: oklch(97% 38% 30deg);\n\n    // Orange\n    --color-orange-9: oklch(17% 55% 61deg);\n    --color-orange-8: oklch(27% 50% 61deg);\n    --color-orange-7: oklch(37% 49% 61deg);\n    --color-orange-6: oklch(47% 48% 61deg);\n    --color-orange-5: oklch(57% 50% 61deg);\n    --color-orange-4: oklch(67% 50% 61deg);\n    --color-orange-3: oklch(77% 45% 61deg);\n    --color-orange-2: oklch(87% 40% 61deg);\n    --color-orange-1: oklch(97% 35% 61deg);\n\n    // Yellow\n    --color-yellow-9: oklch(17% 50% 90deg);\n    --color-yellow-8: oklch(27% 50% 90deg);\n    --color-yellow-7: oklch(37% 50% 90deg);\n    --color-yellow-6: oklch(47% 44% 90deg);\n    --color-yellow-5: oklch(57% 44% 90deg);\n    --color-yellow-4: oklch(67% 44% 90deg);\n    --color-yellow-3: oklch(77% 40% 90deg);\n    --color-yellow-2: oklch(87% 37% 90deg);\n    --color-yellow-1: oklch(97% 29% 90deg);\n\n    // Green\n    --color-green-9: oklch(17% 55% 133deg);\n    --color-green-8: oklch(27% 55% 133deg);\n    --color-green-7: oklch(37% 50% 133deg);\n    --color-green-6: oklch(47% 50% 133deg);\n    --color-green-5: oklch(57% 49% 133deg);\n    --color-green-4: oklch(67% 49% 133deg);\n    --color-green-3: oklch(77% 45% 133deg);\n    --color-green-2: oklch(87% 43% 133deg);\n    --color-green-1: oklch(97% 30% 133deg);\n\n    // Sky\n    --color-sky-9: oklch(17% 55% 200deg);\n    --color-sky-8: oklch(27% 55% 200deg);\n    --color-sky-7: oklch(37% 50% 200deg);\n    --color-sky-6: oklch(47% 50% 200deg);\n    --color-sky-5: oklch(57% 52% 200deg);\n    --color-sky-4: oklch(67% 46% 200deg);\n    --color-sky-3: oklch(77% 36% 200deg);\n    --color-sky-2: oklch(87% 25% 200deg);\n    --color-sky-1: oklch(97% 17% 200deg);\n\n    // Blue\n    --color-blue-9: oklch(17% 55% 260deg);\n    --color-blue-8: oklch(27% 55% 260deg);\n    --color-blue-7: oklch(37% 53% 260deg);\n    --color-blue-6: oklch(47% 50% 260deg);\n    --color-blue-5: oklch(57% 52% 260deg);\n    --color-blue-4: oklch(67% 52% 260deg);\n    --color-blue-3: oklch(77% 52% 260deg);\n    --color-blue-2: oklch(87% 50% 260deg);\n    --color-blue-1: oklch(97% 39% 260deg);\n\n    // Purple\n    --color-purple-9: oklch(17% 55% 310deg);\n    --color-purple-8: oklch(27% 55% 310deg);\n    --color-purple-7: oklch(37% 53% 310deg);\n    --color-purple-6: oklch(47% 52% 310deg);\n    --color-purple-5: oklch(57% 52% 310deg);\n    --color-purple-4: oklch(67% 51% 310deg);\n    --color-purple-3: oklch(77% 48% 310deg);\n    --color-purple-2: oklch(87% 42% 310deg);\n    --color-purple-1: oklch(97% 40% 310deg);\n\n    // Magenta\n    --color-magenta-9: oklch(17% 55% 356deg);\n    --color-magenta-8: oklch(27% 55% 356deg);\n    --color-magenta-7: oklch(37% 54% 356deg);\n    --color-magenta-6: oklch(47% 51% 356deg);\n    --color-magenta-5: oklch(57% 50% 356deg);\n    --color-magenta-4: oklch(67% 47% 356deg);\n    --color-magenta-3: oklch(77% 43% 356deg);\n    --color-magenta-2: oklch(87% 38% 356deg);\n    --color-magenta-1: oklch(97% 30% 356deg);\n\n    // Gray\n    --color-gray-9: oklch(17% 2% 263deg);\n    --color-gray-8: oklch(27% 2% 263deg);\n    --color-gray-7: oklch(37% 2% 263deg);\n    --color-gray-6: oklch(47% 2% 263deg);\n    --color-gray-5: oklch(57% 2% 263deg);\n    --color-gray-4: oklch(67% 2% 263deg);\n    --color-gray-3: oklch(77% 2% 263deg);\n    --color-gray-2: oklch(87% 2% 263deg);\n    --color-gray-1: oklch(97% 2% 263deg);\n\n    // Darker replacements for semantic colors\n    --color-body: oklch(20% 2% 263deg);\n    --color-body-alt: oklch(8% 2% 263deg);\n    --color-body-text: white;\n    --color-body-text-alt: oklch(88% 1% 263deg);\n    --color-shadow: oklch(5% 2% 263deg / 25%);\n    --color-outline: oklch(39% 2% 263deg);\n\n    // Slightly decrease font weights\n    --font-weight-black: 900;\n    --font-weight-bold: 700;\n    --font-weight-semibold: 550;\n    --font-weight-normal: 375;\n\n    // Slightly increase opacity\n    --opacity-low: 35%;\n    --opacity-medium: 50%;\n    --opacity-high: 80%;\n  }\n\n  // Font sizes\n  --font-size-xs: clamp(0.6944rem, 0.6855rem + 0.0446vw, 0.72rem);\n  --font-size-s: clamp(0.8331rem, 0.8099rem + 0.1163vw, 0.9rem);\n  --font-size-m: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);\n  --font-size-l: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);\n  --font-size-xl: clamp(1.44rem, 1.3293rem + 0.5533vw, 1.7581rem);\n  --font-size-2xl: clamp(1.7281rem, 1.5649rem + 0.8163vw, 2.1975rem);\n  --font-size-3xl: clamp(2.0738rem, 1.8396rem + 1.1707vw, 2.7469rem);\n  --font-size-4xl: clamp(2.4881rem, 2.1594rem + 1.6435vw, 3.4331rem);\n\n  // Font weights\n  --font-weight-black: 950;\n  --font-weight-bold: 750;\n  --font-weight-semibold: 600;\n  --font-weight-normal: 400;\n  --font-weight-light: 200;\n\n  // Font families\n  --font-family-body: \"Manrope Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n    \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n  --font-family-heading: \"Lexend Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n    \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n  --font-family-ui: var(--font-family-body);\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  --header-height: clamp(50px, 3.5rem, 70px);\n  --sidebar-width: clamp(300px, 18rem, 400px);\n  --opacity-low: 20%;\n  --opacity-medium: 40%;\n  --opacity-high: 70%;\n  --color-brand-1: oklch(15% 55% 270deg);\n  --color-brand-2: oklch(25% 53% 270deg);\n  --color-brand-3: oklch(35% 52% 270deg);\n  --color-brand-4: oklch(45% 51% 270deg);\n  --color-brand-5: oklch(55% 50% 270deg);\n  --color-brand-6: oklch(65% 50% 270deg);\n  --color-brand-7: oklch(75% 45% 270deg);\n  --color-brand-8: oklch(85% 42% 270deg);\n  --color-brand-9: oklch(95% 36% 270deg);\n  --color-brand-transparent: oklch(55% 50% 270deg / var(--opacity-medium));\n  --color-brand-extra-transparent: oklch(55% 50% 270deg / var(--opacity-low));\n  --color-red-1: oklch(15% 55% 30deg);\n  --color-red-2: oklch(25% 52% 30deg);\n  --color-red-3: oklch(35% 54% 30deg);\n  --color-red-4: oklch(45% 52% 30deg);\n  --color-red-5: oklch(55% 50% 30deg);\n  --color-red-6: oklch(65% 50% 30deg);\n  --color-red-7: oklch(75% 45% 30deg);\n  --color-red-8: oklch(85% 45% 30deg);\n  --color-red-9: oklch(95% 38% 30deg);\n  --color-red-transparent: oklch(55% 50% 30deg / var(--opacity-medium));\n  --color-red-extra-transparent: oklch(55% 50% 30deg / var(--opacity-low));\n  --color-orange-1: oklch(15% 55% 61deg);\n  --color-orange-2: oklch(25% 50% 61deg);\n  --color-orange-3: oklch(35% 49% 61deg);\n  --color-orange-4: oklch(45% 48% 61deg);\n  --color-orange-5: oklch(55% 50% 61deg);\n  --color-orange-6: oklch(65% 50% 61deg);\n  --color-orange-7: oklch(75% 45% 61deg);\n  --color-orange-8: oklch(85% 40% 61deg);\n  --color-orange-9: oklch(95% 35% 61deg);\n  --color-orange-transparent: oklch(55% 50% 61deg / var(--opacity-medium));\n  --color-orange-extra-transparent: oklch(55% 50% 61deg / var(--opacity-low));\n  --color-yellow-1: oklch(15% 50% 90deg);\n  --color-yellow-2: oklch(25% 50% 90deg);\n  --color-yellow-3: oklch(35% 50% 90deg);\n  --color-yellow-4: oklch(45% 44% 90deg);\n  --color-yellow-5: oklch(55% 44% 90deg);\n  --color-yellow-6: oklch(65% 44% 90deg);\n  --color-yellow-7: oklch(75% 40% 90deg);\n  --color-yellow-8: oklch(85% 37% 90deg);\n  --color-yellow-9: oklch(95% 29% 90deg);\n  --color-yellow-transparent: oklch(55% 44% 90deg / var(--opacity-medium));\n  --color-yellow-extra-transparent: oklch(55% 44% 90deg / var(--opacity-low));\n  --color-green-1: oklch(15% 55% 133deg);\n  --color-green-2: oklch(25% 55% 133deg);\n  --color-green-3: oklch(35% 50% 133deg);\n  --color-green-4: oklch(45% 50% 133deg);\n  --color-green-5: oklch(55% 49% 133deg);\n  --color-green-6: oklch(65% 49% 133deg);\n  --color-green-7: oklch(75% 45% 133deg);\n  --color-green-8: oklch(85% 43% 133deg);\n  --color-green-9: oklch(95% 30% 133deg);\n  --color-green-transparent: oklch(55% 49% 133deg / var(--opacity-medium));\n  --color-green-extra-transparent: oklch(55% 49% 133deg / var(--opacity-low));\n  --color-sky-1: oklch(15% 55% 200deg);\n  --color-sky-2: oklch(25% 55% 200deg);\n  --color-sky-3: oklch(35% 50% 200deg);\n  --color-sky-4: oklch(45% 50% 200deg);\n  --color-sky-5: oklch(55% 52% 200deg);\n  --color-sky-6: oklch(65% 46% 200deg);\n  --color-sky-7: oklch(75% 36% 200deg);\n  --color-sky-8: oklch(85% 25% 200deg);\n  --color-sky-9: oklch(95% 17% 200deg);\n  --color-sky-transparent: oklch(55% 52% 200deg / var(--opacity-medium));\n  --color-sky-extra-transparent: oklch(55% 52% 200deg / var(--opacity-low));\n  --color-blue-1: oklch(15% 55% 260deg);\n  --color-blue-2: oklch(25% 55% 260deg);\n  --color-blue-3: oklch(35% 53% 260deg);\n  --color-blue-4: oklch(45% 50% 260deg);\n  --color-blue-5: oklch(55% 52% 260deg);\n  --color-blue-6: oklch(65% 52% 260deg);\n  --color-blue-7: oklch(75% 52% 260deg);\n  --color-blue-8: oklch(85% 50% 260deg);\n  --color-blue-9: oklch(95% 39% 260deg);\n  --color-blue-transparent: oklch(55% 52% 260deg / var(--opacity-medium));\n  --color-blue-extra-transparent: oklch(55% 52% 260deg / var(--opacity-low));\n  --color-purple-1: oklch(15% 55% 310deg);\n  --color-purple-2: oklch(25% 55% 310deg);\n  --color-purple-3: oklch(35% 53% 310deg);\n  --color-purple-4: oklch(45% 52% 310deg);\n  --color-purple-5: oklch(55% 52% 310deg);\n  --color-purple-6: oklch(65% 51% 310deg);\n  --color-purple-7: oklch(75% 48% 310deg);\n  --color-purple-8: oklch(85% 42% 310deg);\n  --color-purple-9: oklch(95% 40% 310deg);\n  --color-purple-transparent: oklch(55% 52% 310deg / var(--opacity-medium));\n  --color-purple-extra-transparent: oklch(55% 52% 310deg / var(--opacity-low));\n  --color-magenta-1: oklch(15% 55% 356deg);\n  --color-magenta-2: oklch(25% 55% 356deg);\n  --color-magenta-3: oklch(35% 54% 356deg);\n  --color-magenta-4: oklch(45% 51% 356deg);\n  --color-magenta-5: oklch(55% 50% 356deg);\n  --color-magenta-6: oklch(65% 47% 356deg);\n  --color-magenta-7: oklch(75% 43% 356deg);\n  --color-magenta-8: oklch(85% 38% 356deg);\n  --color-magenta-9: oklch(95% 30% 356deg);\n  --color-magenta-transparent: oklch(55% 50% 356deg / var(--opacity-medium));\n  --color-magenta-extra-transparent: oklch(55% 50% 356deg / var(--opacity-low));\n  --color-gray-1: oklch(15% 2% 263deg);\n  --color-gray-2: oklch(25% 2% 263deg);\n  --color-gray-3: oklch(35% 2% 263deg);\n  --color-gray-4: oklch(45% 2% 263deg);\n  --color-gray-5: oklch(55% 2% 263deg);\n  --color-gray-6: oklch(65% 2% 263deg);\n  --color-gray-7: oklch(75% 2% 263deg);\n  --color-gray-8: oklch(85% 2% 263deg);\n  --color-gray-9: oklch(95% 2% 263deg);\n  --color-gray-transparent: oklch(55% 2% 263deg / var(--opacity-medium));\n  --color-gray-extra-transparent: oklch(55% 2% 263deg / var(--opacity-low));\n  --color-body: oklch(98.5% 1% 263deg);\n  --color-body-alt: white;\n  --color-body-text: oklch(10% 2% 263deg);\n  --color-body-text-alt: oklch(38% 2% 263deg);\n  --color-shadow: oklch(40% 2% 263deg / 15%);\n  --color-outline: oklch(89% 2% 263deg);\n  --font-size-xs: clamp(0.6944rem, 0.6855rem + 0.0446vw, 0.72rem);\n  --font-size-s: clamp(0.8331rem, 0.8099rem + 0.1163vw, 0.9rem);\n  --font-size-m: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);\n  --font-size-l: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);\n  --font-size-xl: clamp(1.44rem, 1.3293rem + 0.5533vw, 1.7581rem);\n  --font-size-2xl: clamp(1.7281rem, 1.5649rem + 0.8163vw, 2.1975rem);\n  --font-size-3xl: clamp(2.0738rem, 1.8396rem + 1.1707vw, 2.7469rem);\n  --font-size-4xl: clamp(2.4881rem, 2.1594rem + 1.6435vw, 3.4331rem);\n  --font-weight-black: 950;\n  --font-weight-bold: 750;\n  --font-weight-semibold: 600;\n  --font-weight-normal: 400;\n  --font-weight-light: 200;\n  --font-family-body: \"Manrope Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n    \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n  --font-family-heading: \"Lexend Variable\", \"Inter\", \"Roboto\", \"Helvetica Neue\",\n    \"Arial Nova\", \"Nimbus Sans\", \"Arial\", sans-serif;\n  --font-family-ui: var(--font-family-body);\n  --font-family-mono: \"Source Code Pro Variable\", ui-monospace,\n    \"Source Code Pro\", \"Menlo\", \"Consolas\", \"DejaVu Sans Mono\", monospace;\n  --space-3xs: clamp(4px, 3.6528px + 0.1087vw, 5px);\n  --space-2xs: clamp(8px, 7.6528px + 0.1087vw, 9px);\n  --space-xs: clamp(12px, 11.304px + 0.2174vw, 14px);\n  --space-s: clamp(16px, 15.304px + 0.2174vw, 18px);\n  --space-m: clamp(24px, 22.9568px + 0.3261vw, 27px);\n  --space-l: clamp(32px, 30.608px + 0.4348vw, 36px);\n  --space-xl: clamp(48px, 45.9136px + 0.6522vw, 54px);\n  --space-2xl: clamp(64px, 61.2176px + 0.8696vw, 72px);\n  --space-3xl: clamp(96px, 91.8256px + 1.3043vw, 108px);\n  --space-body: clamp(12px, 6.7824px + 1.6304vw, 27px);\n  --radius-none: 0;\n  --radius-s: 3px;\n  --radius-m: 6px;\n  --radius-l: 12px;\n  --radius-xl: 24px;\n  --radius-2xl: 64px;\n  --radius-full: 9999px;\n  --shadow-none: none;\n  --shadow-s: 0 1px 3px -1px var(--color-shadow);\n  --shadow-m: 0 1px 7px -1px var(--color-shadow);\n  --shadow-l: var(--shadow-s), 0 1px 11px -1px var(--color-shadow);\n  --shadow-xl: var(--shadow-m), 0 1px 15px -1px var(--color-shadow);\n  --border-none: 0;\n  --border-s: 1px;\n  --border-m: 2px;\n  --border-l: 5px;\n  --border-xl: 8px;\n}\n@media (prefers-color-scheme: dark) {\n  :root,\n  ::backdrop {\n    --color-brand-9: oklch(17% 55% 270deg);\n    --color-brand-8: oklch(27% 53% 270deg);\n    --color-brand-7: oklch(37% 52% 270deg);\n    --color-brand-6: oklch(47% 51% 270deg);\n    --color-brand-5: oklch(57% 50% 270deg);\n    --color-brand-4: oklch(67% 50% 270deg);\n    --color-brand-3: oklch(77% 45% 270deg);\n    --color-brand-2: oklch(87% 42% 270deg);\n    --color-brand-1: oklch(97% 36% 270deg);\n    --color-red-9: oklch(17% 55% 30deg);\n    --color-red-8: oklch(27% 52% 30deg);\n    --color-red-7: oklch(37% 54% 30deg);\n    --color-red-6: oklch(47% 52% 30deg);\n    --color-red-5: oklch(57% 50% 30deg);\n    --color-red-4: oklch(67% 50% 30deg);\n    --color-red-3: oklch(77% 45% 30deg);\n    --color-red-2: oklch(87% 45% 30deg);\n    --color-red-1: oklch(97% 38% 30deg);\n    --color-orange-9: oklch(17% 55% 61deg);\n    --color-orange-8: oklch(27% 50% 61deg);\n    --color-orange-7: oklch(37% 49% 61deg);\n    --color-orange-6: oklch(47% 48% 61deg);\n    --color-orange-5: oklch(57% 50% 61deg);\n    --color-orange-4: oklch(67% 50% 61deg);\n    --color-orange-3: oklch(77% 45% 61deg);\n    --color-orange-2: oklch(87% 40% 61deg);\n    --color-orange-1: oklch(97% 35% 61deg);\n    --color-yellow-9: oklch(17% 50% 90deg);\n    --color-yellow-8: oklch(27% 50% 90deg);\n    --color-yellow-7: oklch(37% 50% 90deg);\n    --color-yellow-6: oklch(47% 44% 90deg);\n    --color-yellow-5: oklch(57% 44% 90deg);\n    --color-yellow-4: oklch(67% 44% 90deg);\n    --color-yellow-3: oklch(77% 40% 90deg);\n    --color-yellow-2: oklch(87% 37% 90deg);\n    --color-yellow-1: oklch(97% 29% 90deg);\n    --color-green-9: oklch(17% 55% 133deg);\n    --color-green-8: oklch(27% 55% 133deg);\n    --color-green-7: oklch(37% 50% 133deg);\n    --color-green-6: oklch(47% 50% 133deg);\n    --color-green-5: oklch(57% 49% 133deg);\n    --color-green-4: oklch(67% 49% 133deg);\n    --color-green-3: oklch(77% 45% 133deg);\n    --color-green-2: oklch(87% 43% 133deg);\n    --color-green-1: oklch(97% 30% 133deg);\n    --color-sky-9: oklch(17% 55% 200deg);\n    --color-sky-8: oklch(27% 55% 200deg);\n    --color-sky-7: oklch(37% 50% 200deg);\n    --color-sky-6: oklch(47% 50% 200deg);\n    --color-sky-5: oklch(57% 52% 200deg);\n    --color-sky-4: oklch(67% 46% 200deg);\n    --color-sky-3: oklch(77% 36% 200deg);\n    --color-sky-2: oklch(87% 25% 200deg);\n    --color-sky-1: oklch(97% 17% 200deg);\n    --color-blue-9: oklch(17% 55% 260deg);\n    --color-blue-8: oklch(27% 55% 260deg);\n    --color-blue-7: oklch(37% 53% 260deg);\n    --color-blue-6: oklch(47% 50% 260deg);\n    --color-blue-5: oklch(57% 52% 260deg);\n    --color-blue-4: oklch(67% 52% 260deg);\n    --color-blue-3: oklch(77% 52% 260deg);\n    --color-blue-2: oklch(87% 50% 260deg);\n    --color-blue-1: oklch(97% 39% 260deg);\n    --color-purple-9: oklch(17% 55% 310deg);\n    --color-purple-8: oklch(27% 55% 310deg);\n    --color-purple-7: oklch(37% 53% 310deg);\n    --color-purple-6: oklch(47% 52% 310deg);\n    --color-purple-5: oklch(57% 52% 310deg);\n    --color-purple-4: oklch(67% 51% 310deg);\n    --color-purple-3: oklch(77% 48% 310deg);\n    --color-purple-2: oklch(87% 42% 310deg);\n    --color-purple-1: oklch(97% 40% 310deg);\n    --color-magenta-9: oklch(17% 55% 356deg);\n    --color-magenta-8: oklch(27% 55% 356deg);\n    --color-magenta-7: oklch(37% 54% 356deg);\n    --color-magenta-6: oklch(47% 51% 356deg);\n    --color-magenta-5: oklch(57% 50% 356deg);\n    --color-magenta-4: oklch(67% 47% 356deg);\n    --color-magenta-3: oklch(77% 43% 356deg);\n    --color-magenta-2: oklch(87% 38% 356deg);\n    --color-magenta-1: oklch(97% 30% 356deg);\n    --color-gray-9: oklch(17% 2% 263deg);\n    --color-gray-8: oklch(27% 2% 263deg);\n    --color-gray-7: oklch(37% 2% 263deg);\n    --color-gray-6: oklch(47% 2% 263deg);\n    --color-gray-5: oklch(57% 2% 263deg);\n    --color-gray-4: oklch(67% 2% 263deg);\n    --color-gray-3: oklch(77% 2% 263deg);\n    --color-gray-2: oklch(87% 2% 263deg);\n    --color-gray-1: oklch(97% 2% 263deg);\n    --color-body: oklch(20% 2% 263deg);\n    --color-body-alt: oklch(8% 2% 263deg);\n    --color-body-text: white;\n    --color-body-text-alt: oklch(88% 1% 263deg);\n    --color-shadow: oklch(5% 2% 263deg / 25%);\n    --color-outline: oklch(39% 2% 263deg);\n    --font-weight-black: 900;\n    --font-weight-bold: 700;\n    --font-weight-semibold: 550;\n    --font-weight-normal: 375;\n    --opacity-low: 35%;\n    --opacity-medium: 50%;\n    --opacity-high: 80%;\n  }\n}\n\n.alert {\n  display: block;\n  border-radius: var(--radius-s);\n  border-start-start-radius: calc(var(--space-2xs) + 2em);\n  border-end-start-radius: calc(var(--space-2xs) + 2em);\n  padding: var(--space-2xs);\n  padding-inline-start: calc(var(--space-2xs) + 2em);\n  font-size: var(--font-size-m);\n  color: var(--color-body-text);\n  position: relative;\n  background: linear-gradient(var(--alert-bg-color), var(--alert-bg-color)) padding-box, linear-gradient(to right, var(--alert-border-start-color), var(--alert-border-end-color)) border-box;\n  border: var(--border-m) solid transparent;\n  line-height: 1.4;\n}\n.alert > * {\n  line-height: 1.4;\n}\n@media print {\n  .alert {\n    border-color: var(--alert-border-start-color);\n  }\n}\n.alert::before {\n  content: \"\";\n  print-color-adjust: exact;\n  z-index: 2;\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  mask-repeat: no-repeat;\n  mask-size: contain;\n  background-color: var(--alert-border-start-color);\n  mask-image: var(--alert-icon);\n}\n.alert::after {\n  content: \"\";\n  print-color-adjust: exact;\n  z-index: 1;\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  background-color: rgba(255, 255, 255, 0.9333333333);\n  border-radius: var(--radius-full);\n  scale: 0.75;\n  box-shadow: var(--shadow-s);\n}\n@media (prefers-color-scheme: dark) {\n  .alert::after {\n    background-color: rgba(0, 0, 0, 0.9333333333);\n  }\n}\n.alert.error {\n  --alert-bg-color: var(--color-red-9);\n  --alert-border-start-color: var(--color-red-5);\n  --alert-border-end-color: var(--color-red-6);\n  --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M331.3 308.7L278.6 256l52.7-52.7c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-52.7-52.7c-6.2-6.2-15.6-7.1-22.6 0-7.1 7.1-6 16.6 0 22.6l52.7 52.7-52.7 52.7c-6.7 6.7-6.4 16.3 0 22.6 6.4 6.4 16.4 6.2 22.6 0l52.7-52.7 52.7 52.7c6.2 6.2 16.4 6.2 22.6 0 6.3-6.2 6.3-16.4 0-22.6z' fill='%23888888'/%3E%3Cpath d='M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z' fill='%23888888'/%3E%3C/svg%3E\");\n}\n.alert.warning {\n  --alert-bg-color: var(--color-yellow-9);\n  --alert-border-start-color: var(--color-yellow-5);\n  --alert-border-end-color: var(--color-yellow-6);\n  --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23888888' stroke-miterlimit='10' stroke-width='32' d='M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192Z'/%3E%3Cpath fill='none' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 6Z'/%3E%3Cpath fill='%23888888' d='M256 367.91a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z'/%3E%3C/svg%3E\");\n}\n.alert.success {\n  --alert-bg-color: var(--color-green-9);\n  --alert-border-start-color: var(--color-green-5);\n  --alert-border-end-color: var(--color-green-6);\n  --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z' fill='%23888888'/%3E%3Cpath d='M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z' fill='%23888888'/%3E%3C/svg%3E\");\n}\n.alert.info {\n  --alert-bg-color: var(--color-sky-9);\n  --alert-border-start-color: var(--color-sky-5);\n  --alert-border-end-color: var(--color-sky-6);\n  --alert-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M235.4 172.2c0-11.4 9.3-19.9 20.5-19.9 11.4 0 20.7 8.5 20.7 19.9s-9.3 20-20.7 20c-11.2 0-20.5-8.6-20.5-20zm1.4 35.7H275V352h-38.2V207.9z' fill='%23888888'/%3E%3Cpath d='M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z' fill='%23888888'/%3E%3C/svg%3E\");\n}\n\n.alert-title {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-bold);\n  line-height: 1;\n  color: var(--alert-border-start-color);\n  font-size: 0.85em;\n  margin: 0;\n  margin-block-end: 0.15em;\n}\n\n.space, .separate, .stack, .flow {\n  display: flex;\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 > header .toggle-sidebar 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  min-width: 100svw;\n  min-height: 100svh;\n}\n.app > header {\n  height: var(--header-height);\n  width: 100%;\n  display: flex;\n  align-items: center;\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  padding-inline: max(var(--space-2xs), 50dvw - 55rem);\n}\n@media (prefers-color-scheme: dark) {\n  .app > header {\n    color: var(--color-brand-2);\n  }\n}\n.app > header > :is(.header-item, .toggle-sidebar) {\n  height: 100%;\n  padding: 0.5rem;\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  border-radius: var(--radius-s);\n  font-weight: var(--font-weight-semibold);\n}\n.app > header > :is(.header-item, .toggle-sidebar):focus-visible {\n  outline-offset: calc(-1 * var(--border-m));\n}\n.app > header > :is(.header-item, .toggle-sidebar):hover {\n  color: var(--color-body-text);\n}\n.app > header > :is(.header-item, .toggle-sidebar):is([aria-current], .current) {\n  font-weight: var(--font-weight-bold);\n}\n.app > header > :is(.header-item, .toggle-sidebar):is([aria-current], .current)::after {\n  opacity: 1;\n}\n.app > header > :is(.header-item, .toggle-sidebar)::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.app > header .toggle-sidebar {\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 > header .toggle-sidebar:hover {\n  color: var(--color-body-text);\n}\n.app > header .toggle-sidebar: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 > header .toggle-sidebar::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 > header .toggle-sidebar > 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 > header .toggle-sidebar > div:nth-of-type(1) {\n  transform: translateY(calc(-50% - 0.45rem)) translateX(-50%);\n}\n.app > header .toggle-sidebar > div:nth-of-type(2) {\n  transform: translateY(-50%) translateX(-50%);\n}\n.app > header .toggle-sidebar > div:nth-of-type(3) {\n  transform: translateY(calc(-50% + 0.45rem)) translateX(-50%);\n}\n.app > header .toggle-sidebar:has(input:checked) > div:nth-of-type(1) {\n  transform: translateY(-50%) translateX(-50%) rotate(45deg);\n}\n.app > header .toggle-sidebar: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 > header .toggle-sidebar:has(input:checked) > div:nth-of-type(3) {\n  transform: translateY(-50%) translateX(-50%) rotate(-45deg);\n}\n.app > .sidebar {\n  overflow: auto;\n  transition: opacity 150ms ease, display 150ms allow-discrete;\n  display: flex;\n  flex-direction: column;\n  padding: var(--space-body);\n  width: var(--sidebar-width);\n  gap: var(--space-3xs);\n  position: fixed;\n  top: var(--header-height);\n  left: 0;\n  height: calc(100dvh - var(--header-height));\n  z-index: 3;\n  opacity: 1;\n}\n.app > .sidebar::after {\n  content: \"\";\n  height: calc(100dvh - var(--header-height) - 2 * var(--space-s));\n  width: var(--border-s);\n  background-color: var(--color-outline);\n  position: fixed;\n  top: calc(var(--header-height) + var(--space-s));\n  left: calc(var(--sidebar-width) - var(--border-s));\n}\n.app > .sidebar .sidebar-heading {\n  font-size: 1.2rem;\n  margin: var(--space-s) 0 var(--space-3xs);\n  font-weight: var(--font-weight-semibold);\n}\n.app > .sidebar .sidebar-heading:first-of-type {\n  margin-block-start: 0;\n}\n.app > .sidebar .sidebar-item {\n  padding: var(--space-2xs) var(--space-xs);\n  margin: 0 calc(-1 * var(--space-xs));\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 .sidebar-item:hover {\n  background-color: var(--color-brand-extra-transparent);\n}\n.app > .sidebar .sidebar-item:active {\n  color: var(--color-brand-1);\n}\n.app > .sidebar .sidebar-item:is(.current, [aria-current=page]) {\n  color: var(--color-brand-4);\n  font-weight: var(--font-weight-bold);\n}\n.app > .sidebar .sidebar-item:hover:active {\n  background-color: var(--color-brand-transparent);\n}\n.app > .sidebar .sidebar-item:focus-visible {\n  outline-offset: 0;\n}\n.app > .content {\n  padding: var(--space-body);\n  padding-inline: max(var(--space-body), 50dvw - 55rem);\n  width: 100%;\n}\n.app:has(> .sidebar) {\n  height: 100dvh;\n  width: 100dvw;\n}\n.app:has(> .sidebar) > header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  padding-inline: var(--space-2xs);\n}\n.app:has(> .sidebar) > .content {\n  overflow: auto;\n  position: fixed;\n  top: var(--header-height);\n  left: var(--sidebar-width);\n  width: calc(100dvw - var(--sidebar-width));\n  height: calc(100dvh - var(--header-height));\n}\n@media (width < 55rem) {\n  .app > header .toggle-sidebar {\n    display: initial;\n  }\n  .app > .sidebar {\n    width: 100dvw;\n    opacity: 1;\n    background-color: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(24px) saturate(120%);\n  }\n}\n@media (width < 55rem) and (prefers-color-scheme: dark) {\n  .app > .sidebar {\n    background-color: rgba(0, 0, 0, 0.8);\n  }\n}\n@media (width < 55rem) {\n  .app > .sidebar::after {\n    content: initial;\n  }\n  .app > header:has(.toggle-sidebar input:not(:checked)) ~ .sidebar {\n    opacity: 0;\n    display: none;\n  }\n  .app > .content {\n    left: 0 !important;\n    width: 100dvw !important;\n  }\n}\n\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action) {\n  --button-shadow: var(--shadow-s);\n  --button-hover-bg-color: var(--button-border-color);\n  box-sizing: border-box;\n  display: inline-flex;\n  outline: 0;\n  padding-inline: 1.25em;\n  padding-block: 0.75em;\n  gap: 0.5em;\n  border-style: solid;\n  transform: scale(1);\n  transition-property: box-shadow, background-color, transform, opacity;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  text-decoration: none;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  cursor: pointer;\n  border-width: var(--border-s);\n  border-radius: var(--radius-m);\n  min-height: 2.6em;\n  min-width: 3em;\n  line-height: 1;\n  font-family: var(--font-family-ui);\n  box-shadow: var(--button-shadow);\n  user-select: none;\n  font-size: 1rem;\n  color: var(--button-fg-color);\n  background-color: var(--button-bg-color);\n  border-color: var(--button-border-color);\n  font-weight: var(--button-font-weight);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action)::before {\n  content: \"\";\n  background-color: var(--button-hover-bg-color);\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  transition-property: opacity, width, height, border-radius;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  z-index: -1;\n  border-radius: 2em;\n  width: 4em;\n  height: 4em;\n  opacity: 0;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:focus-visible, .focus) {\n  box-shadow: var(--button-shadow), 0 0 0 0.1em var(--button-border-color), 0 0 0 calc(0.2em + var(--border-s)) var(--button-focus-ring-color);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:active, .active) {\n  transform: scale(0.98);\n}\n@media screen and (resolution < 2x) {\n  :is(button,\n  .button,\n  input[type=button],\n  input[type=submit],\n  input[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:active, .active) {\n    transform: translateY(1px);\n  }\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:hover, .hover) {\n  text-decoration: none;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:hover, .hover)::before {\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 5px;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:hover, .hover):is(input) {\n  background-color: var(--button-hover-bg-color);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary {\n  --button-fg-color: white;\n  --button-bg-color: var(--color-brand-5);\n  --button-border-color: var(--color-brand-4);\n  --button-font-weight: var(--font-weight-bold);\n  --button-focus-ring-color: var(--color-brand-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.red {\n  --button-bg-color: var(--color-red-5);\n  --button-border-color: var(--color-red-4);\n  --button-focus-ring-color: var(--color-red-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.orange {\n  --button-bg-color: var(--color-orange-5);\n  --button-border-color: var(--color-orange-4);\n  --button-focus-ring-color: var(--color-orange-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.yellow {\n  --button-bg-color: var(--color-yellow-5);\n  --button-border-color: var(--color-yellow-4);\n  --button-focus-ring-color: var(--color-yellow-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.green {\n  --button-bg-color: var(--color-green-5);\n  --button-border-color: var(--color-green-4);\n  --button-focus-ring-color: var(--color-green-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.sky {\n  --button-bg-color: var(--color-sky-5);\n  --button-border-color: var(--color-sky-4);\n  --button-focus-ring-color: var(--color-sky-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.blue {\n  --button-bg-color: var(--color-blue-5);\n  --button-border-color: var(--color-blue-4);\n  --button-focus-ring-color: var(--color-blue-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.purple {\n  --button-bg-color: var(--color-purple-5);\n  --button-border-color: var(--color-purple-4);\n  --button-focus-ring-color: var(--color-purple-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.magenta {\n  --button-bg-color: var(--color-magenta-5);\n  --button-border-color: var(--color-magenta-4);\n  --button-focus-ring-color: var(--color-magenta-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).primary.gray {\n  --button-bg-color: var(--color-gray-5);\n  --button-border-color: var(--color-gray-4);\n  --button-focus-ring-color: var(--color-gray-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):not(.primary, .subtle, .close) {\n  --button-fg-color: var(--color-body-text);\n  --button-bg-color: var(--color-gray-9);\n  --button-border-color: var(--color-gray-8);\n  --button-font-weight: var(--font-weight-normal);\n  --button-focus-ring-color: var(--color-gray-extra-transparent);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.subtle, .close) {\n  --button-fg-color: var(--color-brand-4);\n  --button-bg-color: transparent;\n  --button-border-color: transparent;\n  --button-hover-bg-color: var(--color-brand-extra-transparent);\n  --button-font-weight: var(--font-weight-bold);\n  --button-focus-ring-color: transparent;\n  --button-shadow: none;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.subtle, .close):is(:focus-visible, .focus) {\n  --button-bg-color: var(--color-brand-transparent);\n  --button-hover-bg-color: transparent;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.small, .close) {\n  font-size: 0.8rem;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).large {\n  font-size: 1.2rem;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close) {\n  border-radius: var(--radius-full);\n  padding-inline: 0.5em;\n  padding-block: 0.5em;\n  min-width: 0;\n  min-height: 0;\n  aspect-ratio: 1;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):is(.subtle, .close)::before {\n  width: 75%;\n  height: 75%;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):is(.subtle, .close):is(:hover, .hover)::before {\n  width: 100%;\n  height: 100%;\n  border-radius: 100%;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):not(.subtle, .close)::before {\n  content: unset;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(.icon, .close):not(.subtle, .close):is(:hover, .hover) {\n  background-color: var(--button-hover-bg-color);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:disabled, .disabled, [aria-disabled=true]) {\n  opacity: 0.7;\n  cursor: not-allowed;\n  transform: scale(1);\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action):is(:disabled, .disabled, [aria-disabled=true]):is(:hover, .hover)::before {\n  opacity: 0;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).loading {\n  cursor: wait;\n}\n:is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.chip, .card, .chip .delete, .input-group .action).loading::before {\n  opacity: 1 !important;\n  height: 100% !important;\n  border-radius: inherit !important;\n  animation: button-loading-bg 1200ms ease-in-out infinite forwards;\n}\n\n@keyframes button-loading-bg {\n  0% {\n    width: 0;\n    margin: 0 auto 0 0;\n  }\n  50% {\n    width: 100%;\n  }\n  100% {\n    width: 0;\n    margin: 0 0 0 auto;\n  }\n}\n.card {\n  background-color: var(--color-body-alt);\n  border-radius: var(--radius-l);\n  border: var(--border-s) solid var(--color-outline);\n  box-shadow: var(--shadow-m);\n}\n.card.secondary {\n  background-color: var(--color-body);\n  border-radius: var(--radius-m);\n  color: var(--color-body-text-alt);\n  box-shadow: var(--shadow-s);\n}\n.card.secondary .card-title {\n  font-size: var(--font-size-m);\n  margin-block-end: var(--space-2xs);\n}\n.card.secondary:not(.no-padding) {\n  padding: var(--space-s);\n}\n.card:not(.no-padding) {\n  padding: var(--space-m);\n}\n.card:not(.no-padding) .card-title {\n  margin-block-start: 0;\n}\n\n.card-title {\n  font-size: var(--font-size-l);\n  font-weight: var(--font-weight-bold);\n  color: var(--color-brand-3);\n  margin-block-end: var(--space-xs);\n}\n\n.chip {\n  --chip-fg-color: white;\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--radius-full);\n  font-size: var(--font-size-s);\n  padding-block: var(--space-3xs);\n  padding-inline: var(--space-xs);\n  background-color: var(--chip-bg-color);\n  border: var(--border-s) solid var(--chip-border-color);\n  color: var(--chip-fg-color);\n  flex-shrink: 0;\n  cursor: default;\n  transition-property: box-shadow, background-color, border-color;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  text-decoration: none;\n  appearance: none;\n  line-height: 1.2;\n}\n.chip:is(:focus-visible, .focus) {\n  box-shadow: 0 0 0 0.2em var(--chip-focus-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-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-ring-color: var(--color-gray-transparent);\n  --chip-bg-color-active: var(--color-gray-7);\n}\n@media (prefers-color-scheme: dark) {\n  .chip.red {\n    --chip-border-color: var(--color-red-5);\n    --chip-bg-color-active: var(--color-red-7);\n  }\n  .chip.orange {\n    --chip-border-color: var(--color-orange-5);\n    --chip-bg-color-active: var(--color-orange-7);\n  }\n  .chip.yellow {\n    --chip-border-color: var(--color-yellow-5);\n    --chip-bg-color-active: var(--color-yellow-7);\n  }\n  .chip.green {\n    --chip-border-color: var(--color-green-5);\n    --chip-bg-color-active: var(--color-green-7);\n  }\n  .chip.sky {\n    --chip-border-color: var(--color-sky-5);\n    --chip-bg-color-active: var(--color-sky-7);\n  }\n  .chip.blue {\n    --chip-border-color: var(--color-blue-5);\n    --chip-bg-color-active: var(--color-blue-7);\n  }\n  .chip.purple {\n    --chip-border-color: var(--color-purple-5);\n    --chip-bg-color-active: var(--color-purple-7);\n  }\n  .chip.magenta {\n    --chip-border-color: var(--color-magenta-5);\n    --chip-bg-color-active: var(--color-magenta-7);\n  }\n  .chip.brand {\n    --chip-border-color: var(--color-brand-5);\n    --chip-bg-color-active: var(--color-brand-7);\n  }\n  .chip.gray {\n    --chip-border-color: var(--color-gray-5);\n    --chip-bg-color-active: var(--color-gray-7);\n  }\n  .chip.black {\n    --chip-border-color: var(--color-gray-7);\n    --chip-bg-color-active: var(--color-gray-8);\n  }\n  .chip.white {\n    --chip-border-color: var(--color-gray-2);\n    --chip-bg-color-active: var(--color-gray-3);\n  }\n}\n.chip :is(button, .button).delete {\n  outline: 0;\n  margin-inline: var(--space-3xs) calc(-1 * var(--space-2xs));\n  font-size: 0.6em;\n  border: var(--border-s) solid var(--chip-border-color);\n  border-radius: var(--radius-full);\n  transition-property: box-shadow, background-color, transform, opacity, border-color;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  cursor: pointer;\n  height: 2em;\n  width: 2em;\n  user-select: none;\n  background-color: transparent;\n  padding: 0;\n  display: inline-flex;\n}\n.chip :is(button, .button).delete::before {\n  content: \"\";\n  width: 100%;\n  height: 100%;\n  opacity: 0.7;\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  background-color: var(--chip-border-color);\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  transition-property: background-color, opacity;\n}\n.chip :is(button, .button).delete::after {\n  content: \"\";\n  width: 1.2em;\n  height: 1.2em;\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z'/%3E%3C/svg%3E\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  background-color: var(--chip-fg-color);\n}\n.chip :is(button, .button).delete:is(:focus-visible, .focus) {\n  border-color: var(--chip-fg-color);\n}\n.chip :is(button, .button).delete:is(:hover, .hover, :focus-visible, .focus)::before {\n  opacity: 1;\n}\n.chip :is(button, .button).delete:is(:active, .active)::before {\n  opacity: 0.5;\n}\n\nh6,\n.h6, h5,\n.h5,\ncaption, h4,\n.h4, h3,\n.h3, h2,\n.h2, h1,\n.h1 {\n  font-family: var(--font-family-heading);\n  margin-block: 0.75em 0.3em;\n  line-height: 1.15;\n  text-wrap: balance;\n}\n\nh1,\n.h1 {\n  font-size: var(--font-size-4xl);\n  font-weight: var(--font-weight-black);\n}\n\nh2,\n.h2 {\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n}\n\nh3,\n.h3 {\n  font-size: var(--font-size-2xl);\n  font-weight: var(--font-weight-bold);\n}\n\nh4,\n.h4 {\n  font-size: var(--font-size-xl);\n  font-weight: var(--font-weight-semibold);\n}\n\nh5,\n.h5,\ncaption {\n  font-size: var(--font-size-l);\n  font-weight: var(--font-weight-semibold);\n}\n\nh6,\n.h6 {\n  font-size: var(--font-size-m);\n  font-weight: var(--font-weight-bold);\n}\n\np,\n.p,\nli {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-m);\n  font-weight: var(--font-weight-normal);\n  line-height: 1.6;\n  margin: 0;\n  text-wrap: pretty;\n  hanging-punctuation: first;\n}\n\nblockquote,\n.blockquote {\n  display: block;\n  margin: 0;\n  color: var(--color-gray-4);\n  border-inline-start: var(--border-l) solid var(--color-gray-transparent);\n  padding: var(--space-3xs);\n  padding-inline-start: var(--space-xs);\n  position: relative;\n  font-size: var(--font-size-m);\n  line-height: 1.25;\n  font-weight: var(--font-weight-normal);\n}\n@media (prefers-color-scheme: dark) {\n  blockquote,\n  .blockquote {\n    color: var(--color-gray-2);\n  }\n}\nblockquote :is(footer, .footer),\n.blockquote :is(footer, .footer) {\n  margin-block-start: 0.5em;\n  font-size: var(--font-size-s);\n  font-style: initial;\n  color: var(--color-body-text);\n  font-weight: var(--font-weight-semibold);\n}\nblockquote :is(footer, .footer) :is(cite, .cite),\n.blockquote :is(footer, .footer) :is(cite, .cite) {\n  font-weight: var(--font-weight-normal);\n  font-style: italic;\n}\n\na,\n.a {\n  color: var(--color-sky-4);\n  font-weight: var(--font-weight-semibold);\n  text-decoration-line: underline;\n  text-decoration-color: var(--color-sky-transparent);\n  text-decoration-skip-ink: all;\n  text-decoration-thickness: var(--border-m);\n  text-underline-offset: 0.1em;\n  cursor: pointer;\n  transition: text-decoration-color 200ms ease;\n}\na:is(:hover, .hover),\n.a:is(:hover, .hover) {\n  text-decoration-color: currentcolor;\n}\na:focus-visible,\n.a:focus-visible {\n  outline-offset: 1px;\n}\na[target=_blank]:not(.no-external-icon, .button.icon)::after,\n.a[target=_blank]:not(.no-external-icon, .button.icon)::after {\n  content: \"\";\n  print-color-adjust: exact;\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3'/%3E%3C/svg%3E\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  background-color: var(--color-gray-5);\n  display: inline-block;\n  height: 0.85em;\n  width: 0.85em;\n  vertical-align: baseline;\n  margin-left: 0.1em;\n}\na[target=_blank]:not(.no-external-icon, .button.icon).button::after,\n.a[target=_blank]:not(.no-external-icon, .button.icon).button::after {\n  background-color: currentcolor;\n}\n\npre,\n.pre {\n  font-family: var(--font-family-mono);\n}\n\ncode,\n.code,\nkbd,\n.kbd {\n  background-color: var(--color-gray-extra-transparent);\n  color: var(--color-gray-1);\n  font-family: var(--font-family-mono);\n  padding: 0 0.5ch;\n  margin: 0 0.25ch;\n  border-radius: var(--radius-s);\n  font-size: 0.9em;\n}\n\nsamp,\n.samp {\n  display: block;\n  font-size: calc(0.9 * var(--font-size-m));\n  background-color: var(--color-gray-9);\n  color: var(--color-gray-1);\n  border: var(--border-s) dashed var(--color-outline);\n  border-radius: var(--radius-s);\n  padding: var(--space-3xs);\n  font-family: var(--font-family-mono);\n}\n\n:is(pre, .pre) > :is(code, .code) {\n  background-color: unset;\n}\n\nstrong,\n.strong {\n  font-weight: var(--font-weight-bold);\n}\n\nem,\n.em {\n  font-style: italic;\n}\n\nmark,\n.mark {\n  background-color: var(--color-yellow-9);\n  color: black;\n  padding: 0.1em 0.25em;\n  border-radius: var(--radius-s);\n  print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n  mark,\n  .mark {\n    background-color: var(--color-yellow-2);\n  }\n}\n\ndel,\n.del {\n  text-decoration-line: line-through;\n  text-decoration-skip-ink: none;\n  text-decoration-thickness: var(--border-s);\n  background-color: var(--color-red-8);\n  color: var(--color-red-1);\n  text-decoration-color: var(--color-body-text);\n  border-radius: 1px;\n}\n\nins,\n.ins {\n  text-decoration-line: none;\n  background-color: var(--color-green-8);\n  color: var(--color-green-1);\n  border-radius: 1px;\n}\n\n:is(abbr, .abbr)[title] {\n  text-decoration-line: underline;\n  text-decoration-style: dotted;\n  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties  -- using the shorthand doesn't work in safari */\n  text-decoration-color: var(--color-gray-6);\n  text-decoration-thickness: var(--border-m);\n  text-underline-offset: 0.1em;\n}\n\nsmall,\n.small {\n  font-size: 0.75em;\n  vertical-align: baseline;\n}\n\nsub,\n.sub,\nsup,\n.sup {\n  font-size: 0.75em;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub,\n.sub {\n  inset-block-end: -0.25em;\n}\n\nsup,\n.sup {\n  inset-block-start: -0.5em;\n}\n\n/* 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}\n\n.accordion {\n  width: 100%;\n}\n.accordion > details + details {\n  border-block-start: 0;\n}\n.accordion > details:not(:first-of-type) {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n.accordion > details:not(:last-of-type) {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n\ndetails.no-width,\n.accordion.no-width,\n.accordion.no-width > details {\n  width: initial;\n}\n\ndialog,\ndialog::backdrop {\n  --dialog-starting-opacity: 0.25;\n  --dialog-starting-transform: translateY(8px);\n  --dialog-open-opacity: 1;\n  --dialog-open-transform: translate(0);\n  --dialog-ending-opacity: 0;\n  --dialog-ending-transform: translateY(-4px) scale(0.97);\n  --dialog-backdrop-starting-opacity: 0;\n  --dialog-backdrop-open-opacity: 0.75;\n  --dialog-backdrop-ending-opacity: 0;\n  --dialog-backdrop-color: var(--color-gray-2);\n}\n@media (prefers-reduced-motion) {\n  dialog,\n  dialog::backdrop {\n    --dialog-starting-transform: translate(0);\n    --dialog-ending-transform: translate(0);\n  }\n}\n@media (prefers-color-scheme: dark) {\n  dialog,\n  dialog::backdrop {\n    --dialog-backdrop-color: var(--color-gray-8);\n    --dialog-backdrop-open-opacity: 0.85;\n  }\n}\n\ndialog {\n  box-shadow: var(--shadow-xl);\n  border: var(--border-s) solid var(--color-outline);\n  border-radius: var(--radius-l);\n  background-color: var(--color-body-alt);\n  color: var(--color-body-text);\n  padding: 0;\n  flex-direction: column;\n  gap: 0;\n}\ndialog::backdrop {\n  background-color: var(--dialog-backdrop-color);\n}\ndialog.drawer {\n  --dialog-starting-opacity: 0.5;\n  position: fixed;\n  inset: 0;\n  border-radius: 0;\n  margin: 0;\n  border: 0;\n  overflow: auto;\n}\ndialog.drawer.left {\n  right: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n  dialog.drawer.left {\n    --dialog-starting-transform: translateX(-16px);\n    --dialog-ending-transform: translateX(-16px);\n  }\n}\ndialog.drawer.top {\n  bottom: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n  dialog.drawer.top {\n    --dialog-starting-transform: translateY(-16px);\n    --dialog-ending-transform: translateY(-16px);\n  }\n}\ndialog.drawer.right {\n  left: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n  dialog.drawer.right {\n    --dialog-starting-transform: translateX(16px);\n    --dialog-ending-transform: translateX(16px);\n  }\n}\ndialog.drawer.bottom {\n  top: auto;\n}\n@media (prefers-reduced-motion: no-preference) {\n  dialog.drawer.bottom {\n    --dialog-starting-transform: translateY(16px);\n    --dialog-ending-transform: translateY(16px);\n  }\n}\ndialog.drawer.top, dialog.drawer.bottom {\n  width: 100dvw;\n  max-width: unset;\n  height: auto;\n  max-height: 100dvh;\n  min-height: min(100dvh, 250px);\n}\ndialog.drawer.top.small, dialog.drawer.bottom.small {\n  max-height: min(100dvh, 300px);\n}\ndialog.drawer.top.medium, dialog.drawer.bottom.medium {\n  max-height: min(100dvh, 450px);\n}\ndialog.drawer.top.large, dialog.drawer.bottom.large {\n  max-height: min(100dvh, 600px);\n}\ndialog.drawer.left, dialog.drawer.right {\n  height: 100dvh;\n  max-height: unset;\n  width: auto;\n  min-width: min(100dvw, 300px);\n  max-width: 100dvw;\n}\ndialog.drawer.left.small, dialog.drawer.right.small {\n  max-width: min(100dvw, 350px);\n}\ndialog.drawer.left.medium, dialog.drawer.right.medium {\n  max-width: min(100dvw, 450px);\n}\ndialog.drawer.left.large, dialog.drawer.right.large {\n  max-width: min(100dvw, 700px);\n}\ndialog:not(.drawer) {\n  --dialog-width: 9999px;\n  max-height: calc(100svh - 4 * var(--space-body));\n  max-width: min(100svw - 4 * var(--space-body), var(--dialog-width));\n}\ndialog:not(.drawer).small {\n  --dialog-width: 400px;\n}\ndialog:not(.drawer).medium {\n  --dialog-width: 650px;\n}\ndialog:not(.drawer).large {\n  --dialog-width: 900px;\n}\ndialog[open] {\n  display: flex;\n}\n\n.dialog-header {\n  font-family: var(--font-family-heading);\n  font-size: var(--font-size-m);\n  font-weight: var(--font-weight-bold);\n  line-height: 1;\n  padding: var(--space-m);\n  padding-block-end: var(--space-xs);\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: var(--color-brand-3);\n  margin: 0;\n}\n.dialog-header h1,\n.dialog-header h2,\n.dialog-header h3,\n.dialog-header h4,\n.dialog-header h5,\n.dialog-header h6 {\n  color: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}\n.dialog-header :is(button, .button).close {\n  color: inherit;\n  margin: -0.5rem;\n  margin-inline-start: var(--space-3xs);\n}\n.dialog-header :is(button, .button).close::after {\n  content: \"\";\n  width: 1.2em;\n  height: 1.2em;\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z'/%3E%3C/svg%3E\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  background-color: currentcolor;\n}\n\n.dialog-body {\n  padding: var(--space-m);\n  padding-block-start: var(--space-xs);\n  flex-shrink: 1;\n  display: block;\n  overflow: auto;\n  margin: 0;\n}\n\n.dialog-footer {\n  padding: var(--space-xs);\n  flex-shrink: 0;\n  display: flex;\n  gap: var(--space-2xs);\n  justify-content: flex-end;\n  background-color: var(--color-body);\n  border-block-start: var(--border-s) solid var(--color-outline);\n  margin: 0;\n}\n@media screen and (width <= 500px) {\n  .dialog-footer {\n    flex-direction: column;\n    width: 100%;\n    justify-content: stretch;\n  }\n}\n.dialog-footer :is(button,\n.button,\ninput[type=button],\ninput[type=submit],\ninput[type=reset]):not(.small, .medium, .large) {\n  font-size: 0.9rem;\n}\n\n@supports (transition-behavior: allow-discrete) and (overlay: none) {\n  dialog {\n    animation: unset;\n  }\n}\n.field {\n  --field-gap: var(--space-2xs);\n  --field-padding: var(--space-2xs);\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: calc(0.75 * var(--space-2xs));\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: 0.9em;\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-ui);\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' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath fill='%23888888' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m37.66 130.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32L139.31 128Z'/%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(--space-3xs) var(--space-xs);\n  align-items: center;\n  justify-content: center;\n  font-size: 0.9em;\n}\n.field .input-group > :is(.prefix, .suffix, .action) :is(img, svg) {\n  height: 1.15em;\n  width: auto;\n}\n.field .input-group > .prefix {\n  border-inline-end: 0;\n}\n.field .input-group > .suffix {\n  border-inline-start: 0;\n}\n.field .input-group > .action {\n  cursor: pointer;\n  color: var(--color-brand-3);\n  border-inline-start: 0;\n  transition-property: box-shadow, background-color;\n  transition-timing-function: ease;\n  transition-duration: 200ms;\n}\n.field .input-group > .action:hover {\n  background-color: var(--color-gray-8);\n}\n.field .input-group > .action:active {\n  background-color: var(--color-gray-7);\n}\n.field .input-group > .action:focus-visible {\n  border-color: var(--color-brand-5);\n  border-inline-start-width: var(--border-s);\n  border-inline-start-style: solid;\n  box-shadow: 0 0 0 0.1em var(--color-brand-5), 0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n  outline: 0;\n}\n.field .input-group > :is(input, select, textarea) {\n  width: 100%;\n}\n.field .input-group > :is(input, select, textarea):has(~ .action:focus-visible) {\n  border-inline-end-width: 0;\n}\n\nfieldset {\n  border: var(--border-s) solid var(--color-outline);\n  border-radius: var(--radius-l);\n}\nfieldset legend {\n  color: var(--color-body-text);\n  font-weight: var(--font-weight-semibold);\n}\n\ninput[type=checkbox],\ninput[type=radio] {\n  accent-color: var(--color-brand-5);\n}\n\nhr,\n.hr {\n  background-color: var(--color-outline);\n  border: 0;\n  outline: 0;\n  width: 100%;\n  height: var(--border-s);\n  display: block;\n  margin: var(--space-xs) 0;\n  print-color-adjust: exact;\n}\nhr.invisible,\n.hr.invisible {\n  visibility: hidden;\n}\nhr.vertical,\n.hr.vertical {\n  display: inline-block;\n  width: var(--border-s);\n  height: 100%;\n  min-height: 1em;\n  margin: 0 var(--space-xs);\n}\n\n@keyframes indeterminate-progress {\n  from {\n    opacity: 0.2;\n  }\n  to {\n    opacity: 0.8;\n  }\n}\nmeter {\n  appearance: none;\n  inline-size: 100%;\n  block-size: 1em;\n}\n\n@supports selector(::-moz-meter-bar) {\n  meter {\n    border-radius: var(--radius-s);\n    border: 0;\n    display: block;\n    inline-size: 100%;\n    block-size: 1em;\n    box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n    background: var(--color-gray-8);\n    box-sizing: border-box;\n    overflow: clip;\n  }\n}\n::-webkit-meter-bar {\n  border-radius: var(--radius-s);\n  border: 0;\n  display: block;\n  inline-size: 100%;\n  block-size: 1em;\n  box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n  background: var(--color-gray-8);\n  box-sizing: border-box;\n  overflow: clip;\n}\n\n::-webkit-meter-optimum-value,\n::-webkit-meter-suboptimum-value,\n::-webkit-meter-even-less-good-value {\n  border-radius: var(--radius-s);\n  border: var(--border-s) solid transparent;\n  box-sizing: border-box;\n}\n\n::-webkit-meter-inner-element {\n  display: inline-block;\n  position: relative;\n}\n\n::-moz-meter-bar {\n  border-radius: var(--radius-s);\n  border: var(--border-s) solid transparent;\n  box-sizing: border-box;\n}\n\n::-webkit-meter-optimum-value {\n  background: var(--color-green-6);\n  border-color: var(--color-green-5);\n}\n\n:-moz-meter-optimum::-moz-meter-bar {\n  background: var(--color-green-6);\n  border-color: var(--color-green-5);\n}\n\n::-webkit-meter-suboptimum-value {\n  background: var(--color-yellow-7);\n  border-color: var(--color-yellow-6);\n}\n@media (prefers-color-scheme: dark) {\n  ::-webkit-meter-suboptimum-value {\n    background: var(--color-yellow-4);\n    border-color: var(--color-yellow-3);\n  }\n}\n\n:-moz-meter-sub-optimum::-moz-meter-bar {\n  background: var(--color-yellow-7);\n  border-color: var(--color-yellow-6);\n}\n@media (prefers-color-scheme: dark) {\n  :-moz-meter-sub-optimum::-moz-meter-bar {\n    background: var(--color-yellow-4);\n    border-color: var(--color-yellow-3);\n  }\n}\n\n::-webkit-meter-even-less-good-value {\n  background: var(--color-red-6);\n  border-color: var(--color-red-5);\n}\n\n:-moz-meter-sub-sub-optimum::-moz-meter-bar {\n  background: var(--color-red-6);\n  border-color: var(--color-red-5);\n}\n\nprogress {\n  appearance: none;\n  inline-size: 100%;\n  block-size: 1em;\n}\n\n@supports selector(::-moz-progress-bar) {\n  progress {\n    border-radius: var(--radius-s);\n    border: 0;\n    display: block;\n    inline-size: 100%;\n    block-size: 1em;\n    box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n    background: var(--color-gray-8);\n    box-sizing: border-box;\n    overflow: clip;\n  }\n}\n::-webkit-progress-bar {\n  border-radius: var(--radius-s);\n  border: 0;\n  display: block;\n  inline-size: 100%;\n  block-size: 1em;\n  box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n  background: var(--color-gray-8);\n  box-sizing: border-box;\n  overflow: clip;\n}\n\n::-webkit-progress-value {\n  border-radius: var(--radius-s);\n  border: var(--border-s) solid transparent;\n  box-sizing: border-box;\n  background: var(--color-blue-6);\n  border-color: var(--color-blue-5);\n}\n\n::-moz-progress-bar {\n  border-radius: var(--radius-s);\n  border: var(--border-s) solid transparent;\n  box-sizing: border-box;\n  background: var(--color-blue-6);\n  border-color: var(--color-blue-5);\n}\n\n:indeterminate::-webkit-progress-value {\n  background: var(--color-blue-6);\n  border-color: var(--color-blue-5);\n  opacity: 0.5;\n  inline-size: 100% !important;\n  animation: indeterminate-progress 1s linear infinite alternate;\n}\n\n:indeterminate::-moz-progress-bar {\n  background: var(--color-blue-6);\n  border-color: var(--color-blue-5);\n  opacity: 0.5;\n  inline-size: 100% !important;\n  animation: indeterminate-progress 1s linear infinite alternate;\n}\n\ninput[type=range] {\n  font-size: 1rem;\n  block-size: 1.25em;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n}\n@media (pointer: coarse) {\n  input[type=range] {\n    font-size: 1.5rem;\n  }\n}\ninput[type=range]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\ninput[type=range]:focus-visible {\n  outline: 0;\n}\ninput[type=range]:focus-visible::-webkit-slider-thumb {\n  border-color: var(--color-brand-5);\n  box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=range]:focus-visible::-moz-range-thumb {\n  border-color: var(--color-brand-5);\n  box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=range]:enabled:active::-webkit-slider-thumb {\n  border-color: var(--color-brand-5);\n}\n@media screen and (resolution >= 2x) {\n  input[type=range]:enabled:active::-webkit-slider-thumb:active {\n    transform: scale(0.9);\n  }\n}\ninput[type=range]:enabled:active::-moz-range-thumb {\n  border-color: var(--color-brand-5);\n}\n@media screen and (resolution >= 2x) {\n  input[type=range]:enabled:active::-moz-range-thumb:active {\n    transform: scale(0.9);\n  }\n}\ninput[type=range]::-webkit-slider-runnable-track {\n  block-size: 0.25em;\n  inline-size: 100%;\n  border-radius: var(--radius-full);\n  background-color: var(--color-gray-8);\n  print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n  input[type=range]::-webkit-slider-runnable-track {\n    background-color: var(--color-gray-6);\n  }\n}\ninput[type=range]::-moz-range-track {\n  block-size: 0.25em;\n  inline-size: 100%;\n  border-radius: var(--radius-full);\n  background-color: var(--color-gray-8);\n  print-color-adjust: exact;\n}\n@media (prefers-color-scheme: dark) {\n  input[type=range]::-moz-range-track {\n    background-color: var(--color-gray-6);\n  }\n}\ninput[type=range]::-webkit-slider-thumb {\n  height: 1.25em;\n  width: 1.25em;\n  border-radius: var(--radius-full);\n  background-color: white;\n  box-shadow: var(--shadow-s);\n  border: var(--border-s) solid var(--color-outline);\n  transition-property: border-color, box-shadow, transform;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  appearance: none;\n  margin-block-start: -0.5em;\n}\ninput[type=range]::-moz-range-thumb {\n  height: 1.25em;\n  width: 1.25em;\n  border-radius: var(--radius-full);\n  background-color: white;\n  box-shadow: var(--shadow-s);\n  border: var(--border-s) solid var(--color-outline);\n  transition-property: border-color, box-shadow, transform;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n}\n\n@keyframes skeleton-pulse-light {\n  from {\n    opacity: 0.14;\n  }\n  to {\n    opacity: 0.21;\n  }\n}\n@keyframes skeleton-pulse-dark {\n  from {\n    opacity: 0.28;\n  }\n  to {\n    opacity: 0.36;\n  }\n}\n.skeleton {\n  animation: skeleton-pulse-light 1s ease alternate 0s infinite !important;\n  border-radius: var(--radius-s) !important;\n  background-color: var(--color-gray-5) !important;\n  border: 0 !important;\n  outline: 0 !important;\n  box-shadow: 0 !important;\n  pointer-events: none !important;\n  color: transparent !important;\n  mask-image: none !important;\n  background-image: none !important;\n  print-color-adjust: exact;\n}\n.skeleton:is(p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {\n  inline-size: 100%;\n}\n.skeleton:is(p,\n.p,\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3,\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6,\n.chip)::before {\n  content: \".\";\n}\n.skeleton:is(button, .button, .chip):empty {\n  min-inline-size: 5em;\n}\n.skeleton::before, .skeleton::after,\n.skeleton > * {\n  visibility: hidden !important;\n}\n@media (prefers-color-scheme: dark) {\n  .skeleton {\n    animation-name: skeleton-pulse-dark !important;\n  }\n}\n\ninput[type=checkbox].switch,\nlabel.switch input[type=checkbox] {\n  font-size: 1rem;\n  print-color-adjust: exact;\n  appearance: none;\n  block-size: 1.8em;\n  inline-size: 3em;\n  border-radius: var(--radius-full);\n  background-color: var(--color-gray-8);\n  position: relative;\n  flex: none;\n  transition-property: background-color, box-shadow, border-color;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  border: 0.1em solid var(--color-gray-7);\n  cursor: pointer;\n}\ninput[type=checkbox].switch.small,\nlabel.switch input[type=checkbox].small {\n  font-size: 0.8rem;\n}\ninput[type=checkbox].switch::after,\nlabel.switch input[type=checkbox]::after {\n  content: \"\";\n  position: absolute;\n  height: 1.4em;\n  width: 1.4em;\n  background-color: white;\n  inset-inline-start: 0.1em;\n  inset-block-start: 0.1em;\n  border-radius: var(--radius-full);\n  box-shadow: var(--shadow-s);\n  transition-property: border-color, transform;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  transform: translateX(0);\n}\ninput[type=checkbox].switch:disabled,\nlabel.switch input[type=checkbox]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\ninput[type=checkbox].switch:is(:focus-visible, .focus),\nlabel.switch input[type=checkbox]:is(:focus-visible, .focus) {\n  border-color: var(--color-gray-6);\n  box-shadow: 0 0 0 0.2em var(--color-gray-transparent);\n  outline: 0;\n}\ninput[type=checkbox].switch:checked,\nlabel.switch input[type=checkbox]:checked {\n  background-color: var(--color-brand-6);\n  border-color: var(--color-brand-5);\n}\ninput[type=checkbox].switch:checked::after,\nlabel.switch input[type=checkbox]:checked::after {\n  transform: translateX(1.2em);\n}\ninput[type=checkbox].switch:checked:is(:focus-visible, .focus),\nlabel.switch input[type=checkbox]:checked:is(:focus-visible, .focus) {\n  box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\ninput[type=checkbox].switch:dir(rtl):checked::after,\nlabel.switch input[type=checkbox]:dir(rtl):checked::after {\n  transform: translateX(-1.2em);\n}\n@media (prefers-color-scheme: dark) {\n  input[type=checkbox].switch,\n  label.switch input[type=checkbox] {\n    background-color: var(--color-gray-5);\n  }\n  input[type=checkbox].switch:checked,\n  label.switch input[type=checkbox]:checked {\n    background-color: var(--color-brand-5);\n  }\n}\n\nlabel.switch {\n  inline-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  font-weight: var(--font-weight-semibold);\n}\n\ntable {\n  --table-bg-odd: var(--color-body-alt);\n  --table-bg-even: var(--color-body);\n  --table-vertical-border: var(--border-s);\n  background-color: var(--color-body-alt);\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: var(--font-size-m);\n  border: var(--border-s) solid var(--color-outline);\n  border-radius: var(--radius-s);\n  color: var(--color-body-text);\n}\ntable.subtle {\n  --table-bg-odd: transparent;\n  --table-bg-even: transparent;\n  --table-vertical-border: 0;\n  border: 0;\n}\ntable.dense :is(th, td) {\n  padding: var(--space-3xs) var(--space-2xs);\n}\ntable.sparse :is(th, td) {\n  padding: var(--space-xs) var(--space-s);\n}\n\ncaption {\n  text-align: unset;\n  margin: 0 0 var(--space-2xs);\n}\n\nth,\ntd {\n  padding: var(--space-2xs) var(--space-xs);\n}\n\nth,\ntfoot td {\n  font-weight: var(--font-weight-bold);\n  text-align: center;\n}\n\nth {\n  border-block-end: var(--border-m) solid var(--color-outline);\n}\n\ntfoot td {\n  border-block-start: var(--border-m) solid var(--color-outline);\n}\n\ntd {\n  text-align: unset;\n}\n\n:is(th, tfoot td):not(:last-of-type) {\n  border-inline-end: var(--table-vertical-border) dashed var(--color-outline);\n}\n\ntd:not(tfoot td, :last-of-type) {\n  border-inline-end: var(--table-vertical-border) solid var(--color-outline);\n}\n\ntr:not(:last-of-type) td {\n  border-block-end: var(--border-s) solid var(--color-outline);\n}\n\ntbody tr:nth-child(odd),\ntbody:has(tr:last-of-type:nth-child(even)) + tfoot tr {\n  background-color: var(--table-bg-even);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--table-bg-odd);\n}\n\ndialog[open] {\n  display: flex;\n  transform: var(--dialog-open-transform);\n  opacity: var(--dialog-open-opacity);\n}\n\ndialog[open]::backdrop {\n  opacity: var(--dialog-backdrop-open-opacity);\n}\n\ndialog {\n  transform: var(--dialog-ending-transform);\n  opacity: var(--dialog-ending-opacity);\n  transition: transform 150ms ease, opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete;\n}\n\ndialog::backdrop {\n  opacity: var(--dialog-backdrop-ending-opacity);\n  transition: transform 150ms ease, opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete;\n}\n\n@starting-style {\n  dialog[open] {\n    transform: var(--dialog-starting-transform);\n    opacity: var(--dialog-starting-opacity);\n  }\n  dialog[open]::backdrop {\n    opacity: var(--dialog-backdrop-starting-opacity);\n  }\n}\n@starting-style {\n  .app > .sidebar {\n    opacity: 0;\n  }\n}\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n  outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n  text-size-adjust: 100%;\n  color-scheme: light dark;\n}\n\nbody {\n  min-height: 100svh;\n  margin: 0;\n  background-color: var(--color-body);\n  color: var(--color-body-text);\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-m);\n}","@use \"../utils\";\n\n.alert {\n  display: block;\n  border-radius: var(--radius-s);\n  border-start-start-radius: calc(var(--space-2xs) + 2em);\n  border-end-start-radius: calc(var(--space-2xs) + 2em);\n  padding: var(--space-2xs);\n  padding-inline-start: calc(var(--space-2xs) + 2em);\n  font-size: var(--font-size-m);\n  color: var(--color-body-text);\n  position: relative;\n  background:\n    linear-gradient(var(--alert-bg-color), var(--alert-bg-color)) padding-box,\n    linear-gradient(\n        to right,\n        var(--alert-border-start-color),\n        var(--alert-border-end-color)\n      )\n      border-box;\n  border: var(--border-m) solid transparent;\n  line-height: 1.4;\n\n  > * {\n    line-height: 1.4;\n  }\n\n  @media print {\n    & {\n      border-color: var(--alert-border-start-color);\n    }\n  }\n\n  &::before {\n    content: \"\";\n    print-color-adjust: exact;\n    z-index: 2;\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    mask-repeat: no-repeat;\n    mask-size: contain;\n    background-color: var(--alert-border-start-color);\n    mask-image: var(--alert-icon);\n  }\n\n  &::after {\n    content: \"\";\n    print-color-adjust: exact;\n    z-index: 1;\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    background-color: #fffe;\n    border-radius: var(--radius-full);\n    scale: 0.75;\n    box-shadow: var(--shadow-s);\n\n    @media (prefers-color-scheme: dark) {\n      background-color: #000e;\n    }\n  }\n\n  &.error {\n    --alert-bg-color: var(--color-red-9);\n    --alert-border-start-color: var(--color-red-5);\n    --alert-border-end-color: var(--color-red-6);\n    --alert-icon: #{utils.svg-to-data-url(\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 512 512\"><path d=\"M331.3 308.7L278.6 256l52.7-52.7c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-52.7-52.7c-6.2-6.2-15.6-7.1-22.6 0-7.1 7.1-6 16.6 0 22.6l52.7 52.7-52.7 52.7c-6.7 6.7-6.4 16.3 0 22.6 6.4 6.4 16.4 6.2 22.6 0l52.7-52.7 52.7 52.7c6.2 6.2 16.4 6.2 22.6 0 6.3-6.2 6.3-16.4 0-22.6z\" fill=\"#888888\"/><path d=\"M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z\" fill=\"#888888\"/></svg>'\n      )};\n  }\n\n  &.warning {\n    --alert-bg-color: var(--color-yellow-9);\n    --alert-border-start-color: var(--color-yellow-5);\n    --alert-border-end-color: var(--color-yellow-6);\n    --alert-icon: #{utils.svg-to-data-url(\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 512 512\"><path fill=\"none\" stroke=\"#888888\" stroke-miterlimit=\"10\" stroke-width=\"32\" d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192Z\"/><path fill=\"none\" stroke=\"#888888\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 6Z\"/><path fill=\"#888888\" d=\"M256 367.91a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z\"/></svg>'\n      )};\n  }\n\n  &.success {\n    --alert-bg-color: var(--color-green-9);\n    --alert-border-start-color: var(--color-green-5);\n    --alert-border-end-color: var(--color-green-6);\n    --alert-icon: #{utils.svg-to-data-url(\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 512 512\"><path d=\"M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z\" fill=\"#888888\"/><path d=\"M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z\" fill=\"#888888\"/></svg>'\n      )};\n  }\n\n  &.info {\n    --alert-bg-color: var(--color-sky-9);\n    --alert-border-start-color: var(--color-sky-5);\n    --alert-border-end-color: var(--color-sky-6);\n    --alert-icon: #{utils.svg-to-data-url(\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 512 512\"><path d=\"M235.4 172.2c0-11.4 9.3-19.9 20.5-19.9 11.4 0 20.7 8.5 20.7 19.9s-9.3 20-20.7 20c-11.2 0-20.5-8.6-20.5-20zm1.4 35.7H275V352h-38.2V207.9z\" fill=\"#888888\"/><path d=\"M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z\" fill=\"#888888\"/></svg>'\n      )};\n  }\n}\n\n.alert-title {\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-bold);\n  line-height: 1;\n  color: var(--alert-border-start-color);\n  font-size: 0.85em;\n  margin: 0;\n  margin-block-end: 0.15em;\n}\n","%flex-layout {\n  display: flex;\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  min-width: 100svw;\n  min-height: 100svh;\n\n  > header {\n    height: var(--header-height);\n    width: 100%;\n    display: flex;\n    align-items: center;\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    padding-inline: max(var(--space-2xs), calc(50dvw - 55rem));\n\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-brand-2);\n    }\n\n    > :is(.header-item, .toggle-sidebar) {\n      height: 100%;\n      padding: 0.5rem;\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      border-radius: var(--radius-s);\n      font-weight: var(--font-weight-semibold);\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    .toggle-sidebar {\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\n  > .sidebar {\n    overflow: auto;\n    transition:\n      opacity 150ms ease,\n      display 150ms allow-discrete;\n    display: flex;\n    flex-direction: column;\n    padding: var(--space-body);\n    width: var(--sidebar-width);\n    gap: var(--space-3xs);\n    position: fixed;\n    top: var(--header-height);\n    left: 0;\n    height: calc(100dvh - var(--header-height));\n    z-index: 3;\n    opacity: 1;\n\n    &::after {\n      content: \"\";\n      height: calc(100dvh - var(--header-height) - 2 * var(--space-s));\n      width: var(--border-s);\n      background-color: var(--color-outline);\n      position: fixed;\n      top: calc(var(--header-height) + var(--space-s));\n      left: calc(var(--sidebar-width) - var(--border-s));\n    }\n\n    .sidebar-heading {\n      font-size: 1.2rem;\n      margin: var(--space-s) 0 var(--space-3xs);\n      font-weight: var(--font-weight-semibold);\n\n      &:first-of-type {\n        margin-block-start: 0;\n      }\n    }\n\n    .sidebar-item {\n      padding: var(--space-2xs) var(--space-xs);\n      margin: 0 calc(-1 * var(--space-xs));\n      border-radius: var(--radius-l);\n      color: var(--color-body-text-alt);\n      text-decoration: none;\n      font-weight: var(--font-weight-normal);\n      font-size: 1rem;\n      transition-property: color, background-color, box-shadow;\n      transition-duration: 200ms;\n      transition-timing-function: ease;\n\n      &:hover {\n        background-color: var(--color-brand-extra-transparent);\n      }\n\n      &:active {\n        color: var(--color-brand-1);\n      }\n\n      &:is(.current, [aria-current=\"page\"]) {\n        color: var(--color-brand-4);\n        font-weight: var(--font-weight-bold);\n      }\n\n      &:hover:active {\n        background-color: var(--color-brand-transparent);\n      }\n\n      &:focus-visible {\n        outline-offset: 0;\n      }\n    }\n  }\n\n  > .content {\n    padding: var(--space-body);\n    padding-inline: max(var(--space-body), calc(50dvw - 55rem));\n    width: 100%;\n  }\n\n  &:has(> .sidebar) {\n    height: 100dvh;\n    width: 100dvw;\n\n    > header {\n      position: fixed;\n      top: 0;\n      left: 0;\n      padding-inline: var(--space-2xs);\n    }\n\n    > .content {\n      overflow: auto;\n      position: fixed;\n      top: var(--header-height);\n      left: var(--sidebar-width);\n      width: calc(100dvw - var(--sidebar-width));\n      height: calc(100dvh - var(--header-height));\n    }\n  }\n\n  @media (width < 55rem) {\n    > header .toggle-sidebar {\n      display: initial;\n    }\n\n    > .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    > header:has(.toggle-sidebar input:not(:checked)) ~ .sidebar {\n      opacity: 0;\n      display: none;\n    }\n\n    > .content {\n      left: 0 !important;\n      width: 100dvw !important;\n    }\n  }\n}\n","@use \"sass:string\";\n@use \"sass:list\";\n\n// Adapted from https://css-tricks.com/snippets/sass/str-replace-function/\n@function replace-all($string, $search, $replace) {\n  $index: string.index($string, $search);\n\n  @if $index {\n    /* stylelint-disable-next-line scss/operator-no-newline-after */\n    @return string.slice($string, 1, $index - 1) + $replace +\n      replace-all(\n        string.slice($string, $index + string.length($search)),\n        $search,\n        $replace\n      );\n  }\n\n  @return $string;\n}\n\n@function svg-to-data-url($svg) {\n  $svg: replace-all($svg, \"%\", \"%25\");\n  $svg: replace-all($svg, '\"', \"'\");\n  $svg: replace-all($svg, \"#\", \"%23\");\n  $svg: replace-all($svg, \"<\", \"%3C\");\n  $svg: replace-all($svg, \">\", \"%3E\");\n  $svg: replace-all($svg, \"[\", \"%5B\");\n  $svg: replace-all($svg, \"]\", \"%5D\");\n  $svg: replace-all($svg, \"^\", \"%5E\");\n  $svg: replace-all($svg, \"`\", \"%60\");\n  $svg: replace-all($svg, \"{\", \"%7B\");\n  $svg: replace-all($svg, \"|\", \"%7C\");\n  $svg: replace-all($svg, \"}\", \"%7D\");\n\n  // The below characters are tolerated by browsers, so don't NEED to be escaped:\n  // $svg: replace-all($svg, \" \", \"%20\");\n  // $svg: replace-all($svg, \"!\", \"%21\");\n  // $svg: replace-all($svg, \"$\", \"%24\");\n  // $svg: replace-all($svg, \"&\", \"%26\");\n  // $svg: replace-all($svg, \"'\", \"%27\");\n  // $svg: replace-all($svg, \"(\", \"%28\");\n  // $svg: replace-all($svg, \")\", \"%29\");\n  // $svg: replace-all($svg, \"*\", \"%2A\");\n  // $svg: replace-all($svg, \"+\", \"%2B\");\n  // $svg: replace-all($svg, \",\", \"%2C\");\n  // $svg: replace-all($svg, \"-\", \"%2D\");\n  // $svg: replace-all($svg, \".\", \"%2E\");\n  // $svg: replace-all($svg, \"/\", \"%2F\");\n  // $svg: replace-all($svg, \":\", \"%3A\");\n  // $svg: replace-all($svg, \";\", \"%3B\");\n  // $svg: replace-all($svg, \"=\", \"%3D\");\n  // $svg: replace-all($svg, \"?\", \"%3F\");\n  // $svg: replace-all($svg, \"@\", \"%40\");\n  // $svg: replace-all($svg, \"\\\\\", \"%5C\");\n  // $svg: replace-all($svg, \"_\", \"%5F\");\n  // $svg: replace-all($svg, \"~\", \"%7F\");\n\n  @return 'url(\"data:image/svg+xml,#{$svg}\")';\n}\n\n@mixin transition($properties, $duration: 200ms, $timing-function: \"ease\") {\n  $properties-string: \"\";\n\n  @if type-of($properties) != list and type-of($properties) != string {\n    @error 'Properties must be a string or list of strings';\n  }\n\n  @each $property in $properties {\n    @if $properties-string != \"\" {\n      $properties-string: $properties-string + \", \";\n    }\n\n    $properties-string: $properties-string + $property;\n  }\n\n  @if list.length($properties) == 1 {\n    transition-property: #{string.unquote($properties-string)}\n      $duration\n      #{string.unquote($timing-function)};\n  }\n\n  @if list.length($properties) > 1 {\n    transition-property: string.unquote($properties-string);\n    transition-duration: $duration;\n    transition-timing-function: string.unquote($timing-function);\n  }\n}\n",":is(\n    button,\n    .button,\n    input[type=\"button\"],\n    input[type=\"submit\"],\n    input[type=\"reset\"]\n  ):not(.chip, .card, .chip .delete, .input-group .action) {\n  --button-shadow: var(--shadow-s);\n  --button-hover-bg-color: var(--button-border-color);\n\n  box-sizing: border-box;\n  display: inline-flex;\n  outline: 0;\n  padding-inline: 1.25em;\n  padding-block: 0.75em;\n  gap: 0.5em;\n  border-style: solid;\n  transform: scale(1);\n  transition-property: box-shadow, background-color, transform, opacity;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  text-decoration: none;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  cursor: pointer;\n  border-width: var(--border-s);\n  border-radius: var(--radius-m);\n  min-height: 2.6em;\n  min-width: 3em;\n  line-height: 1;\n  font-family: var(--font-family-ui);\n  box-shadow: var(--button-shadow);\n  user-select: none;\n  font-size: 1rem;\n\n  &::before {\n    content: \"\";\n    background-color: var(--button-hover-bg-color);\n    position: absolute;\n    inset: 0;\n    margin: auto;\n    transition-property: opacity, width, height, border-radius;\n    transition-duration: 200ms;\n    transition-timing-function: ease;\n    z-index: -1;\n    border-radius: 2em;\n    width: 4em;\n    height: 4em;\n    opacity: 0;\n  }\n\n  &:is(:focus-visible, .focus) {\n    box-shadow:\n      var(--button-shadow),\n      0 0 0 0.1em var(--button-border-color),\n      0 0 0 calc(0.2em + var(--border-s)) var(--button-focus-ring-color);\n  }\n\n  &:is(:active, .active) {\n    transform: scale(0.98);\n\n    // On low-resolution screens, the scale effect makes text jump\n    // around awkwardly, so we use an alternative.\n    @media screen and (resolution < 2x) {\n      transform: translateY(1px);\n    }\n  }\n\n  &:is(:hover, .hover) {\n    text-decoration: none;\n\n    &::before {\n      opacity: 1;\n      width: 100%;\n      height: 100%;\n      border-radius: 5px;\n    }\n\n    // inputs don't support children, so the ::before pseudo element won't work\n    &:is(input) {\n      background-color: var(--button-hover-bg-color);\n    }\n  }\n\n  color: var(--button-fg-color);\n  background-color: var(--button-bg-color);\n  border-color: var(--button-border-color);\n  font-weight: var(--button-font-weight);\n\n  &.primary {\n    --button-fg-color: white;\n    --button-bg-color: var(--color-brand-5);\n    --button-border-color: var(--color-brand-4);\n    --button-font-weight: var(--font-weight-bold);\n    --button-focus-ring-color: var(--color-brand-transparent);\n\n    @each $color\n      in (\n        \"red\",\n        \"orange\",\n        \"yellow\",\n        \"green\",\n        \"sky\",\n        \"blue\",\n        \"purple\",\n        \"magenta\",\n        \"gray\"\n      )\n    {\n      &.#{$color} {\n        --button-bg-color: var(--color-#{$color}-5);\n        --button-border-color: var(--color-#{$color}-4);\n        --button-focus-ring-color: var(--color-#{$color}-transparent);\n      }\n    }\n  }\n\n  // .secondary, default\n  &:not(.primary, .subtle, .close) {\n    --button-fg-color: var(--color-body-text);\n    --button-bg-color: var(--color-gray-9);\n    --button-border-color: var(--color-gray-8);\n    --button-font-weight: var(--font-weight-normal);\n    --button-focus-ring-color: var(--color-gray-extra-transparent);\n  }\n\n  &:is(.subtle, .close) {\n    --button-fg-color: var(--color-brand-4);\n    --button-bg-color: transparent;\n    --button-border-color: transparent;\n    --button-hover-bg-color: var(--color-brand-extra-transparent);\n    --button-font-weight: var(--font-weight-bold);\n    --button-focus-ring-color: transparent;\n    --button-shadow: none;\n\n    &:is(:focus-visible, .focus) {\n      --button-bg-color: var(--color-brand-transparent);\n      --button-hover-bg-color: transparent;\n    }\n  }\n\n  &:is(.small, .close) {\n    font-size: 0.8rem;\n  }\n\n  &.large {\n    font-size: 1.2rem;\n  }\n\n  &:is(.icon, .close) {\n    border-radius: var(--radius-full);\n    padding-inline: 0.5em;\n    padding-block: 0.5em;\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    &:not(.subtle, .close) {\n      &::before {\n        content: unset;\n      }\n\n      &:is(:hover, .hover) {\n        background-color: var(--button-hover-bg-color);\n      }\n    }\n  }\n\n  &:is(:disabled, .disabled, [aria-disabled=\"true\"]) {\n    opacity: 0.7;\n    cursor: not-allowed;\n    transform: scale(1);\n\n    &:is(:hover, .hover)::before {\n      opacity: 0;\n    }\n  }\n\n  &.loading {\n    cursor: wait;\n\n    &::before {\n      opacity: 1 !important;\n      height: 100% !important;\n      border-radius: inherit !important;\n      animation: button-loading-bg 1200ms ease-in-out infinite forwards;\n    }\n  }\n}\n\n@keyframes button-loading-bg {\n  0% {\n    width: 0;\n    margin: 0 auto 0 0;\n  }\n\n  50% {\n    width: 100%;\n  }\n\n  100% {\n    width: 0;\n    margin: 0 0 0 auto;\n  }\n}\n",".card {\n  background-color: var(--color-body-alt);\n  border-radius: var(--radius-l);\n  border: var(--border-s) solid var(--color-outline);\n  box-shadow: var(--shadow-m);\n\n  &.secondary {\n    background-color: var(--color-body);\n    border-radius: var(--radius-m);\n    color: var(--color-body-text-alt);\n    box-shadow: var(--shadow-s);\n\n    .card-title {\n      font-size: var(--font-size-m);\n      margin-block-end: var(--space-2xs);\n    }\n\n    &:not(.no-padding) {\n      padding: var(--space-s);\n    }\n  }\n\n  &:not(.no-padding) {\n    padding: var(--space-m);\n\n    .card-title {\n      margin-block-start: 0;\n    }\n  }\n}\n\n.card-title {\n  font-size: var(--font-size-l);\n  font-weight: var(--font-weight-bold);\n  color: var(--color-brand-3);\n  margin-block-end: var(--space-xs);\n}\n","@use \"../utils\";\n\n$color-variants: (\n  \"red\",\n  \"orange\",\n  \"yellow\",\n  \"green\",\n  \"sky\",\n  \"blue\",\n  \"purple\",\n  \"magenta\",\n  \"brand\",\n  \"gray\"\n);\n\n.chip {\n  --chip-fg-color: white;\n\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--radius-full);\n  font-size: var(--font-size-s);\n  padding-block: var(--space-3xs);\n  padding-inline: var(--space-xs);\n  background-color: var(--chip-bg-color);\n  border: var(--border-s) solid var(--chip-border-color);\n  color: var(--chip-fg-color);\n  flex-shrink: 0;\n  cursor: default;\n  transition-property: box-shadow, background-color, border-color;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  text-decoration: none;\n  appearance: none;\n  line-height: 1.2;\n\n  &:is(:focus-visible, .focus) {\n    box-shadow: 0 0 0 0.2em var(--chip-focus-ring-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-ring-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-ring-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-ring-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-ring-color: var(--color-gray-transparent);\n    --chip-bg-color-active: var(--color-gray-7);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    @each $color in $color-variants {\n      &.#{$color} {\n        --chip-border-color: var(--color-#{$color}-5);\n        --chip-bg-color-active: var(--color-#{$color}-7);\n      }\n    }\n\n    &.black {\n      --chip-border-color: var(--color-gray-7);\n      --chip-bg-color-active: var(--color-gray-8);\n    }\n\n    &.white {\n      --chip-border-color: var(--color-gray-2);\n      --chip-bg-color-active: var(--color-gray-3);\n    }\n  }\n\n  :is(button, .button).delete {\n    outline: 0;\n    margin-inline: var(--space-3xs) calc(-1 * var(--space-2xs));\n    font-size: 0.6em;\n    border: var(--border-s) solid var(--chip-border-color);\n    border-radius: var(--radius-full);\n    transition-property: box-shadow, background-color, transform, opacity,\n      border-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    cursor: pointer;\n    height: 2em;\n    width: 2em;\n    user-select: none;\n    background-color: transparent;\n    padding: 0;\n    display: inline-flex;\n\n    &::before {\n      content: \"\";\n      width: 100%;\n      height: 100%;\n      opacity: 0.7;\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      background-color: var(--chip-border-color);\n      transition-duration: 200ms;\n      transition-timing-function: ease;\n      transition-property: background-color, opacity;\n    }\n\n    &::after {\n      content: \"\";\n      width: 1.2em;\n      height: 1.2em;\n      mask-image: #{utils.svg-to-data-url(\n          '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 256 256\"><path fill=\"black\" d=\"M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z\"/></svg>'\n        )};\n      mask-size: contain;\n      mask-repeat: no-repeat;\n      background-color: var(--chip-fg-color);\n    }\n\n    &:is(:focus-visible, .focus) {\n      border-color: var(--chip-fg-color);\n    }\n\n    &:is(:hover, .hover, :focus-visible, .focus)::before {\n      opacity: 1;\n    }\n\n    &:is(:active, .active)::before {\n      opacity: 0.5;\n    }\n  }\n}\n","@use \"../utils\";\n@use \"./layout\";\n\n%heading-any {\n  font-family: var(--font-family-heading);\n  margin-block: 0.75em 0.3em;\n  line-height: 1.15;\n  text-wrap: balance;\n}\n\nh1,\n.h1,\n%h1 {\n  @extend %heading-any;\n\n  font-size: var(--font-size-4xl);\n  font-weight: var(--font-weight-black);\n}\n\nh2,\n.h2,\n%h2 {\n  @extend %heading-any;\n\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n}\n\nh3,\n.h3,\n%h3 {\n  @extend %heading-any;\n\n  font-size: var(--font-size-2xl);\n  font-weight: var(--font-weight-bold);\n}\n\nh4,\n.h4,\n%h4 {\n  @extend %heading-any;\n\n  font-size: var(--font-size-xl);\n  font-weight: var(--font-weight-semibold);\n}\n\nh5,\n.h5,\n%h5 {\n  @extend %heading-any;\n\n  font-size: var(--font-size-l);\n  font-weight: var(--font-weight-semibold);\n}\n\nh6,\n.h6,\n%h6 {\n  @extend %heading-any;\n\n  font-size: var(--font-size-m);\n  font-weight: var(--font-weight-bold);\n}\n\np,\n.p,\nli {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-m);\n  font-weight: var(--font-weight-normal);\n  line-height: 1.6;\n  margin: 0;\n  text-wrap: pretty;\n  hanging-punctuation: first;\n}\n\nblockquote,\n.blockquote {\n  display: block;\n  margin: 0;\n  color: var(--color-gray-4);\n  border-inline-start: var(--border-l) solid var(--color-gray-transparent);\n  padding: var(--space-3xs);\n  padding-inline-start: var(--space-xs);\n  position: relative;\n  font-size: var(--font-size-m);\n  line-height: 1.25;\n  font-weight: var(--font-weight-normal);\n\n  @media (prefers-color-scheme: dark) {\n    color: var(--color-gray-2);\n  }\n\n  :is(footer, .footer) {\n    margin-block-start: 0.5em;\n    font-size: var(--font-size-s);\n    font-style: initial;\n    color: var(--color-body-text);\n    font-weight: var(--font-weight-semibold);\n\n    :is(cite, .cite) {\n      font-weight: var(--font-weight-normal);\n      font-style: italic;\n    }\n  }\n}\n\na,\n.a {\n  color: var(--color-sky-4);\n  font-weight: var(--font-weight-semibold);\n  text-decoration-line: underline;\n  text-decoration-color: var(--color-sky-transparent);\n  text-decoration-skip-ink: all;\n  text-decoration-thickness: var(--border-m);\n  text-underline-offset: 0.1em;\n  cursor: pointer;\n  transition: text-decoration-color 200ms ease;\n\n  &:is(:hover, .hover) {\n    text-decoration-color: currentcolor;\n  }\n\n  &:focus-visible {\n    outline-offset: 1px;\n  }\n\n  &[target=\"_blank\"]:not(.no-external-icon, .button.icon)::after {\n    content: \"\";\n    print-color-adjust: exact;\n    mask-image: #{utils.svg-to-data-url(\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6m4-3h6v6m-11 5L21 3\"/></svg>'\n      )};\n    mask-size: contain;\n    mask-repeat: no-repeat;\n    background-color: var(--color-gray-5);\n    display: inline-block;\n    height: 0.85em;\n    width: 0.85em;\n    vertical-align: baseline;\n    margin-left: 0.1em;\n  }\n\n  &[target=\"_blank\"]:not(.no-external-icon, .button.icon).button::after {\n    background-color: currentcolor;\n  }\n}\n\npre,\n.pre {\n  font-family: var(--font-family-mono);\n}\n\ncode,\n.code,\nkbd,\n.kbd {\n  background-color: var(--color-gray-extra-transparent);\n  color: var(--color-gray-1);\n  font-family: var(--font-family-mono);\n  padding: 0 0.5ch;\n  margin: 0 0.25ch;\n  border-radius: var(--radius-s);\n  font-size: 0.9em;\n}\n\nsamp,\n.samp {\n  display: block;\n  font-size: calc(0.9 * var(--font-size-m));\n  background-color: var(--color-gray-9);\n  color: var(--color-gray-1);\n  border: var(--border-s) dashed var(--color-outline);\n  border-radius: var(--radius-s);\n  padding: var(--space-3xs);\n  font-family: var(--font-family-mono);\n}\n\n:is(pre, .pre) > :is(code, .code) {\n  background-color: unset;\n}\n\nstrong,\n.strong {\n  font-weight: var(--font-weight-bold);\n}\n\nem,\n.em {\n  font-style: italic;\n}\n\nmark,\n.mark {\n  background-color: var(--color-yellow-9);\n  color: black;\n  padding: 0.1em 0.25em;\n  border-radius: var(--radius-s);\n  print-color-adjust: exact;\n\n  @media (prefers-color-scheme: dark) {\n    background-color: var(--color-yellow-2);\n  }\n}\n\ndel,\n.del {\n  text-decoration-line: line-through;\n  text-decoration-skip-ink: none;\n  text-decoration-thickness: var(--border-s);\n  background-color: var(--color-red-8);\n  color: var(--color-red-1);\n  text-decoration-color: var(--color-body-text);\n  border-radius: 1px;\n}\n\nins,\n.ins {\n  text-decoration-line: none;\n  background-color: var(--color-green-8);\n  color: var(--color-green-1);\n  border-radius: 1px;\n}\n\n:is(abbr, .abbr)[title] {\n  text-decoration-line: underline;\n  text-decoration-style: dotted;\n  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties  -- using the shorthand doesn't work in safari */\n  text-decoration-color: var(--color-gray-6);\n  text-decoration-thickness: var(--border-m);\n  text-underline-offset: 0.1em;\n}\n\nsmall,\n.small {\n  font-size: 0.75em;\n  vertical-align: baseline;\n}\n\nsub,\n.sub,\nsup,\n.sup {\n  font-size: 0.75em;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub,\n.sub {\n  inset-block-end: -0.25em;\n}\n\nsup,\n.sup {\n  inset-block-start: -0.5em;\n}\n\n/* 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\n.accordion {\n  width: 100%;\n\n  > details {\n    & + details {\n      border-block-start: 0;\n    }\n\n    &:not(:first-of-type) {\n      border-start-start-radius: 0;\n      border-start-end-radius: 0;\n    }\n\n    &:not(:last-of-type) {\n      border-end-start-radius: 0;\n      border-end-end-radius: 0;\n    }\n  }\n}\n\ndetails.no-width,\n.accordion.no-width,\n.accordion.no-width > details {\n  width: initial;\n}\n","@use \"./text\";\n@use \"../utils\";\n\ndialog,\ndialog::backdrop {\n  --dialog-starting-opacity: 0.25;\n  --dialog-starting-transform: translateY(8px);\n  --dialog-open-opacity: 1;\n  --dialog-open-transform: translate(0);\n  --dialog-ending-opacity: 0;\n  --dialog-ending-transform: translateY(-4px) scale(0.97);\n  --dialog-backdrop-starting-opacity: 0;\n  --dialog-backdrop-open-opacity: 0.75;\n  --dialog-backdrop-ending-opacity: 0;\n  --dialog-backdrop-color: var(--color-gray-2);\n\n  @media (prefers-reduced-motion) {\n    --dialog-starting-transform: translate(0);\n    --dialog-ending-transform: translate(0);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    --dialog-backdrop-color: var(--color-gray-8);\n    --dialog-backdrop-open-opacity: 0.85;\n  }\n}\n\ndialog {\n  box-shadow: var(--shadow-xl);\n  border: var(--border-s) solid var(--color-outline);\n  border-radius: var(--radius-l);\n  background-color: var(--color-body-alt);\n  color: var(--color-body-text);\n  padding: 0;\n  flex-direction: column;\n  gap: 0;\n\n  &::backdrop {\n    background-color: var(--dialog-backdrop-color);\n  }\n\n  &.drawer {\n    --dialog-starting-opacity: 0.5;\n\n    position: fixed;\n    inset: 0;\n    border-radius: 0;\n    margin: 0;\n    border: 0;\n    overflow: auto;\n\n    &.left {\n      right: auto;\n\n      @media (prefers-reduced-motion: no-preference) {\n        --dialog-starting-transform: translateX(-16px);\n        --dialog-ending-transform: translateX(-16px);\n      }\n    }\n\n    &.top {\n      bottom: auto;\n\n      @media (prefers-reduced-motion: no-preference) {\n        --dialog-starting-transform: translateY(-16px);\n        --dialog-ending-transform: translateY(-16px);\n      }\n    }\n\n    &.right {\n      left: auto;\n\n      @media (prefers-reduced-motion: no-preference) {\n        --dialog-starting-transform: translateX(16px);\n        --dialog-ending-transform: translateX(16px);\n      }\n    }\n\n    &.bottom {\n      top: auto;\n\n      @media (prefers-reduced-motion: no-preference) {\n        --dialog-starting-transform: translateY(16px);\n        --dialog-ending-transform: translateY(16px);\n      }\n    }\n\n    &.top,\n    &.bottom {\n      width: 100dvw;\n      max-width: unset;\n      height: auto;\n      max-height: 100dvh;\n      min-height: min(100dvh, 250px);\n\n      &.small {\n        max-height: min(100dvh, 300px);\n      }\n\n      &.medium {\n        max-height: min(100dvh, 450px);\n      }\n\n      &.large {\n        max-height: min(100dvh, 600px);\n      }\n    }\n\n    &.left,\n    &.right {\n      height: 100dvh;\n      max-height: unset;\n      width: auto;\n      min-width: min(100dvw, 300px);\n      max-width: 100dvw;\n\n      &.small {\n        max-width: min(100dvw, 350px);\n      }\n\n      &.medium {\n        max-width: min(100dvw, 450px);\n      }\n\n      &.large {\n        max-width: min(100dvw, 700px);\n      }\n    }\n  }\n\n  &:not(.drawer) {\n    --dialog-width: 9999px;\n\n    max-height: calc(100svh - 4 * var(--space-body));\n    max-width: min(calc(100svw - 4 * var(--space-body)), var(--dialog-width));\n\n    &.small {\n      --dialog-width: 400px;\n    }\n\n    &.medium {\n      --dialog-width: 650px;\n    }\n\n    &.large {\n      --dialog-width: 900px;\n    }\n  }\n\n  &[open] {\n    display: flex;\n  }\n}\n\n.dialog-header {\n  font-family: var(--font-family-heading);\n  font-size: var(--font-size-m);\n  font-weight: var(--font-weight-bold);\n  line-height: 1;\n  padding: var(--space-m);\n  padding-block-end: var(--space-xs);\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: var(--color-brand-3);\n  margin: 0;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    margin: 0;\n  }\n\n  :is(button, .button).close {\n    color: inherit;\n    margin: -0.5rem;\n    margin-inline-start: var(--space-3xs);\n\n    &::after {\n      content: \"\";\n      width: 1.2em;\n      height: 1.2em;\n      mask-image: #{utils.svg-to-data-url(\n          '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 256 256\"><path fill=\"black\" d=\"M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z\"/></svg>'\n        )};\n      mask-size: contain;\n      mask-repeat: no-repeat;\n      background-color: currentcolor;\n    }\n  }\n}\n\n.dialog-body {\n  padding: var(--space-m);\n  padding-block-start: var(--space-xs);\n  flex-shrink: 1;\n  display: block;\n  overflow: auto;\n  margin: 0;\n}\n\n.dialog-footer {\n  padding: var(--space-xs);\n  flex-shrink: 0;\n  display: flex;\n  gap: var(--space-2xs);\n  justify-content: flex-end;\n  background-color: var(--color-body);\n  border-block-start: var(--border-s) solid var(--color-outline);\n  margin: 0;\n\n  @media screen and (width <= 500px) {\n    flex-direction: column;\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  :is(\n      button,\n      .button,\n      input[type=\"button\"],\n      input[type=\"submit\"],\n      input[type=\"reset\"]\n    ):not(.small, .medium, .large) {\n    font-size: 0.9rem;\n  }\n}\n\n@supports (transition-behavior: allow-discrete) and (overlay: none) {\n  dialog {\n    animation: unset;\n  }\n}\n","@use \"../utils\";\n\n.field {\n  --field-gap: var(--space-2xs);\n  --field-padding: var(--space-2xs);\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: calc(0.75 * var(--space-2xs));\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: 0.9em;\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-ui);\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\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path fill=\"#888888\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m37.66 130.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"/></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(--space-3xs) var(--space-xs);\n      align-items: center;\n      justify-content: center;\n      font-size: 0.9em;\n\n      :is(img, svg) {\n        height: 1.15em;\n        width: auto;\n      }\n    }\n\n    > .prefix {\n      border-inline-end: 0;\n    }\n\n    > .suffix {\n      border-inline-start: 0;\n    }\n\n    > .action {\n      cursor: pointer;\n      color: var(--color-brand-3);\n      border-inline-start: 0;\n      transition-property: box-shadow, background-color;\n      transition-timing-function: ease;\n      transition-duration: 200ms;\n\n      &:hover {\n        background-color: var(--color-gray-8);\n      }\n\n      &:active {\n        background-color: var(--color-gray-7);\n      }\n\n      &:focus-visible {\n        border-color: var(--color-brand-5);\n        border-inline-start-width: var(--border-s);\n        border-inline-start-style: solid;\n        box-shadow:\n          0 0 0 0.1em var(--color-brand-5),\n          0 0 0 calc(0.2em + var(--border-s)) var(--color-brand-transparent);\n        outline: 0;\n      }\n    }\n\n    > :is(input, select, textarea) {\n      width: 100%;\n\n      &:has(~ .action:focus-visible) {\n        border-inline-end-width: 0;\n      }\n    }\n  }\n}\n\nfieldset {\n  border: var(--border-s) solid var(--color-outline);\n  border-radius: var(--radius-l);\n\n  legend {\n    color: var(--color-body-text);\n    font-weight: var(--font-weight-semibold);\n  }\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  accent-color: var(--color-brand-5);\n}\n","hr,\n.hr {\n  background-color: var(--color-outline);\n  border: 0;\n  outline: 0;\n  width: 100%;\n  height: var(--border-s);\n  display: block;\n  margin: var(--space-xs) 0;\n  print-color-adjust: exact;\n\n  &.invisible {\n    visibility: hidden;\n  }\n\n  &.vertical {\n    display: inline-block;\n    width: var(--border-s);\n    height: 100%;\n    min-height: 1em;\n    margin: 0 var(--space-xs);\n  }\n}\n","@mixin background {\n  border-radius: var(--radius-s);\n  border: 0;\n  display: block;\n  inline-size: 100%;\n  block-size: 1em;\n  box-shadow: inset 0 0 0 var(--border-s) var(--color-gray-7);\n  background: var(--color-gray-8);\n  box-sizing: border-box;\n  overflow: clip;\n}\n\n@mixin value {\n  border-radius: var(--radius-s);\n  border: var(--border-s) solid transparent;\n  box-sizing: border-box;\n}\n\n@mixin value-good {\n  background: var(--color-green-6);\n  border-color: var(--color-green-5);\n}\n\n@mixin value-ok {\n  background: var(--color-yellow-7);\n  border-color: var(--color-yellow-6);\n\n  @media (prefers-color-scheme: dark) {\n    background: var(--color-yellow-4);\n    border-color: var(--color-yellow-3);\n  }\n}\n\n@mixin value-bad {\n  background: var(--color-red-6);\n  border-color: var(--color-red-5);\n}\n\n@mixin value-neutral {\n  background: var(--color-blue-6);\n  border-color: var(--color-blue-5);\n}\n\n@mixin value-indeterminate {\n  @include value-neutral;\n\n  opacity: 0.5;\n  inline-size: 100% !important;\n  animation: indeterminate-progress 1s linear infinite alternate;\n}\n\n@keyframes indeterminate-progress {\n  from {\n    opacity: 0.2;\n  }\n\n  to {\n    opacity: 0.8;\n  }\n}\n\nmeter {\n  appearance: none;\n  inline-size: 100%;\n  block-size: 1em;\n}\n\n@supports selector(::-moz-meter-bar) {\n  meter {\n    @include background;\n  }\n}\n\n::-webkit-meter-bar {\n  @include background;\n}\n\n::-webkit-meter-optimum-value,\n::-webkit-meter-suboptimum-value,\n::-webkit-meter-even-less-good-value {\n  @include value;\n}\n\n::-webkit-meter-inner-element {\n  display: inline-block;\n  position: relative;\n}\n\n::-moz-meter-bar {\n  @include value;\n}\n\n::-webkit-meter-optimum-value {\n  @include value-good;\n}\n\n:-moz-meter-optimum::-moz-meter-bar {\n  @include value-good;\n}\n\n::-webkit-meter-suboptimum-value {\n  @include value-ok;\n}\n\n:-moz-meter-sub-optimum::-moz-meter-bar {\n  @include value-ok;\n}\n\n::-webkit-meter-even-less-good-value {\n  @include value-bad;\n}\n\n:-moz-meter-sub-sub-optimum::-moz-meter-bar {\n  @include value-bad;\n}\n\nprogress {\n  appearance: none;\n  inline-size: 100%;\n  block-size: 1em;\n}\n\n@supports selector(::-moz-progress-bar) {\n  progress {\n    @include background;\n  }\n}\n\n::-webkit-progress-bar {\n  @include background;\n}\n\n::-webkit-progress-value {\n  @include value;\n  @include value-neutral;\n}\n\n::-moz-progress-bar {\n  @include value;\n  @include value-neutral;\n}\n\n:indeterminate::-webkit-progress-value {\n  @include value-indeterminate;\n}\n\n:indeterminate::-moz-progress-bar {\n  @include value-indeterminate;\n}\n","@mixin track {\n  block-size: 0.25em;\n  inline-size: 100%;\n  border-radius: var(--radius-full);\n  background-color: var(--color-gray-8);\n  print-color-adjust: exact;\n\n  @media (prefers-color-scheme: dark) {\n    background-color: var(--color-gray-6);\n  }\n}\n\n@mixin thumb {\n  height: 1.25em;\n  width: 1.25em;\n  border-radius: var(--radius-full);\n  background-color: white;\n  box-shadow: var(--shadow-s);\n  border: var(--border-s) solid var(--color-outline);\n  transition-property: border-color, box-shadow, transform;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n}\n\n@mixin thumb-active {\n  border-color: var(--color-brand-5);\n\n  &:active {\n    @media screen and (resolution >= 2x) {\n      transform: scale(0.9);\n    }\n  }\n}\n\n@mixin thumb-focus {\n  border-color: var(--color-brand-5);\n  box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n}\n\ninput[type=\"range\"] {\n  font-size: 1rem;\n  block-size: 1.25em;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n\n  @media (pointer: coarse) {\n    font-size: 1.5rem;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    outline: 0;\n\n    &::-webkit-slider-thumb {\n      @include thumb-focus;\n    }\n\n    &::-moz-range-thumb {\n      @include thumb-focus;\n    }\n  }\n\n  &:enabled:active {\n    &::-webkit-slider-thumb {\n      @include thumb-active;\n    }\n\n    &::-moz-range-thumb {\n      @include thumb-active;\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include track;\n  }\n\n  &::-moz-range-track {\n    @include track;\n  }\n\n  &::-webkit-slider-thumb {\n    @include thumb;\n\n    appearance: none;\n    margin-block-start: -0.5em;\n  }\n\n  &::-moz-range-thumb {\n    @include thumb;\n  }\n}\n","@keyframes skeleton-pulse-light {\n  from {\n    opacity: 0.14;\n  }\n\n  to {\n    opacity: 0.21;\n  }\n}\n\n@keyframes skeleton-pulse-dark {\n  from {\n    opacity: 0.28;\n  }\n\n  to {\n    opacity: 0.36;\n  }\n}\n\n.skeleton {\n  animation: skeleton-pulse-light 1s ease alternate 0s infinite !important;\n  border-radius: var(--radius-s) !important;\n  background-color: var(--color-gray-5) !important;\n  border: 0 !important;\n  outline: 0 !important;\n  box-shadow: 0 !important;\n  pointer-events: none !important;\n  color: transparent !important;\n  mask-image: none !important;\n  background-image: none !important;\n  print-color-adjust: exact;\n\n  &:is(p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {\n    inline-size: 100%;\n  }\n\n  &:is(\n      p,\n      .p,\n      h1,\n      .h1,\n      h2,\n      .h2,\n      h3,\n      .h3,\n      h4,\n      .h4,\n      h5,\n      .h5,\n      h6,\n      .h6,\n      .chip\n    )::before {\n    content: \".\";\n  }\n\n  &:is(button, .button, .chip):empty {\n    min-inline-size: 5em;\n  }\n\n  &::before,\n  &::after,\n  > * {\n    visibility: hidden !important;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    animation-name: skeleton-pulse-dark !important;\n  }\n}\n","input[type=\"checkbox\"].switch,\nlabel.switch input[type=\"checkbox\"] {\n  font-size: 1rem;\n  print-color-adjust: exact;\n  appearance: none;\n  block-size: 1.8em;\n  inline-size: 3em;\n  border-radius: var(--radius-full);\n  background-color: var(--color-gray-8);\n  position: relative;\n  flex: none;\n  transition-property: background-color, box-shadow, border-color;\n  transition-duration: 200ms;\n  transition-timing-function: ease;\n  border: 0.1em solid var(--color-gray-7);\n  cursor: pointer;\n\n  &.small {\n    font-size: 0.8rem;\n  }\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    height: 1.4em;\n    width: 1.4em;\n    background-color: white;\n    inset-inline-start: 0.1em;\n    inset-block-start: 0.1em;\n    border-radius: var(--radius-full);\n    box-shadow: var(--shadow-s);\n    transition-property: border-color, transform;\n    transition-duration: 200ms;\n    transition-timing-function: ease;\n    transform: translateX(0);\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  &:is(:focus-visible, .focus) {\n    border-color: var(--color-gray-6);\n    box-shadow: 0 0 0 0.2em var(--color-gray-transparent);\n    outline: 0;\n  }\n\n  &:checked {\n    background-color: var(--color-brand-6);\n    border-color: var(--color-brand-5);\n\n    &::after {\n      transform: translateX(1.2em);\n    }\n\n    &:is(:focus-visible, .focus) {\n      box-shadow: 0 0 0 0.2em var(--color-brand-transparent);\n    }\n  }\n\n  &:dir(rtl):checked::after {\n    transform: translateX(-1.2em);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    background-color: var(--color-gray-5);\n\n    &:checked {\n      background-color: var(--color-brand-5);\n    }\n  }\n}\n\nlabel.switch {\n  inline-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  font-weight: var(--font-weight-semibold);\n}\n","@use \"./text\";\n\ntable {\n  --table-bg-odd: var(--color-body-alt);\n  --table-bg-even: var(--color-body);\n  --table-vertical-border: var(--border-s);\n\n  background-color: var(--color-body-alt);\n  border-collapse: separate;\n  border-spacing: 0;\n  font-size: var(--font-size-m);\n  border: var(--border-s) solid var(--color-outline);\n  border-radius: var(--radius-s);\n  color: var(--color-body-text);\n\n  &.subtle {\n    --table-bg-odd: transparent;\n    --table-bg-even: transparent;\n    --table-vertical-border: 0;\n\n    border: 0;\n  }\n\n  &.dense :is(th, td) {\n    padding: var(--space-3xs) var(--space-2xs);\n  }\n\n  &.sparse :is(th, td) {\n    padding: var(--space-xs) var(--space-s);\n  }\n}\n\ncaption {\n  @extend %h5;\n\n  text-align: unset;\n  margin: 0 0 var(--space-2xs);\n}\n\nth,\ntd {\n  padding: var(--space-2xs) var(--space-xs);\n}\n\nth,\ntfoot td {\n  font-weight: var(--font-weight-bold);\n  text-align: center;\n}\n\nth {\n  border-block-end: var(--border-m) solid var(--color-outline);\n}\n\ntfoot td {\n  border-block-start: var(--border-m) solid var(--color-outline);\n}\n\ntd {\n  text-align: unset;\n}\n\n:is(th, tfoot td):not(:last-of-type) {\n  border-inline-end: var(--table-vertical-border) dashed var(--color-outline);\n}\n\ntd:not(tfoot td, :last-of-type) {\n  border-inline-end: var(--table-vertical-border) solid var(--color-outline);\n}\n\ntr:not(:last-of-type) td {\n  border-block-end: var(--border-s) solid var(--color-outline);\n}\n\ntbody tr:nth-child(odd),\ntbody:has(tr:last-of-type:nth-child(even)) + tfoot tr {\n  background-color: var(--table-bg-even);\n}\n\ntbody tr:nth-child(even) {\n  background-color: var(--table-bg-odd);\n}\n","dialog[open] {\n  display: flex;\n  transform: var(--dialog-open-transform);\n  opacity: var(--dialog-open-opacity);\n}\n\ndialog[open]::backdrop {\n  opacity: var(--dialog-backdrop-open-opacity);\n}\n\ndialog {\n  transform: var(--dialog-ending-transform);\n  opacity: var(--dialog-ending-opacity);\n  transition:\n    transform 150ms ease,\n    opacity 150ms ease,\n    display 150ms ease allow-discrete,\n    overlay 150ms ease allow-discrete;\n}\n\ndialog::backdrop {\n  opacity: var(--dialog-backdrop-ending-opacity);\n  transition:\n    transform 150ms ease,\n    opacity 150ms ease,\n    display 150ms ease allow-discrete,\n    overlay 150ms ease allow-discrete;\n}\n\n@starting-style {\n  dialog[open] {\n    transform: var(--dialog-starting-transform);\n    opacity: var(--dialog-starting-opacity);\n  }\n\n  dialog[open]::backdrop {\n    opacity: var(--dialog-backdrop-starting-opacity);\n  }\n}\n","@starting-style {\n  .app > .sidebar {\n    opacity: 0;\n  }\n}\n","@use \"./variables\";\n@use \"./components/alert\";\n@use \"./components/app\";\n@use \"./components/button\";\n@use \"./components/card\";\n@use \"./components/chip\";\n@use \"./components/details\";\n@use \"./components/dialog\";\n@use \"./components/field\";\n@use \"./components/hr\";\n@use \"./components/layout\";\n@use \"./components/progress-meter\";\n@use \"./components/range\";\n@use \"./components/skeleton\";\n@use \"./components/switch\";\n@use \"./components/table\";\n@use \"./components/text\";\n@import \"./experimental/dialog-animations\";\n@import \"./experimental/mobile-sidebar-fade-out\";\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:where(:focus-visible) {\n  outline: var(--border-m) solid var(--color-brand-5);\n}\n\nhtml {\n  text-size-adjust: 100%;\n  color-scheme: light dark;\n}\n\nbody {\n  min-height: 100svh;\n  margin: 0;\n  background-color: var(--color-body);\n  color: var(--color-body-text);\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-m);\n}\n\n.sr-only {\n  @extend %visually-hidden;\n}\n"]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@jrgermain/stylesheet",
+  "version": "0.0.3",
+  "description": "A stylesheet for apps I build",
+  "homepage": "https://stylesheet.jrgermain.dev",
+  "author": {
+    "name": "jrgermain",
+    "url": "https://jrgermain.dev"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jrgermain/stylesheet",
+    "directory": "packages/stylesheet"
+  },
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "node scripts/build.cjs",
+    "lint": "stylelint ./src/styles"
+  },
+  "devDependencies": {
+    "@csstools/postcss-sass": "^5.0.1",
+    "cssnano": "^6.0.1",
+    "postcss": "^8.4.31",
+    "postcss-cli": "^11.0.0",
+    "postcss-load-config": "^5.0.0",
+    "postcss-preset-env": "^9.2.0",
+    "prettier": "^3.2.5",
+    "rimraf": "^5.0.5",
+    "sass": "^1.69.4",
+    "stylelint": "^16.0.0",
+    "stylelint-config-standard-scss": "^13.0.0"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "exports": {
+    ".": {
+      "sass": "./src/styles/index.scss"
+    },
+    "./index.scss": "./src/styles/index.scss",
+    "./index.css": "./dist/index.css",
+    "./index.min.css": "./dist/index.min.css"
+  },
+  "browserslist": [
+    "defaults"
+  ]
+}

package/src/styles/_utils.scss

@@ -0,0 +1,87 @@
+@use "sass:string";
+@use "sass:list";
+
+// Adapted from https://css-tricks.com/snippets/sass/str-replace-function/
+@function replace-all($string, $search, $replace) {
+  $index: string.index($string, $search);
+
+  @if $index {
+    /* stylelint-disable-next-line scss/operator-no-newline-after */
+    @return string.slice($string, 1, $index - 1) + $replace +
+      replace-all(
+        string.slice($string, $index + string.length($search)),
+        $search,
+        $replace
+      );
+  }
+
+  @return $string;
+}
+
+@function svg-to-data-url($svg) {
+  $svg: replace-all($svg, "%", "%25");
+  $svg: replace-all($svg, '"', "'");
+  $svg: replace-all($svg, "#", "%23");
+  $svg: replace-all($svg, "<", "%3C");
+  $svg: replace-all($svg, ">", "%3E");
+  $svg: replace-all($svg, "[", "%5B");
+  $svg: replace-all($svg, "]", "%5D");
+  $svg: replace-all($svg, "^", "%5E");
+  $svg: replace-all($svg, "`", "%60");
+  $svg: replace-all($svg, "{", "%7B");
+  $svg: replace-all($svg, "|", "%7C");
+  $svg: replace-all($svg, "}", "%7D");
+
+  // The below characters are tolerated by browsers, so don't NEED to be escaped:
+  // $svg: replace-all($svg, " ", "%20");
+  // $svg: replace-all($svg, "!", "%21");
+  // $svg: replace-all($svg, "$", "%24");
+  // $svg: replace-all($svg, "&", "%26");
+  // $svg: replace-all($svg, "'", "%27");
+  // $svg: replace-all($svg, "(", "%28");
+  // $svg: replace-all($svg, ")", "%29");
+  // $svg: replace-all($svg, "*", "%2A");
+  // $svg: replace-all($svg, "+", "%2B");
+  // $svg: replace-all($svg, ",", "%2C");
+  // $svg: replace-all($svg, "-", "%2D");
+  // $svg: replace-all($svg, ".", "%2E");
+  // $svg: replace-all($svg, "/", "%2F");
+  // $svg: replace-all($svg, ":", "%3A");
+  // $svg: replace-all($svg, ";", "%3B");
+  // $svg: replace-all($svg, "=", "%3D");
+  // $svg: replace-all($svg, "?", "%3F");
+  // $svg: replace-all($svg, "@", "%40");
+  // $svg: replace-all($svg, "\\", "%5C");
+  // $svg: replace-all($svg, "_", "%5F");
+  // $svg: replace-all($svg, "~", "%7F");
+
+  @return 'url("data:image/svg+xml,#{$svg}")';
+}
+
+@mixin transition($properties, $duration: 200ms, $timing-function: "ease") {
+  $properties-string: "";
+
+  @if type-of($properties) != list and type-of($properties) != string {
+    @error 'Properties must be a string or list of strings';
+  }
+
+  @each $property in $properties {
+    @if $properties-string != "" {
+      $properties-string: $properties-string + ", ";
+    }
+
+    $properties-string: $properties-string + $property;
+  }
+
+  @if list.length($properties) == 1 {
+    transition-property: #{string.unquote($properties-string)}
+      $duration
+      #{string.unquote($timing-function)};
+  }
+
+  @if list.length($properties) > 1 {
+    transition-property: string.unquote($properties-string);
+    transition-duration: $duration;
+    transition-timing-function: string.unquote($timing-function);
+  }
+}