opui-css 3.3.5 → 4.0.0

package/dist/opui.components.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../css/components.css","../css/components/button.css","../css/components/callout.css","../css/components/icon-button.css","../css/components/tabs.css","../css/components/toggle-group.css","../css/components/toggle-button.css","../css/components/anchor.css","../css/components/avatar.css","../css/components/card.css","../css/components/chip.css","../css/components/description-list.css","../css/components/divider.css","../css/components/link.css","../css/components/table.css","../css/components/progress.css","../css/components/spinner.css","../css/components/checkbox.css","../css/components/radio.css","../css/components/range.css","../css/components/switch.css","../css/components/toast.css","../css/components/typography.css","../css/components/badge.css","../css/components/button-group.css","../css/components/accordion.css","../css/components/list.css","../css/components/dialog.css","../css/components/drawer.css","../css/components/form.css","../css/components/text-field.css","../css/components/select.css","../css/components/text-input.css","../css/components/textarea.css","../css/components/tooltip.css"],"names":[],"mappings":"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","file":"opui.components.css","sourcesContent":["/*\r\n* Components are divided into two categories - if they are stand-alone (root) or if they are built on top of others (extended).\r\n*/\r\n\r\n/*** Root components (no dependencies)  */\r\n@import \"./components/button.css\";\r\n@import \"./components/callout.css\";\r\n@import \"./components/icon-button.css\";\r\n@import \"./components/tabs.css\";\r\n@import \"./components/toggle-group.css\";\r\n@import \"./components/toggle-button.css\";\r\n@import \"./components/anchor.css\";\r\n@import \"./components/avatar.css\";\r\n@import \"./components/card.css\";\r\n@import \"./components/chip.css\";\r\n@import \"./components/description-list.css\";\r\n@import \"./components/divider.css\";\r\n@import \"./components/link.css\";\r\n@import \"./components/table.css\";\r\n@import \"./components/progress.css\";\r\n@import \"./components/spinner.css\";\r\n@import \"./components/checkbox.css\";\r\n@import \"./components/radio.css\";\r\n@import \"./components/range.css\";\r\n@import \"./components/switch.css\";\r\n@import \"./components/toast.css\";\r\n@import \"./components/typography.css\";\r\n\r\n/*** Extended components (has dependencies) */\r\n@import \"./components/badge.css\";\r\n@import \"./components/button-group.css\";\r\n@import \"./components/accordion.css\";\r\n@import \"./components/list.css\";\r\n@import \"./components/dialog.css\";\r\n@import \"./components/drawer.css\";\r\n@import \"./components/form.css\";\r\n@import \"./components/text-field.css\";\r\n@import \"./components/select.css\";\r\n@import \"./components/text-input.css\";\r\n@import \"./components/textarea.css\";\r\n@import \"./components/tooltip.css\";\r\n","@layer components.root {\r\n  :where(.button) {\r\n    --_color: light-dark(var(--color-16), var(--color-1));\r\n    --_color-contrast: light-dark(var(--color-1), var(--color-16));\r\n    --_color-tonal: var(--surface-tonal);\r\n\r\n    --_accent: var(--_color);\r\n    --_accent-contrast: var(--_color-contrast);\r\n    --_accent-tonal: var(--_color-tonal);\r\n    --_accent-tonal-contrast: var(--_color);\r\n\r\n    --_default-hover-bg-color: light-dark(oklch(from var(--_accent) l 0.01 h / 10%),\r\n        oklch(from var(--_accent) l 0.01 h / 20%));\r\n    --_default-active-bg-color: light-dark(oklch(from var(--_accent) l 0.06 h / 20%),\r\n        oklch(from var(--_accent) l 0.06 h / 30%));\r\n\r\n    --_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.2) c h),\r\n        oklch(from var(--_accent) calc(l - 0.1) c h));\r\n    --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\r\n        oklch(from var(--_accent) calc(l - 0.15) c h));\r\n    --_outlined-active-bg-color: var(--_filled-active-bg-color);\r\n\r\n    --_bg-color: transparent;\r\n    --_border-color: transparent;\r\n    --_border-width: var(--border-size-1);\r\n    --_font-size: var(--font-size-1);\r\n    --_min-height: var(--button-size);\r\n    --_border-radius: var(--button-border-radius, var(--radius-2));\r\n    --_text-color: var(--_accent);\r\n\r\n    -webkit-tap-highlight-color: transparent;\r\n    -webkit-touch-callout: none;\r\n    align-items: center;\r\n    background-color: var(--_bg-color);\r\n    border: var(--_border-width) solid var(--_border-color);\r\n    border-radius: var(--_border-radius);\r\n    color: var(--_text-color);\r\n    display: inline-flex;\r\n    font-size: var(--_font-size);\r\n    font-weight: 700;\r\n    gap: var(--size-2);\r\n    justify-content: center;\r\n    min-block-size: var(--_min-height);\r\n    padding-block: 0.5ex;\r\n    padding-inline: 1.5ex;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    transition: background-color .1s ease, color .1s ease,\r\n      border-color .1s ease, box-shadow .1s ease;\r\n    user-select: none;\r\n\r\n    /* Colors — shared interaction model for critical and primary.\r\n       Each color modifier below only swaps --_color; the tonal surface,\r\n       contrast text, and hover/active strategy are identical.\r\n       The .critical scope class in theme.css redirects --palette-source so\r\n       --color-6 below becomes a tint of the active color. */\r\n    &.critical,\r\n    &.primary {\r\n      --_color-contrast: var(--gray-1);\r\n      --_color-tonal: var(--color-6);\r\n      --_accent-tonal-contrast: var(--text-primary-contrast);\r\n\r\n      --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n      --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n\r\n      --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n      --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n\r\n      --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n    }\r\n\r\n    &.critical {\r\n      --_color: var(--critical);\r\n    }\r\n\r\n    &.primary {\r\n      --_color: var(--primary);\r\n    }\r\n\r\n    /* Disabled */\r\n    &:where([disabled]) {\r\n      --_text-color: color-mix(in oklch,\r\n          var(--text-muted) 50%,\r\n          var(--surface-default));\r\n\r\n      cursor: not-allowed;\r\n      opacity: 0.64;\r\n    }\r\n\r\n    /* Hover & Active */\r\n    &:where(:not([disabled])) {\r\n      &:where(:not(:active):hover) {\r\n        --_bg-color: var(--_default-hover-bg-color);\r\n      }\r\n\r\n      &:where(:hover:active),\r\n      &[aria-current=\"page\"] {\r\n        --_bg-color: var(--_default-active-bg-color);\r\n      }\r\n    }\r\n\r\n\r\n    /* Icons / Keyboard */\r\n    &:where(:has(svg), &.icon-only) {\r\n      gap: 1ex;\r\n\r\n      svg {\r\n        color: currentColor;\r\n        max-block-size: 0.7lh;\r\n      }\r\n    }\r\n\r\n    /* Keyboard input */\r\n    :is(kbd) {\r\n      background-color: oklch(from currentColor l c h / 10%);\r\n      border: 0;\r\n      color: oklch(from currentColor l c h / 80%);\r\n      font-size: 0.8em;\r\n      font-weight: 400;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    /* Sizes — heights aliased from the shared --control-size scale.\r\n       Override --button-size-* in a parent scope to resize an entire region. */\r\n    &.x-small {\r\n      --_min-height: var(--button-size-x-small);\r\n      --_font-size: var(--font-size-0);\r\n      padding-block: 0;\r\n      padding-inline: .5ex;\r\n    }\r\n\r\n    &.small {\r\n      --_min-height: var(--button-size-small);\r\n      --_font-size: var(--font-size-05);\r\n      padding-block: 0;\r\n      padding-inline: .75ex;\r\n    }\r\n\r\n    &.large {\r\n      --_min-height: var(--button-size-large);\r\n      padding-inline: 4ex;\r\n    }\r\n\r\n    /* Variants */\r\n    &.outlined {\r\n      --_bg-color: transparent;\r\n      --_border-color: var(--_accent);\r\n      --_text-color: var(--_accent);\r\n\r\n      &:where(:not([disabled])) {\r\n        &:where(:not(:active):hover) {\r\n          --_bg-color: var(--_accent);\r\n          --_border-color: var(--_accent);\r\n          --_text-color: var(--_accent-contrast);\r\n        }\r\n\r\n        &:where(:active) {\r\n          --_bg-color: var(--_outlined-active-bg-color);\r\n          --_border-color: var(--_outlined-active-bg-color);\r\n          --_text-color: var(--_accent-contrast);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.tonal {\r\n      --_bg-color: var(--_accent-tonal);\r\n      --_text-color: var(--_accent-tonal-contrast);\r\n\r\n      &:where(:not([disabled])) {\r\n        &:where(:not(:active):hover) {\r\n          --_bg-color: var(--_accent);\r\n          --_text-color: var(--_accent-contrast);\r\n        }\r\n\r\n        &:where(:active) {\r\n          --_bg-color: var(--_outlined-active-bg-color);\r\n          --_text-color: var(--_accent-contrast);\r\n        }\r\n      }\r\n    }\r\n\r\n    &.filled {\r\n      --_bg-color: var(--_accent);\r\n      --_text-color: var(--_accent-contrast);\r\n\r\n      &:where(:not([disabled])) {\r\n        &:where(:not(:active):hover) {\r\n          --_bg-color: var(--_filled-hover-bg-color);\r\n        }\r\n\r\n        &:where(:active) {\r\n          --_bg-color: var(--_filled-active-bg-color);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* file input */\r\n  :where(input[type=\"file\"]) {\r\n    align-self: flex-start;\r\n    border: var(--border-size-1) solid var(--surface-filled);\r\n    border-radius: var(--radius-2);\r\n    box-shadow: var(--inner-shadow-4);\r\n    color: var(--text-muted-contrast);\r\n    cursor: initial;\r\n    max-inline-size: 100%;\r\n    padding: 0;\r\n  }\r\n\r\n  :where(input[type=\"file\"])::-webkit-file-upload-button,\r\n  :where(input[type=\"file\"])::file-selector-button {\r\n    cursor: pointer;\r\n    margin-inline-end: var(--size-relative-6);\r\n  }\r\n}\r\n","@layer components.root {\r\n\t:where(.callout) {\r\n\t\t--_bg-color: var(--surface-tonal);\r\n\t\t--_border-color: var(--surface-tonal);\r\n\t\t--_color: var(--text-primary);\r\n\t\t--_icon-color: currentColor;\r\n\t\t--_link-hover-color: var(--primary);\r\n\t\t--_padding: var(--size-3);\r\n\t\t--_border-radius: var(--border-radius);\r\n\t\t--_gap: var(--size-3);\r\n\t\t--_content-gap: var(--size-2);\r\n\t\t--_font-size: var(--font-size-05);\r\n\t\t--_title-font-size: var(--font-size-1);\r\n\t\t--_icon-size: var(--size-4);\r\n\t\t--_surface-bg: var(--surface-default);\r\n\r\n\t\t--_outlined-bg-color: var(--surface-default);\r\n\t\t--_outlined-border-color: var(--border-color);\r\n\t\t--_outlined-color: var(--text-primary);\r\n\t\t--_outlined-icon-color: currentColor;\r\n\r\n\t\tbackground-color: var(--_bg-color, var(--_surface-bg));\r\n\t\tborder: 1px solid var(--_border-color, var(--border-color));\r\n\t\tborder-radius: var(--_border-radius);\r\n\t\tcolor: var(--_color);\r\n\t\tisolation: isolate;\r\n\t\tpadding: var(--_padding);\r\n\t\tposition: relative;\r\n\r\n\t\t&.critical,\r\n\t\t&.info,\r\n\t\t&.neutral,\r\n\t\t&.success,\r\n\t\t&.warning {\r\n\t\t\t--_bg-color: light-dark(oklch(from var(--color-2) l c h / 20%), oklch(from var(--color-6) l c h / 5%));\r\n\t\t\t--_border-color: light-dark(var(--color-5), var(--color-11));\r\n\t\t\t--_color: light-dark(var(--color-16), var(--color-1));\r\n\t\t\t--_icon-color: var(--color-9);\r\n\r\n\t\t\t--_outlined-bg-color: var(--surface-default);\r\n\t\t\t--_outlined-border-color: var(--color-9);\r\n\t\t\t--_outlined-color: light-dark(var(--color-15), var(--color-1));\r\n\t\t\t--_outlined-icon-color: var(--color-9);\r\n\t\t}\r\n\r\n\t\t&.outlined {\r\n\t\t\t--_bg-color: var(--_outlined-bg-color);\r\n\t\t\t--_border-color: var(--_outlined-border-color);\r\n\t\t\t--_color: var(--_outlined-color);\r\n\t\t\t--_icon-color: var(--_outlined-icon-color);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tbackground-color: var(--_bg-color);\r\n\t\t\tborder-radius: inherit;\r\n\t\t\tcontent: \"\";\r\n\t\t\tinset: 0;\r\n\t\t\tpointer-events: none;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&>.content {\r\n\t\t\tdisplay: grid;\r\n\t\t\tfont-size: var(--_font-size);\r\n\t\t\tgap: var(--_content-gap);\r\n\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\tcolor: inherit;\r\n\t\t\t\tfont-size: var(--_title-font-size);\r\n\t\t\t\tfont-weight: 600;\r\n\r\n\t\t\t\t* {\r\n\t\t\t\t\tfont-size: inherit;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Links\r\n    * Can't make sure contrast will be acceptable (yet) so we use the current text color instead.\r\n    */\r\n\t\t&:not(.outlined) {\r\n\t\t\ta[href] {\r\n\t\t\t\tcolor: inherit;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--_link-hover-color);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Icon */\r\n\t\t&:has(svg) {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgap: var(--_gap);\r\n\t\t\tgrid-template-columns: var(--_icon-size) 1fr;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\tmargin-block-start: 0.15rem;\r\n\t\t\t\tstroke: var(--_icon-color);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n  :where(.icon-button) {\r\n    --_color: light-dark(var(--color-16), var(--color-1));\r\n    --_color-contrast: light-dark(var(--color-1), var(--color-16));\r\n    --_color-tonal: var(--surface-tonal);\r\n\r\n    --_accent: var(--_color);\r\n    --_accent-contrast: var(--_color-contrast);\r\n    --_accent-tonal: var(--_color-tonal);\r\n    --_accent-tonal-contrast: var(--_color);\r\n    --_default-hover-bg-color: light-dark(oklch(from var(--_accent) l 0.01 h / 10%),\r\n        oklch(from var(--_accent) l 0.01 h / 20%));\r\n    --_default-active-bg-color: light-dark(oklch(from var(--_accent) l 0.06 h / 20%),\r\n        oklch(from var(--_accent) l 0.06 h / 30%));\r\n    --_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.2) c h),\r\n        oklch(from var(--_accent) calc(l - 0.1) c h));\r\n    --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\r\n        oklch(from var(--_accent) calc(l - 0.15) c h));\r\n    --_outlined-active-bg-color: var(--_filled-active-bg-color);\r\n\r\n    --_bg-color: transparent;\r\n    --_border-color: transparent;\r\n    --_border-width: var(--border-size-1);\r\n    --_text-color: inherit;\r\n\r\n    align-items: center;\r\n    aspect-ratio: 1;\r\n    background-color: var(--_bg-color);\r\n    block-size: var(--size-6);\r\n    border: var(--_border-width) solid var(--_border-color);\r\n    border-radius: var(--radius-round);\r\n    color: var(--_text-color);\r\n    display: inline-flex;\r\n    inline-size: var(--size-6);\r\n    justify-content: center;\r\n    padding: 0;\r\n    transform-style: preserve-3d;\r\n    transition: background-color .1s ease, color .1s ease,\r\n      border-color .1s ease, box-shadow .1s ease;\r\n\r\n    &:where([disabled]) {\r\n      --_text-color: light-dark(rgb(0, 0, 0/0.3), rgb(255, 255, 255/0.26));\r\n      cursor: not-allowed;\r\n      opacity: 0.64;\r\n    }\r\n\r\n    svg {\r\n      block-size: auto;\r\n      inline-size: auto;\r\n      max-block-size: var(--size-5);\r\n      max-inline-size: var(--size-5);\r\n      pointer-events: none;\r\n    }\r\n\r\n    /* Ripple effect, utils.css */\r\n    &::before {\r\n      --highlight-size: 130%;\r\n      background-color: transparent;\r\n\r\n      @media (prefers-reduced-motion: no-preference) {\r\n        transition: transform 0.2s ease, background-color .1s ease;\r\n      }\r\n    }\r\n\r\n    /* Colors — shared interaction model for critical and primary.\r\n       Each color modifier below only swaps --_color; the tonal surface,\r\n       contrast text, and hover/active strategy are identical.\r\n       The .critical scope class in theme.css redirects --palette-source so\r\n       --color-6 below becomes a tint of the active color. */\r\n    &.critical,\r\n    &.primary {\r\n      --_color-contrast: var(--gray-1);\r\n      --_color-tonal: var(--color-6);\r\n      --_accent-tonal-contrast: var(--text-primary-contrast);\r\n\r\n      --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n      --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n\r\n      --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n      --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n\r\n      --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n    }\r\n\r\n    &.critical {\r\n      --_color: var(--critical);\r\n    }\r\n\r\n    &.primary {\r\n      --_color: var(--primary);\r\n    }\r\n\r\n    /* Element states */\r\n    &:where(:not([disabled])) {\r\n      &:where(:not(:active):hover) {\r\n        &::before {\r\n          background-color: var(--_interaction-hover-color, var(--_default-hover-bg-color));\r\n        }\r\n      }\r\n\r\n      &:where(:hover:active),\r\n      &[aria-current=\"page\"] {\r\n        &::before {\r\n          background-color: var(--_interaction-active-color, var(--_default-active-bg-color));\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Size */\r\n    &.small {\r\n      block-size: var(--size-4);\r\n      inline-size: var(--size-4);\r\n\r\n      svg {\r\n        max-block-size: var(--size-4);\r\n        max-inline-size: var(--size-4);\r\n      }\r\n    }\r\n\r\n    /* Variants */\r\n    &.outlined {\r\n      --_bg-color: transparent;\r\n      --_border-color: var(--_accent);\r\n      --_text-color: var(--_accent);\r\n    }\r\n\r\n    &.tonal {\r\n      --_bg-color: var(--_accent-tonal);\r\n      --_text-color: var(--_accent-tonal-contrast);\r\n    }\r\n\r\n    &.filled {\r\n      --_bg-color: var(--_accent);\r\n      --_interaction-active-color: var(--_filled-active-bg-color);\r\n      --_interaction-hover-color: var(--_filled-hover-bg-color);\r\n      --_text-color: var(--_accent-contrast);\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(.tabs) {\r\n    --_accent-color: var(--primary);\r\n    --_bg-color: transparent;\r\n\r\n    align-items: flex-start;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0 var(--size-1);\r\n    position: relative;\r\n\r\n    &>.tab-input[type=\"radio\"] {\r\n      /* utils > .sr-only */\r\n      /* TODO: use mixin for this when available */\r\n      block-size: 1px;\r\n      clip-path: inset(50%);\r\n      inline-size: 1px;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      white-space: nowrap;\r\n\r\n      &:checked {\r\n\r\n        /* Checked Tab */\r\n        &+[role=\"tab\"] {\r\n          border-block-end-color: var(--_accent-color);\r\n          color: var(--_accent-color);\r\n\r\n          /* Checked Panel */\r\n          &+[role=\"tabpanel\"] {\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n\r\n      &:focus-visible {\r\n        &+[role=\"tab\"] {\r\n          --focus-ring-color: var(--text-muted);\r\n          --focus-ring-offset: calc(-1 * var(--size-2));\r\n          outline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n          outline-offset: var(--focus-ring-offset);\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Tab */\r\n    &>[role=\"tab\"] {\r\n      align-items: center;\r\n      background-color: transparent;\r\n      border-bottom: 2px solid transparent;\r\n      border-radius: 0;\r\n      color: var(--text-muted);\r\n      cursor: pointer;\r\n      display: inline-flex;\r\n      font-weight: 600;\r\n      justify-content: center;\r\n      line-height: var(--font-lineheight-4);\r\n      order: 1;\r\n      padding: var(--size-2) var(--size-3);\r\n      position: relative;\r\n      transition: color 0.1s;\r\n      user-select: none;\r\n\r\n      &:hover {\r\n        background-color: light-dark(oklch(from var(--_accent-color) calc(l * 0.75) none h / 5%),\r\n            oklch(from var(--_accent-color) calc(l * 1.25) none h / 5%));\r\n      }\r\n    }\r\n\r\n    /* Tab Panel */\r\n    &>[role=\"tabpanel\"] {\r\n      display: none;\r\n      inline-size: 100%;\r\n      order: 2;\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(.toggle-group) {\r\n    --_bg-color: var(--surface-default);\r\n    --_border-color: var(--border-color);\r\n    --_border-radius: var(--button-border-radius);\r\n\r\n    background-color: var(--_bg-color);\r\n    border: 1px solid var(--_border-color);\r\n    border-radius: var(--_border-radius);\r\n    display: inline-flex;\r\n    inline-size: fit-content;\r\n    overflow: hidden;\r\n\r\n    /* Sizes */\r\n    &.small {\r\n      .toggle-button {\r\n        --_size: var(--field-size-small);\r\n      }\r\n    }\r\n\r\n    &.x-small {\r\n      .toggle-button {\r\n        --_size: var(--field-size-x-small);\r\n      }\r\n    }\r\n\r\n    /* Toggle button */\r\n    .toggle-button {\r\n      border: 0;\r\n      border-radius: 0;\r\n      margin: 0;\r\n    }\r\n\r\n    &:not(.vertical) {\r\n      .toggle-button {\r\n        border-inline-end: 1px solid var(--_border-color);\r\n\r\n        &:last-of-type {\r\n          border-inline-end: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.vertical {\r\n      flex-direction: column;\r\n\r\n      .toggle-button {\r\n        border-block-end: 1px solid var(--_border-color);\r\n\r\n        &:last-of-type {\r\n          border-block-end: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","/* TODO:\r\n* Somehow handle when a group gets too wide for its container. Should it be handled?\r\n*/\r\n@layer components.root {\r\n\t:where(.toggle-button) {\r\n\t\t--_button-bg-color: transparent;\r\n\t\t--_size: var(--field-size);\r\n\t\t--_svg-size: var(--size-4);\r\n\r\n\t\talign-items: center;\r\n\t\tbackground-color: var(--_button-bg-color);\r\n\t\tblock-size: var(--_size);\r\n\t\tborder: 1px solid var(--border-color);\r\n\t\tborder-radius: var(--button-border-radius);\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-flex;\r\n\t\tflex: auto;\r\n\t\tgap: var(--size-2);\r\n\t\tinline-size: fit-content;\r\n\t\tjustify-content: center;\r\n\t\tmin-inline-size: var(--_size);\r\n\t\toutline-offset: calc(-1 * var(--size-2));\r\n\t\tpadding: 0 var(--size-2);\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\r\n\t\tinput[type=\"checkbox\"],\r\n\t\tinput[type=\"radio\"] {\r\n\t\t\t/* utils.css > .sr-only */\r\n\t\t\tblock-size: 1px;\r\n\t\t\tclip-path: inset(50%);\r\n\t\t\tinline-size: 1px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\r\n\t\t/* Element states */\r\n\t\t@media (pointer: fine) {\r\n\t\t\t&:hover:not(.disabled) {\r\n\t\t\t\t--_button-bg-color: light-dark(oklch(0% 0 0 / 0.04), oklch(100% 0 0 / 0.08));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:has(input:focus-visible) {\r\n\t\t\t--focus-ring-color: var(--text-muted);\r\n\t\t\t--focus-ring-offset: -6px;\r\n\t\t\toutline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n\t\t\toutline-offset: var(--focus-ring-offset);\r\n\t\t}\r\n\r\n\t\t/* Disabled */\r\n\t\t&.disabled {\r\n\t\t\tborder-color: color-mix(in oklch, var(--border-color) 50%, transparent);\r\n\t\t\tcolor: color-mix(in oklch, var(--text-primary) 30%, transparent);\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\r\n\t\t/* svgs */\r\n\t\tsvg {\r\n\t\t\tblock-size: var(--_svg-size);\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tinline-size: var(--_svg-size);\r\n\t\t}\r\n\r\n\t\t/* Selected */\r\n\t\t&:has(:where(input[type=\"checkbox\"], input[type=\"radio\"]):checked) {\r\n\t\t\t--_button-bg-color: oklch(from var(--primary) l c h / 25%);\r\n\r\n\t\t\t@media (pointer: fine) {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\t--_button-bg-color: oklch(from var(--primary) l c h / 35%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.small {\r\n\t\t\t--_size: var(--field-size-small);\r\n\t\t}\r\n\r\n\t\t&.x-small {\r\n\t\t\t--_size: var(--field-size-x-small);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\t:where(.anchor) {\r\n\t\tanchor-name: --anchor;\r\n\t\tanchor-scope: --anchor;\r\n\t\tdisplay: inline-block;\r\n\t\tinline-size: fit-content;\r\n\r\n\t\t/* Always-visible */\r\n\t\t&>.anchor-floating:not([popover]) {\r\n\t\t\tblock-size: max-content;\r\n\t\t\tinline-size: max-content;\r\n\t\t\tposition: absolute;\r\n\t\t\tposition-anchor: --anchor;\r\n\t\t\tposition-area: var(--anchor-position-area, start end);\r\n\t\t\ttranslate: var(--_anchor-tx, 0) var(--_anchor-ty, 0);\r\n\t\t}\r\n\r\n\t\t/* Hover-triggered */\r\n\t\t&>.anchor-floating[popover] {\r\n\t\t\tinset: unset;\r\n\t\t\tmargin: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tposition-area: var(--anchor-position-area, start end);\r\n\t\t\ttranslate: var(--_anchor-tx, 0) var(--_anchor-ty, 0);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n  :where(.avatar) {\r\n    --_bg-color: var(--primary);\r\n    --_color: var(--color-1);\r\n    --_width: 40px;\r\n\r\n    align-items: center;\r\n    aspect-ratio: 1;\r\n    background-color: var(--_bg-color);\r\n    border-radius: var(--radius-round);\r\n    color: var(--_color);\r\n    display: inline-flex;\r\n    inline-size: var(--_width);\r\n    justify-content: center;\r\n    overflow: clip;\r\n    position: relative;\r\n    text-align: center;\r\n    text-decoration: none;\r\n\r\n    &:has(img) {\r\n      background-color: transparent;\r\n    }\r\n\r\n    svg {\r\n      max-inline-size: var(--size-5);\r\n    }\r\n\r\n    img {\r\n      block-size: 100%;\r\n      inline-size: 100%;\r\n      inset: 0;\r\n      object-fit: cover;\r\n      position: absolute;\r\n    }\r\n\r\n    &.squared {\r\n      border-radius: 0;\r\n    }\r\n\r\n    &.rounded {\r\n      border-radius: var(--radius-2);\r\n    }\r\n\r\n    &.squircle {\r\n      border-radius: var(--radius-3);\r\n\r\n      @supports (corner-shape: squircle) {\r\n        border-radius: var(--radius-round);\r\n        corner-shape: squircle;\r\n      }\r\n    }\r\n  }\r\n\r\n  :where([role=\"group\"]) {\r\n    --_margin: var(--size-3);\r\n    --_outline-color: var(--surface-default);\r\n\r\n    display: flex;\r\n\r\n    .avatar {\r\n      box-shadow: 0 0 0 2px var(--_outline-color);\r\n      margin-inline-end: calc(-1 * var(--_margin));\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(.card) {\r\n    --_bg-tonal: var(--surface-tonal);\r\n    --_bg-elevated: var(--surface-elevated);\r\n    --_bg-surface: var(--surface-default);\r\n    --_border-color: var(--border-color);\r\n    --_card-bg-color: var(--_bg-surface);\r\n    --_card-border-color: transparent;\r\n    --_card-border-width: 0;\r\n\r\n    --_card-shadow: none;\r\n    --_shadow-light: var(--shadow-3);\r\n    --_shadow-dark: var(--shadow-4);\r\n    --_shadow-elevated: var(--_shadow-light);\r\n\r\n    @container style(--color-scheme: dark) {\r\n      --_shadow-elevated: var(--_shadow-dark);\r\n    }\r\n\r\n    background-color: var(--_card-bg-color);\r\n    border-color: var(--_card-border-color);\r\n    border-radius: var(--border-radius);\r\n    border-style: solid;\r\n    border-width: var(--_card-border-width);\r\n    box-shadow: var(--_card-shadow);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--size-3);\r\n    overflow: hidden;\r\n    padding-inline: 0;\r\n    position: relative;\r\n\r\n    /* Variants */\r\n    &.text {\r\n      --_card-bg-color: transparent;\r\n      --_card-border-color: transparent;\r\n      --_card-border-width: 0;\r\n      --_card-shadow: none;\r\n    }\r\n\r\n    &.tonal {\r\n      --_card-bg-color: var(--_bg-tonal);\r\n      --_card-border-width: 1px;\r\n    }\r\n\r\n    &.elevated {\r\n      --_card-bg-color: var(--_bg-elevated);\r\n      --_card-shadow: var(--_shadow-elevated);\r\n    }\r\n\r\n    &.outlined {\r\n      --_card-bg-color: var(--_bg-surface);\r\n      --_card-border-color: var(--_border-color);\r\n      --_card-border-width: 1px;\r\n    }\r\n\r\n    &> :where(hgroup, .content) {\r\n      padding-inline: var(--size-3);\r\n\r\n      &:last-child {\r\n        padding-block-end: var(--size-3);\r\n      }\r\n    }\r\n\r\n    /* Header */\r\n    &>hgroup {\r\n      padding-block: var(--size-3) 0;\r\n\r\n      /* Top paragraph */\r\n      &>p:first-of-type:first-child {\r\n        line-height: 1.3;\r\n      }\r\n\r\n      :where(h1, h2, h3, h4, h5, h6):last-child {\r\n        margin-block-end: 0;\r\n      }\r\n\r\n      /* Bottom paragraph */\r\n      &>p:last-of-type:last-child:not(:first-child) {\r\n        font-size: var(--font-size-1);\r\n      }\r\n    }\r\n\r\n    /* Content */\r\n    &>.content:where(:only-child, :first-child) {\r\n      padding-block: var(--size-3) var(--size-4);\r\n    }\r\n\r\n    /* Actions */\r\n    &>.actions {\r\n      display: flex;\r\n      gap: var(--size-2);\r\n      margin-block: var(--size-2) 0;\r\n      padding-block-end: var(--size-2);\r\n      padding-inline: var(--size-3);\r\n\r\n      &:has(.button:first-child[class=\"button\"]) {\r\n        padding-inline: var(--size-1) var(--size-3);\r\n      }\r\n\r\n      &:has(.button:not([class=\"button\"])) {\r\n        padding-block-end: var(--size-2);\r\n      }\r\n\r\n      /* Alignment */\r\n      &.align-end {\r\n        justify-content: end;\r\n\r\n        &:has(.button:first-child[class=\"button\"]) {\r\n          padding-inline: var(--size-3) var(--size-1);\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(.chip) {\r\n    --_bg-color: var(--surface-tonal);\r\n    --_border-color: var(--border-color);\r\n    --_color: var(--text-primary);\r\n\r\n    align-items: center;\r\n    background: var(--_bg-color) var(--ripple, none);\r\n    block-size: var(--size-7, 2rem);\r\n    border-radius: var(--radius-2, 0.5rem);\r\n    border: 1px solid var(--_border-color);\r\n    color: var(--_color);\r\n    display: inline-flex;\r\n    font-size: var(--font-size-0, 0.75rem);\r\n    gap: var(--size-1);\r\n    padding-inline: var(--size-2);\r\n    text-decoration: none;\r\n\r\n    /* Variants */\r\n    &.tonal {\r\n      --_bg-color: var(--surface-tonal);\r\n      --_color: var(--text-primary);\r\n    }\r\n\r\n    &.outlined {\r\n      --_bg-color: var(--surface-default);\r\n      --_color: var(--text-primary);\r\n    }\r\n\r\n    &:where(button, a):where(:not([disabled])) {\r\n      &:where(:not(:active)):hover {\r\n        --_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l * 0.98) c h),\r\n            oklch(from var(--surface-tonal) calc(l * 1.1) c h));\r\n      }\r\n    }\r\n\r\n    /* Icon */\r\n    &:has(svg:first-child) {\r\n      padding-inline: var(--size-1) var(--size-2);\r\n    }\r\n\r\n    &:has(svg:last-child) {\r\n      padding-inline: var(--size-2) var(--size-1);\r\n    }\r\n\r\n    &:has(svg) {\r\n      svg {\r\n        flex-shrink: 0;\r\n        inline-size: var(--size-3);\r\n      }\r\n    }\r\n\r\n    /* Sizes */\r\n    &.small {\r\n      block-size: var(--size-5);\r\n    }\r\n\r\n    &.multiline {\r\n      block-size: auto;\r\n    }\r\n\r\n    /* Ripple effect */\r\n    background-position: center;\r\n\r\n    &:where(:not([disabled])) {\r\n      &:where(:not(:active):hover) {\r\n        --ripple: radial-gradient(circle, transparent 1%, var(--_bg-color) 1%) center/15000%;\r\n\r\n        transition: background var(--button-ripple-duration);\r\n      }\r\n\r\n      &:where(:hover:active) {\r\n        background-size: var(--button-ripple-size);\r\n        transition: background 0s;\r\n      }\r\n    }\r\n\r\n    /* Disabled */\r\n    &:where([disabled]) {\r\n      opacity: 0.64;\r\n      --_color: color-mix(in oklch,\r\n          var(--text-muted) 50%,\r\n          var(--surface-default));\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(.description-list) {\r\n    --_border-style: solid;\r\n    --_border-width: 1px;\r\n\r\n    display: grid;\r\n    gap: var(--size-3);\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    &.dotted {\r\n      --_border-style: dotted;\r\n      --_border-width: 2px;\r\n    }\r\n\r\n    .item {\r\n      display: grid;\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      dt {\r\n        display: block;\r\n        font-weight: 700;\r\n        overflow: hidden;\r\n        position: relative;\r\n      }\r\n\r\n      dd {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    @container (width > 45ch) {\r\n      gap: var(--size-1);\r\n\r\n      .item {\r\n        align-items: baseline;\r\n        display: grid;\r\n        gap: var(--size-1);\r\n        grid-template-columns: 1fr auto;\r\n\r\n        dt {\r\n          inline-size: max-content;\r\n\r\n          &::after {\r\n            display: inline-block;\r\n          }\r\n        }\r\n\r\n        dd {\r\n          color: var(--text-muted);\r\n          text-align: end;\r\n        }\r\n      }\r\n\r\n      &.bordered .item {\r\n        grid-template-columns: auto 1fr auto;\r\n\r\n        dt {\r\n          order: 0;\r\n        }\r\n\r\n        dd {\r\n          order: 2;\r\n        }\r\n\r\n        &::after {\r\n          background-color: transparent;\r\n          block-size: 2px;\r\n          border-block-end: var(--_border-width) var(--_border-style) var(--border-color);\r\n          content: \"\";\r\n          order: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(hr) {\r\n    background-color: var(--border-color);\r\n    block-size: var(--border-size-1);\r\n    margin-block: var(--size-fluid-3);\r\n\r\n    /* Border color */\r\n    &.border-filled {\r\n      background-color: var(--surface-filled);\r\n    }\r\n\r\n    &.border-primary {\r\n      background-color: var(--primary);\r\n    }\r\n\r\n    &.border-tonal {\r\n      background-color: var(--surface-tonal);\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(.link) {\r\n    color: var(--primary);\r\n    cursor: pointer;\r\n    font-weight: 700;\r\n    text-decoration: underline;\r\n    text-decoration-color: var(--primary);\r\n    text-underline-offset: 2px;\r\n\r\n    &[href] {\r\n      &:hover,\r\n      &:focus-visible {\r\n        color: var(--primary-light);\r\n      }\r\n    }\r\n\r\n    @supports (-moz-appearance: none) {\r\n      text-underline-offset: 2px;\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(table) {\r\n    --_table-border-radius: var(--border-radius);\r\n\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    border: 1px solid var(--border-color);\r\n    border-radius: var(--_table-border-radius);\r\n    overflow: hidden;\r\n    inline-size: 100%;\r\n    margin: var(--size-3) 0;\r\n    position: relative;\r\n\r\n    /* Rows */\r\n    tr {\r\n      &:hover {\r\n        background-color: oklch(from var(--surface-filled) l c h / 75%);\r\n      }\r\n    }\r\n\r\n    /* Cells */\r\n    th,\r\n    td {\r\n      background-color: var(--surface-default);\r\n      border-inline-end: var(--border-width) solid var(--border-color);\r\n      border-block-end: var(--border-width) solid var(--border-color);\r\n      padding: var(--size-1) var(--size-2);\r\n\r\n      &:last-child {\r\n        border-inline-end: none;\r\n      }\r\n    }\r\n\r\n    /* Remove bottom border only on the last row of the table */\r\n    &>*:last-child tr:last-child {\r\n\r\n      th,\r\n      td {\r\n        border-block-end: none;\r\n      }\r\n    }\r\n\r\n    th {\r\n      background-color: var(--surface-filled);\r\n      color: var(--text-primary);\r\n      font-size: var(--font-size-05);\r\n      font-weight: 600;\r\n      text-align: start;\r\n    }\r\n\r\n    td {\r\n      font-size: var(--font-size-05);\r\n    }\r\n\r\n    /* Round corner cells  */\r\n    &>thead:first-of-type tr:first-child {\r\n      th:first-child {\r\n        border-start-start-radius: var(--_table-border-radius);\r\n      }\r\n\r\n      th:last-child {\r\n        border-start-end-radius: var(--_table-border-radius);\r\n      }\r\n    }\r\n\r\n    /* Logic for tables without thead */\r\n    &>tbody:first-of-type:not(thead ~ tbody) tr:first-child {\r\n      td:first-child {\r\n        border-start-start-radius: var(--_table-border-radius);\r\n      }\r\n\r\n      td:last-child {\r\n        border-start-end-radius: var(--_table-border-radius);\r\n      }\r\n    }\r\n\r\n    /* Logic for bottom corners (whether in tbody or tfoot) */\r\n    &>*:last-child tr:last-child {\r\n      :where(th, td):first-child {\r\n        border-end-start-radius: var(--_table-border-radius);\r\n      }\r\n\r\n      :where(th, td):last-child {\r\n        border-end-end-radius: var(--_table-border-radius);\r\n      }\r\n    }\r\n\r\n    /* Footer */\r\n    tfoot {\r\n      tr td {\r\n        background-color: var(--surface-filled);\r\n        padding-block: var(--size-2);\r\n      }\r\n\r\n      td {\r\n        color: var(--text-primary);\r\n        font-weight: 600;\r\n        border-top: var(--border-width) solid var(--border-color);\r\n      }\r\n    }\r\n\r\n    /* Caption */\r\n    caption {\r\n      caption-side: bottom;\r\n      color: var(--text-muted);\r\n      font-size: var(--font-size-05);\r\n      margin-inline-start: var(--size-2);\r\n      padding: var(--size-2) 0;\r\n      text-align: start;\r\n    }\r\n\r\n    /* Header */\r\n    thead {\r\n      z-index: 1;\r\n    }\r\n\r\n    /* Remove bottom border of the row above the footer to stay single-line */\r\n    tbody:has(+ tfoot) tr:last-child td {\r\n      border-block-end: none;\r\n    }\r\n\r\n    /* Column group */\r\n    colgroup col {\r\n      border: none;\r\n    }\r\n\r\n    @container (width < 60ch) {\r\n\r\n      th,\r\n      td {\r\n        padding: var(--size-1) 0.875rem;\r\n      }\r\n    }\r\n\r\n    /* Spacious */\r\n    &.spacious {\r\n\r\n      th,\r\n      td {\r\n        padding: var(--size-3);\r\n      }\r\n\r\n      caption {\r\n        margin-inline-start: var(--size-3);\r\n        padding: var(--size-2) 0;\r\n      }\r\n\r\n      @container (width < 60ch) {\r\n\r\n        th,\r\n        td {\r\n          padding: var(--size-3);\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Dense */\r\n    &.dense {\r\n\r\n      th,\r\n      td {\r\n        padding: var(--size-1);\r\n      }\r\n\r\n      caption {\r\n        margin-inline-start: var(--size-1);\r\n        padding: var(--size-1) 0;\r\n      }\r\n\r\n      @container (width < 60ch) {\r\n\r\n        th,\r\n        td {\r\n          padding: var(--size-1);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n  :where(progress) {\r\n    --_accent-color: var(--primary);\r\n    --_bg-color: var(--surface-tonal);\r\n\r\n    appearance: none;\r\n    background-color: var(--_bg-color);\r\n    block-size: var(--size-1);\r\n    border: 0;\r\n    border-radius: var(--border-radius, 0.25rem);\r\n    display: inline-block;\r\n    inline-size: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    vertical-align: baseline;\r\n\r\n    /* Color */\r\n    &.filled {\r\n      --_bg-color: var(--surface-filled);\r\n    }\r\n\r\n    &.default {\r\n      --_bg-color: var(--surface-default);\r\n    }\r\n\r\n    &.tonal {\r\n      --_bg-color: var(--surface-tonal);\r\n    }\r\n\r\n    &::-webkit-progress-bar {\r\n      background: none;\r\n      border-radius: var(--border-radius, 0.25rem);\r\n    }\r\n\r\n    &[value]::-webkit-progress-value {\r\n      background-color: var(--_accent-color);\r\n\r\n      @media (prefers-reduced-motion: no-preference) {\r\n        transition: inline-size 0.2s var(--ease-out-4, cubic-bezier(0, 0, 0.1, 1));\r\n      }\r\n    }\r\n\r\n    &::-moz-progress-bar {\r\n      background-color: var(--_accent-color);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    progress:indeterminate {\r\n      background-color: var(--_bg-color);\r\n\r\n      &::after {\r\n        animation: indeterminate 2s linear infinite;\r\n        background-color: var(--_accent-color);\r\n        content: \"\";\r\n        inset: 0 auto 0 0;\r\n        position: absolute;\r\n        will-change: inset-inline-start, inset-inline-end;\r\n      }\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n\r\n    [dir=\"rtl\"] {\r\n      :where(progress):indeterminate {\r\n        animation-direction: reverse;\r\n\r\n        &::after {\r\n          animation-direction: reverse;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @keyframes indeterminate {\r\n    0% {\r\n      inset-inline-start: -200%;\r\n      inset-inline-end: 100%;\r\n    }\r\n\r\n    60% {\r\n      inset-inline-start: 107%;\r\n      inset-inline-end: -8%;\r\n    }\r\n\r\n    100% {\r\n      inset-inline-start: 107%;\r\n      inset-inline-end: -8%;\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n\r\n  [aria-busy=\"true\"]:not(input,\r\n    select,\r\n    textarea,\r\n    html,\r\n    progress,\r\n    [aria-describedby]) {\r\n    position: relative;\r\n\r\n    &::before {\r\n      animation: spin 0.7s linear infinite;\r\n      block-size: 1em;\r\n      border-color: transparent currentColor currentColor;\r\n      border-radius: 50%;\r\n      border-style: solid;\r\n      border-width: 3px;\r\n      content: \"\";\r\n      display: inline-block;\r\n      inline-size: 1em;\r\n      opacity: 0.5;\r\n      vertical-align: -0.14em;\r\n    }\r\n\r\n    &:not(button.button):not(:empty) {\r\n      &::before {\r\n        margin-inline-end: 0.5em;\r\n      }\r\n    }\r\n  }\r\n\r\n  @keyframes spin {\r\n    to {\r\n      transform: rotate(1turn);\r\n    }\r\n  }\r\n}\r\n","@layer components.root {\r\n\tlabel.checkbox {\r\n\t\t--_input-size: var(--size-4);\r\n\r\n\t\talign-items: center;\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-grid;\r\n\t\tgap: 0 var(--size-2);\r\n\t\tgrid-auto-columns: auto;\r\n\t\tgrid-auto-flow: column;\r\n\t\tinline-size: fit-content;\r\n\t\tline-height: 1.5;\r\n\t\ttransform: translateZ(0);\r\n\t\tuser-select: none;\r\n\r\n\t\t/* Disabled */\r\n\t\t&:has([disabled]) {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: 0.64;\r\n\t\t\tuser-select: none;\r\n\r\n\t\t\tinput {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Required dot */\r\n\t\t&:has(:invalid) {\r\n\t\t\t.label:after {\r\n\t\t\t\tcolor: var(--red);\r\n\t\t\t\tcontent: \"*\";\r\n\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Label */\r\n\t\t.label {\r\n\t\t\tcolor: var(--text-primary);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 1;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding-inline: 0 1ex;\r\n\t\t}\r\n\r\n\t\t/* End text */\r\n\t\t:where(.end-text) {\r\n\t\t\tcolor: var(--text-muted);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 2;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t/* Spread layout */\r\n\t\t&.spread {\r\n\t\t\talign-items: center;\r\n\t\t\tcolumn-gap: var(--size-4);\r\n\t\t\tgrid-auto-flow: unset;\r\n\t\t\tgrid-template-columns: 1fr auto;\r\n\t\t\tinline-size: 100%;\r\n\r\n\t\t\t.label {\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tgrid-column: 1;\r\n\t\t\t\tgrid-row: 1;\r\n\t\t\t\tinline-size: fit-content;\r\n\t\t\t}\r\n\r\n\t\t\tinput {\r\n\t\t\t\tgrid-column: 2;\r\n\t\t\t\tgrid-row: 1;\r\n\t\t\t}\r\n\r\n\t\t\t:where(.end-text) {\r\n\t\t\t\tgrid-column: 1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Stacked layout */\r\n\t\t&.stack {\r\n\t\t\tjustify-items: center;\r\n\t\t\tgrid-auto-columns: unset;\r\n\r\n\t\t\t.label {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t\tmargin-block-start: var(--size-1);\r\n\t\t\t\tpadding-inline: 1ex;\r\n\r\n\t\t\t\t/* Required dot */\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.end-text {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 3;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Input */\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\t--_input-size: var(--size-4);\r\n\r\n\t\t\tappearance: none;\r\n\t\t\taspect-ratio: 1;\r\n\t\t\tbackground-color: var(--surface-default);\r\n\t\t\tblock-size: var(--_input-size);\r\n\t\t\tborder-radius: var(--radius-1);\r\n\t\t\tborder: 1px solid var(--border-color);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\tfont-size: var(--_input-size);\r\n\t\t\tinline-size: var(--_input-size);\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tplace-items: center;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&:checked,\r\n\t\t\t&:indeterminate {\r\n\t\t\t\tbackground-color: var(--primary);\r\n\t\t\t\tborder-color: var(--primary);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t/* Checkmark */\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-color: var(--primary-contrast);\r\n\t\t\t\tclip-path: polygon(15% 52%, 40% 77%, 85% 32%, 75% 22%, 40% 57%, 25% 42%);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinset: 0;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\r\n\t\t\t&:checked::after,\r\n\t\t\t&:indeterminate::after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t/* Indeterminate dash */\r\n\t\t\t&:indeterminate::after {\r\n\t\t\t\tclip-path: polygon(20% 45%, 80% 45%, 80% 55%, 20% 55%);\r\n\t\t\t}\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t--highlight-size: 175%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.small {\r\n\t\t\tinput[type=\"checkbox\"] {\r\n\t\t\t\t--_input-size: var(--size-3);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.large {\r\n\t\t\tinput[type=\"checkbox\"] {\r\n\t\t\t\t--_input-size: var(--size-5);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Validation */\r\n\t\t&[data-invalid],\r\n\t\t&:has(:user-invalid) {\r\n\t\t\t--palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n\t\t\t:where(.end-text) {\r\n\t\t\t\tcolor: var(--primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Touch devices */\r\n\t\t@media (pointer: coarse) {\r\n\t\t\tinput {\r\n\t\t\t\t--_input-size: var(--size-4);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tinput {\r\n\t\t\t\tborder: 1px solid CanvasText;\r\n\r\n\t\t\t\t&:checked,\r\n\t\t\t\t&:indeterminate {\r\n\t\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\t\tborder-color: SelectedItem;\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tbackground-color: SelectedItemText;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\tlabel.radio {\r\n\t\t--_input-size: 1.125rem;\r\n\t\t--_indicator-size: 50%;\r\n\r\n\t\talign-items: center;\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-grid;\r\n\t\tgap: 0 var(--size-2);\r\n\t\tgrid-auto-columns: auto;\r\n\t\tgrid-auto-flow: column;\r\n\t\tinline-size: fit-content;\r\n\t\tline-height: 1.5;\r\n\t\ttransform: translateZ(0);\r\n\t\tuser-select: none;\r\n\r\n\t\t/* Disabled */\r\n\t\t&:has([disabled]) {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: 0.64;\r\n\t\t\tuser-select: none;\r\n\r\n\t\t\tinput {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Required dot */\r\n\t\t&:has(:invalid) {\r\n\t\t\t.label:after {\r\n\t\t\t\tcolor: var(--red);\r\n\t\t\t\tcontent: \"*\";\r\n\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Label */\r\n\t\t.label {\r\n\t\t\tcolor: var(--text-primary);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 1;\r\n\t\t\tpadding-inline: 0 1ex;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t/* End text */\r\n\t\t:where(.end-text) {\r\n\t\t\tcolor: var(--text-muted);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 2;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t/* Stacked layout */\r\n\t\t&.stack {\r\n\t\t\tgrid-auto-columns: unset;\r\n\t\t\tjustify-items: center;\r\n\r\n\t\t\t.label {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t\tmargin-block-start: var(--size-1);\r\n\t\t\t\tpadding-inline: 1ex;\r\n\r\n\t\t\t\t/* Required dot */\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.end-text {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 3;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Input */\r\n\t\tinput[type=\"radio\"] {\r\n\t\t\tappearance: none;\r\n\t\t\taspect-ratio: 1;\r\n\t\t\tbackground-color: var(--surface-default);\r\n\t\t\tblock-size: var(--_input-size);\r\n\t\t\tborder: 1px solid var(--field-border-color);\r\n\t\t\tborder-radius: var(--radius-round);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\tinline-size: var(--_input-size);\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tplace-items: center;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: var(--primary);\r\n\t\t\t\tborder-color: var(--primary);\r\n\t\t\t}\r\n\r\n\t\t\t/* Dot */\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-color: var(--primary-contrast);\r\n\t\t\t\tblock-size: var(--_indicator-size);\r\n\t\t\t\tborder-radius: var(--radius-round);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinline-size: var(--_indicator-size);\r\n\t\t\t\tmargin: auto;\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:checked::after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t--highlight-size: 175%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.small {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\t--_input-size: var(--size-3);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.large {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\t--_input-size: var(--size-4);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Validation */\r\n\t\t&[data-invalid],\r\n\t\t&:has(:user-invalid) {\r\n\t\t\t--palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n\t\t\t:where(.end-text) {\r\n\t\t\t\tcolor: var(--primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Touch devices */\r\n\t\t@media (pointer: coarse) {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\tblock-size: var(--size-4);\r\n\t\t\t\tinline-size: var(--size-4);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\tborder: 1px solid CanvasText;\r\n\r\n\t\t\t\t&:checked {\r\n\t\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\t\tborder-color: SelectedItem;\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tbackground-color: SelectedItemText;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n  :where(.range) {\r\n    display: grid;\r\n    gap: var(--size-1) 0;\r\n    /* Two-column base so the optional .value cell can sit next to the\r\n       label on row 1. Children that span the full width keep using\r\n       `grid-column: 1/-1`, so this is backwards compatible. */\r\n    grid-template-columns: 1fr auto;\r\n    position: relative;\r\n\r\n    .label {\r\n      color: var(--text-primary);\r\n      font-size: var(--font-size-05);\r\n      font-weight: 600;\r\n      grid-column: 1;\r\n      grid-row: 1;\r\n    }\r\n\r\n    /* Live current-value readout. Pairs with the <output> element\r\n       rendered by the Range component (or hand-written .value markup). */\r\n    :where(.value) {\r\n      color: var(--text-muted);\r\n      font-size: var(--font-size-0);\r\n      font-variant-numeric: tabular-nums;\r\n      font-weight: 600;\r\n      grid-column: 2;\r\n      grid-row: 1;\r\n      line-height: 1.5;\r\n      text-align: end;\r\n    }\r\n\r\n    .start-text {\r\n      color: var(--text-muted);\r\n      font-size: var(--font-size-0);\r\n      grid-column: 1/-1;\r\n      grid-row: 2;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    :where(.end-text) {\r\n      color: var(--text-muted);\r\n      font-size: var(--font-size-0);\r\n      grid-column: 1/-1;\r\n      grid-row: 5;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    /* Datalist (tick mark labels) */\r\n    :where(datalist) {\r\n      color: var(--text-muted);\r\n      display: flex;\r\n      font-size: var(--font-size-0);\r\n      grid-column: 1/-1;\r\n      grid-row: 4;\r\n      justify-content: space-between;\r\n      margin-top: calc(var(--size-1) * -1);\r\n      padding-inline: calc(3ex / 2);\r\n\r\n      &>option {\r\n        display: flex;\r\n        inline-size: 0;\r\n        justify-content: center;\r\n        padding: 0;\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    /* Disabled */\r\n    &:has([disabled]) {\r\n      cursor: not-allowed;\r\n      opacity: 0.64;\r\n      user-select: none;\r\n\r\n      .label,\r\n      .value,\r\n      .start-text,\r\n      .end-text {\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n\r\n    /* Color */\r\n    &.filled input[type=\"range\"] {\r\n      --_track-color: var(--surface-filled);\r\n    }\r\n\r\n    &.default input[type=\"range\"] {\r\n      --_track-color: var(--surface-default);\r\n    }\r\n\r\n    &.tonal input[type=\"range\"] {\r\n      --_track-color: var(--surface-tonal);\r\n    }\r\n\r\n    /* Orientation */\r\n    &.spread {\r\n      align-items: center;\r\n      column-gap: var(--size-4);\r\n      container-type: inline-size;\r\n      grid-template-columns: 1fr auto;\r\n\r\n      .label {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n      }\r\n\r\n      .start-text {\r\n        color: var(--text-muted);\r\n        display: block;\r\n        font-size: var(--font-size-0);\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      input[type=\"range\"] {\r\n        align-self: center;\r\n        grid-column: 2;\r\n        grid-row: 1;\r\n        min-inline-size: 25ch;\r\n      }\r\n\r\n      /* In spread mode, the value sits below the slider in col 2\r\n         (where end-text would normally land). When end-text is also\r\n         present it shifts down a row to avoid collision. */\r\n      :where(.value) {\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n      }\r\n\r\n      :where(.end-text) {\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n        text-align: end;\r\n      }\r\n\r\n      datalist {\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n      }\r\n\r\n      /* When both datalist and end-text exist, push end-text below the datalist\r\n         so they don't collide on the same grid cell. */\r\n      &:has(datalist) :where(.end-text) {\r\n        grid-row: 3;\r\n      }\r\n\r\n      &:has(.value) :where(.end-text) {\r\n        grid-row: 3;\r\n      }\r\n\r\n      &:has(.value):has(datalist) :where(.end-text) {\r\n        grid-row: 4;\r\n      }\r\n\r\n      @container (width < 400px) {\r\n        grid-template-columns: 1fr;\r\n\r\n        * {\r\n          grid-column: 1/-1;\r\n        }\r\n\r\n        .label {\r\n          grid-row: 1;\r\n        }\r\n\r\n        /* Share row 1 with the label: the label's text stays left-aligned\r\n           in its full-width cell, while the value shrinks to fit and\r\n           right-aligns. Visually reads as a \"[name ........ value]\" row. */\r\n        :where(.value) {\r\n          grid-row: 1;\r\n          justify-self: end;\r\n          text-align: end;\r\n        }\r\n\r\n        .start-text {\r\n          grid-row: 2;\r\n        }\r\n\r\n        input[type=\"range\"] {\r\n          grid-column: 1/-1;\r\n          grid-row: 3;\r\n        }\r\n\r\n        datalist {\r\n          grid-column: 1/-1;\r\n          grid-row: 4;\r\n        }\r\n\r\n        :where(.end-text) {\r\n          grid-row: 5;\r\n          text-align: start;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Validation */\r\n    &[data-invalid],\r\n    &:has(:user-invalid) {\r\n      --_thumb-bg: var(--color-9);\r\n      --_thumb-highlight-color: oklch(from var(--color-9) 70% 100% h / 20%);\r\n\r\n      .start-text,\r\n      .end-text,\r\n      .value {\r\n        color: var(--color-9);\r\n      }\r\n    }\r\n\r\n    /* Range input */\r\n    :where(& > input[type=\"range\"]) {\r\n      --_thumb-bg: var(--primary);\r\n      --_thumb-highlight-color: oklch(from var(--primary) 70% 100% h / 20%);\r\n      --_thumb-highlight-size: 0px;\r\n      --_thumb-offset: -1.125ex;\r\n      --_thumb-size: 3ex;\r\n      --_track-color: var(--field-border-color);\r\n      --_track-fill: 0%;\r\n      --_track-fill-color: var(--primary);\r\n      --_track-height: 0.75ex;\r\n      --_track-radius: 1e5px;\r\n\r\n      appearance: none;\r\n      background: transparent;\r\n      block-size: var(--size-4);\r\n      display: block;\r\n      grid-column: 1/-1;\r\n      grid-row: 3;\r\n      inline-size: 100%;\r\n      outline-offset: 1ex;\r\n\r\n      @media (hover: none) {\r\n        --_thumb-offset: -11.5px;\r\n        --_thumb-size: 30px;\r\n      }\r\n\r\n      /* Track */\r\n      &::-webkit-slider-runnable-track {\r\n        appearance: none;\r\n        background: linear-gradient(to right,\r\n            var(--_track-fill-color) var(--_track-fill, 0%),\r\n            var(--_track-color) 0%);\r\n        block-size: var(--_track-height);\r\n        border-radius: var(--_track-radius);\r\n      }\r\n\r\n      &::-moz-range-track {\r\n        appearance: none;\r\n        background: var(--_track-color);\r\n        block-size: var(--_track-height);\r\n        border-radius: var(--_track-radius);\r\n      }\r\n\r\n      &::-moz-range-progress {\r\n        appearance: none;\r\n        background: var(--_track-fill-color);\r\n        block-size: var(--_track-height);\r\n        border-radius: var(--_track-radius);\r\n      }\r\n\r\n      /* Ring */\r\n      &::-webkit-slider-thumb {\r\n        appearance: none;\r\n        background: var(--_thumb-bg);\r\n        block-size: var(--_thumb-size);\r\n        border: 3px solid var(--surface-default);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);\r\n        cursor: ew-resize;\r\n        inline-size: var(--_thumb-size);\r\n        margin-block-start: var(--_thumb-offset);\r\n\r\n        @media (prefers-reduced-motion: no-preference) {\r\n          transition: box-shadow 0.1s ease;\r\n        }\r\n\r\n        .fieldset-item:focus-within & {\r\n          border-color: var(--gray-14);\r\n        }\r\n      }\r\n\r\n      &::-moz-range-thumb {\r\n        appearance: none;\r\n        background: var(--_thumb-bg);\r\n        block-size: var(--_thumb-size);\r\n        border: 3px solid var(--surface-default);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);\r\n        cursor: ew-resize;\r\n        inline-size: var(--_thumb-size);\r\n        margin-block-start: var(--_thumb-offset);\r\n\r\n        @media (prefers-reduced-motion: no-preference) {\r\n          transition: box-shadow 0.1s ease;\r\n        }\r\n\r\n        .fieldset-item:focus-within & {\r\n          border-color: var(--gray-14);\r\n        }\r\n      }\r\n\r\n      /* Element state */\r\n      .range:has(:user-invalid) &,\r\n      .range[data-invalid] & {\r\n        --_track-fill-color: var(--color-9);\r\n      }\r\n\r\n      &:not([disabled]) {\r\n        &:hover {\r\n          --_thumb-highlight-size: var(--size-1);\r\n        }\r\n\r\n        &:active {\r\n          --_thumb-highlight-size: var(--size-2);\r\n          --_track-color: light-dark(oklch(from var(--field-border-color) calc(l * 0.9) c h),\r\n              oklch(from var(--field-border-color) calc(l * 1.1) c h));\r\n        }\r\n      }\r\n\r\n      &[disabled] {\r\n        --_thumb-bg: oklch(from var(--text-primary) l c h / 50%);\r\n        --_track-color: var(--field-border-color);\r\n\r\n        cursor: not-allowed;\r\n\r\n        &::-webkit-slider-thumb {\r\n          cursor: not-allowed;\r\n        }\r\n\r\n        &::-moz-range-thumb {\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n","@layer components.root {\r\n  :where(.switch) {\r\n    --_accent-color: var(--primary);\r\n    --_accent-contrast: var(--primary-contrast);\r\n\r\n    --_dot-bg-color: light-dark(var(--gray-11), var(--gray-14));\r\n    --_dot-inset: var(--size-1) auto auto var(--size-1);\r\n    --_dot-outline-size: 0;\r\n    --_dot-size: var(--size-3);\r\n\r\n    --_track-bg-color: light-dark(var(--gray-3), var(--gray-8));\r\n    --_track-height: var(--size-5);\r\n    --_track-width: var(--size-8);\r\n    --_transition-tf: var(--ease-4);\r\n    --_transition-time: 0.2s;\r\n\r\n    align-items: center;\r\n    color: var(--text-primary);\r\n    display: inline-grid;\r\n    gap: 0 var(--size-2);\r\n    grid-auto-columns: auto;\r\n    grid-auto-flow: column;\r\n    inline-size: fit-content;\r\n\r\n    :where(input[type=\"checkbox\"][role=\"switch\"]) {\r\n      appearance: none;\r\n      block-size: var(--_track-height);\r\n      cursor: pointer;\r\n      inline-size: var(--_track-width);\r\n      margin: 0;\r\n      position: relative;\r\n\r\n      /* Track */\r\n      &::before {\r\n        background-color: var(--_track-bg-color);\r\n        block-size: var(--_track-height);\r\n        border: 1px solid var(--_dot-bg-color);\r\n        border-radius: var(--radius-round);\r\n        content: \"\";\r\n        inline-size: var(--_track-width);\r\n        inset: 0;\r\n        position: absolute;\r\n      }\r\n\r\n      &:focus-visible {\r\n        --focus-ring-color: currentColor;\r\n        outline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n        outline-offset: var(--focus-ring-offset);\r\n      }\r\n\r\n      /* Dot */\r\n      &::after {\r\n        background-color: var(--_dot-bg-color);\r\n        block-size: var(--_dot-size);\r\n        border-radius: var(--radius-round);\r\n        content: \"\";\r\n        inline-size: var(--_dot-size);\r\n        inset: var(--_dot-inset);\r\n        outline: var(--_dot-outline-size) solid var(--_dot-bg-color);\r\n        outline-offset: -1px;\r\n        position: absolute;\r\n      }\r\n\r\n      /* Checked */\r\n      &:checked {\r\n        &::before {\r\n          background-color: var(--_accent-color);\r\n          border-color: var(--_accent-color);\r\n          transition:\r\n            background-color var(--_transition-time) var(--_transition-tf),\r\n            border-color var(--_transition-time) var(--_transition-tf);\r\n        }\r\n\r\n        /* Dot */\r\n        &::after {\r\n          --_dot-bg-color: var(--_accent-contrast);\r\n          --_dot-outline-size: calc(var(--size-1) - 1px);\r\n\r\n          inset-inline-start: calc(var(--_track-width) - var(--_dot-size) - var(--size-1));\r\n        }\r\n      }\r\n\r\n      /* Animation */\r\n      @media (prefers-reduced-motion: no-preference) {\r\n\r\n        /* Track */\r\n        &::before {\r\n          transition:\r\n            background-color var(--_transition-time) var(--_transition-tf),\r\n            border-color var(--_transition-time) var(--_transition-tf);\r\n        }\r\n\r\n        /* Dot */\r\n        &::after {\r\n          transition: all var(--_transition-time) var(--_transition-tf);\r\n        }\r\n\r\n        &:active:after {\r\n          --_dot-outline-size: calc(var(--size-1) + 1px);\r\n        }\r\n\r\n        &:checked {\r\n          &:active:after {\r\n            --_dot-outline-size: calc(var(--size-1) + 1px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Icons */\r\n    &:has(.icon-checked, .icon-unchecked) {\r\n      [role=\"switch\"] {\r\n        grid-column: 1 / -1;\r\n        grid-row: 1;\r\n      }\r\n\r\n      &:has([role=\"switch\"]:checked) {\r\n        .icon-unchecked {\r\n          display: none;\r\n        }\r\n\r\n        .icon-checked {\r\n          display: block;\r\n        }\r\n      }\r\n\r\n      .icon-checked {\r\n        display: none;\r\n      }\r\n\r\n      .icon-unchecked,\r\n      .icon-checked {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n\r\n        svg {\r\n          display: block;\r\n          inline-size: var(--_dot-size);\r\n        }\r\n      }\r\n\r\n      .icon-unchecked {\r\n        margin-inline-start: calc(var(--_track-width) - var(--_dot-size) - var(--size-1));\r\n      }\r\n\r\n      .icon-checked {\r\n        margin-inline-start: var(--size-1);\r\n      }\r\n    }\r\n\r\n    /* Required dot */\r\n    &:has(:invalid) {\r\n      .label:after {\r\n        color: var(--red);\r\n        content: \"*\";\r\n        inset: 0 -0.25ex auto auto;\r\n        position: absolute;\r\n      }\r\n    }\r\n\r\n    /* Disabled */\r\n    &:has([disabled]) {\r\n      cursor: not-allowed;\r\n      opacity: 0.64;\r\n      user-select: none;\r\n\r\n      input {\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n\r\n    /* Label */\r\n    .label {\r\n      color: var(--text-primary);\r\n      font-size: var(--font-size-05);\r\n      grid-column: 2;\r\n      grid-row: 1;\r\n      min-width: 0;\r\n      padding-inline: 0 1ex;\r\n      position: relative;\r\n      user-select: none;\r\n    }\r\n\r\n    /* End text */\r\n    :where(.end-text) {\r\n      color: var(--text-muted);\r\n      font-size: var(--font-size-0);\r\n      grid-column: 2;\r\n      grid-row: 2;\r\n      line-height: 1.5;\r\n      z-index: 1;\r\n    }\r\n\r\n    /* Size */\r\n    &.small {\r\n      --_dot-size: 0.75rem;\r\n      --_track-height: var(--size-4);\r\n      --_track-width: 2.5rem;\r\n    }\r\n\r\n    /* Spread layout */\r\n    &.spread {\r\n      align-items: center;\r\n      column-gap: var(--size-4);\r\n      grid-auto-flow: unset;\r\n      grid-template-columns: 1fr auto;\r\n      inline-size: 100%;\r\n\r\n      .label {\r\n        font-weight: 600;\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        inline-size: fit-content;\r\n      }\r\n\r\n      input[role=\"switch\"] {\r\n        grid-column: 2;\r\n        grid-row: 1;\r\n      }\r\n\r\n      &:has(.icon-checked, .icon-unchecked) {\r\n\r\n        input[role=\"switch\"],\r\n        .icon-checked,\r\n        .icon-unchecked {\r\n          grid-column: 2;\r\n        }\r\n      }\r\n\r\n      :where(.end-text) {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n      }\r\n    }\r\n\r\n    /* Stacked layout */\r\n    &.stack {\r\n      grid-auto-columns: unset;\r\n      justify-items: center;\r\n\r\n      .label {\r\n        grid-column: 1/-1;\r\n        grid-row: 2;\r\n        margin-block-start: var(--size-1);\r\n        padding-inline: 1ex;\r\n      }\r\n\r\n      .end-text {\r\n        grid-column: 1/-1;\r\n        grid-row: 3;\r\n      }\r\n    }\r\n\r\n    /* Validation */\r\n    &[data-invalid] {\r\n      input {\r\n        border-radius: var(--radius-round);\r\n        outline: 2px solid var(--color-9);\r\n      }\r\n\r\n      .end-text {\r\n        color: var(--color-9);\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n\t:where(#toast-manager) {\r\n\t\tbackground: none;\r\n\t\tblock-size: auto;\r\n\t\tborder: none;\r\n\t\tdisplay: none;\r\n\t\tflex-direction: column-reverse;\r\n\t\tgap: var(--size-3);\r\n\t\tinline-size: auto;\r\n\t\tinset: auto var(--size-4) var(--size-4) auto;\r\n\t\tmargin: 0;\r\n\t\tmax-inline-size: calc(100vi - var(--size-8));\r\n\t\toverflow: visible;\r\n\t\tpadding: 0;\r\n\t\tpointer-events: none;\r\n\t\tposition: fixed;\r\n\t\tz-index: 1000;\r\n\r\n\t\t&:popover-open {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\r\n\t\t&::backdrop {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t/* Optional cap on visible toasts. Older toasts beyond this depth are hidden\r\n\t\t   but still in the DOM so they animate cleanly when newer ones are removed. */\r\n\t\t/* > .toast:nth-last-child(n + 6) { display: none; } */\r\n\t}\r\n\r\n\t:where(.toast) {\r\n\t\t--_anim-enter: 0.3s;\r\n\t\t--_anim-exit: 0.3s;\r\n\r\n\t\talign-items: center;\r\n\t\tanimation:\r\n\t\t\ttoast-enter var(--_anim-enter) var(--ease-out-3) both,\r\n\t\t\ttoast-hold attr(data-duration type(<time>), 5s) linear both,\r\n\t\t\ttoast-exit var(--_anim-exit) var(--ease-in-3) both;\r\n\t\tanimation-delay:\r\n\t\t\t0s,\r\n\t\t\tvar(--_anim-enter),\r\n\t\t\tcalc(var(--_anim-enter) + attr(data-duration type(<time>), 5s));\r\n\t\tbackground-color: light-dark(var(--gray-15), var(--gray-2));\r\n\t\tborder-radius: var(--border-radius);\r\n\t\tbox-shadow: var(--shadow-3);\r\n\t\tcolor: var(--text-primary-contrast);\r\n\t\tdisplay: flex;\r\n\t\tgap: var(--size-3);\r\n\t\tjustify-content: space-between;\r\n\t\tmin-inline-size: 30ch;\r\n\t\tpadding: var(--size-3) var(--size-4);\r\n\t\tpointer-events: auto;\r\n\r\n\t\t&:hover {\r\n\t\t\tanimation-play-state: paused;\r\n\t\t}\r\n\r\n\t\t&.exiting {\r\n\t\t\tanimation: toast-exit var(--_anim-exit) var(--ease-in-3) forwards;\r\n\t\t}\r\n\r\n\t\t.icon {\r\n\t\t\tbackground: no-repeat center / contain;\r\n\t\t\tblock-size: var(--size-4);\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tinline-size: var(--size-4);\r\n\t\t}\r\n\r\n\t\t/* Hide the icon slot when there's no severity to render against. */\r\n\t\t&:not([data-severity]) .icon {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.content {\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tword-break: break-word;\r\n\t\t}\r\n\r\n\t\t.title {\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\r\n\t\t.description {\r\n\t\t\tcolor: oklch(from currentColor l c h / 75%);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t}\r\n\r\n\t\t.close-button {\r\n\t\t\tbackground: none;\r\n\t\t\tborder: none;\r\n\t\t\tcolor: inherit;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\topacity: 0.7;\r\n\t\t\tpadding: var(--size-1);\r\n\t\t\tplace-items: center;\r\n\t\t\ttransition: opacity 0.2s;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Severity icons via CSS data URIs — keeps icon assets out of JS strings. */\r\n\t\t&[data-severity=\"success\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><path d='m9 11 3 3L22 4'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"info\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4'/><path d='M12 8h.01'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"warning\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/><path d='M12 9v4'/><path d='M12 17h.01'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"critical\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m15 9-6 6'/><path d='m9 9 6 6'/></svg>\");\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes toast-enter {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttranslate: var(--size-4) 0;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttranslate: 0 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Identity keyframe — only purpose is to delay the exit animation by the\r\n\t   author-defined duration. */\r\n\t@keyframes toast-hold {\r\n\t\tfrom {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes toast-exit {\r\n\t\tfrom {\r\n\t\t\topacity: 1;\r\n\t\t\tscale: 1;\r\n\t\t\ttranslate: 0 0;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 0;\r\n\t\t\tscale: 0.9;\r\n\t\t\ttranslate: 0 var(--size-4);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\r\n  :where(.p) {\r\n    text-wrap: pretty;\r\n\r\n    &.small {\r\n      font-size: var(--font-size-1);\r\n    }\r\n\r\n    &.large {\r\n      font-size: var(--font-size-3);\r\n    }\r\n  }\r\n\r\n  :where(.h1, .h2, .h3, .h4, .h5, .h6) {\r\n    color: var(--text-primary);\r\n    font-weight: 700;\r\n    text-wrap: pretty;\r\n  }\r\n\r\n  :where(.h1) {\r\n    font-size: var(--font-size-h1, var(--font-size-7));\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  :where(.h2) {\r\n    font-size: var(--font-size-h2, var(--font-size-5, 2rem));\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  :where(.h3) {\r\n    font-size: var(--font-size-h3, var(--font-size-4, 1.5rem));\r\n    letter-spacing: -0.01em;\r\n    line-height: 1.167;\r\n  }\r\n\r\n  :where(.h4) {\r\n    font-size: var(--font-size-h4, var(--font-size-3, 1.25rem));\r\n    letter-spacing: -0.01em;\r\n    line-height: 1.235;\r\n  }\r\n\r\n  :where(.h5) {\r\n    font-size: var(--font-size-h5, var(--font-size-2, 1.1rem));\r\n    line-height: 1.334;\r\n  }\r\n\r\n  :where(.h6) {\r\n    font-size: var(--font-size-h6, var(--font-size-1, 1rem));\r\n    line-height: 1;\r\n  }\r\n\r\n  /** Overline */\r\n  :where(.overline) {\r\n    color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n        oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n    font-size: var(--font-size-0);\r\n    font-weight: 500;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  :where(.hgroup) {\r\n    &>p {\r\n      margin: 0;\r\n    }\r\n\r\n    &> :where(h1, h2, h3, h4, h5, h6) {\r\n      margin-block: 0 0.4em;\r\n    }\r\n\r\n    /* First p element (overline) */\r\n    &>p:first-of-type:first-child {\r\n      color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n          oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n      font-size: var(--font-size-0);\r\n      font-weight: 500;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    /* Body paragraphs after the heading */\r\n    &>p:not(:first-of-type:first-child) {\r\n      color: oklch(from currentColor l c h / 75%);\r\n      font-size: var(--font-size-3);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    &>p+p {\r\n      margin-block-start: 0.75em;\r\n    }\r\n  }\r\n\r\n  /** Caption */\r\n  :where(.caption) {\r\n    color: var(--text-muted);\r\n    font-size: var(--font-size-0);\r\n    line-height: 1.6;\r\n  }\r\n\r\n\r\n\r\n  /* Inline text elements — class utilities (work anywhere) */\r\n  :where(.u, .abbr, .dfn) {\r\n    text-decoration: underline;\r\n    text-underline-offset: 1px;\r\n\r\n    @supports (-moz-appearance: none) {\r\n      text-underline-offset: 2px;\r\n    }\r\n  }\r\n\r\n  :where(.abbr, .dfn) {\r\n    font-style: normal;\r\n    text-decoration: var(--color-9) underline dotted;\r\n\r\n    &[title] {\r\n      cursor: help;\r\n      text-underline-offset: 1px;\r\n    }\r\n\r\n    @supports (-moz-appearance: none) {\r\n      text-underline-offset: 2px;\r\n    }\r\n  }\r\n\r\n  :where(.sup) {\r\n    font-size: 0.5em;\r\n    vertical-align: super;\r\n  }\r\n\r\n  :where(p, span).small {\r\n    font-size: max(0.5em, var(--font-size-0, 0.75rem));\r\n  }\r\n\r\n  :where(.cite) {\r\n    font-style: italic;\r\n  }\r\n\r\n  /* Code */\r\n  :where(.kbd) {\r\n    font-family: var(--font-mono);\r\n    background-color: var(--text-muted);\r\n    border-color: var(--text-muted);\r\n    border-radius: var(--radius-2);\r\n    border-width: var(--border-size-1);\r\n    color: var(--text-muted-contrast);\r\n    padding: 0.1ex 0.3ex;\r\n    word-break: break-word;\r\n  }\r\n\r\n  :where(.mark) {\r\n    border-radius: var(--radius-2);\r\n    box-decoration-break: clone;\r\n    padding: .1ex .3ex;\r\n    vertical-align: baseline;\r\n  }\r\n\r\n  :where(.s) {\r\n    text-decoration: line-through;\r\n  }\r\n\r\n  :where(.sub) {\r\n    font-size: 0.75em;\r\n    vertical-align: sub;\r\n  }\r\n\r\n  :where(.del) {\r\n    color: var(--color-9);\r\n    text-decoration: line-through;\r\n  }\r\n\r\n  :where(.ins) {\r\n    color: var(--color-9);\r\n    text-decoration: underline;\r\n    text-underline-offset: 1px;\r\n  }\r\n\r\n  :where(.var) {\r\n    font-family: var(--font-mono);\r\n    background-color: var(--text-muted);\r\n    border-color: var(--text-muted);\r\n    border-radius: var(--radius-2);\r\n    border-width: var(--border-size-1);\r\n    color: var(--text-muted-contrast);\r\n    padding: 0.1ex 0.3ex;\r\n    word-break: break-word;\r\n  }\r\n\r\n  :where(.samp) {\r\n    font-family: var(--font-mono);\r\n  }\r\n\r\n  /* Blockquote */\r\n  :where(.blockquote) {\r\n    border-inline-start: var(--border-size-3) solid currentColor;\r\n    padding-block: var(--size-3);\r\n    padding-inline: var(--size-4);\r\n\r\n    :first-child {\r\n      margin-block-start: 0;\r\n    }\r\n\r\n    :last-child {\r\n      margin-block-end: 0;\r\n    }\r\n\r\n    footer {\r\n      color: var(--text-muted);\r\n      margin-block-start: var(--size-3);\r\n    }\r\n  }\r\n\r\n  /* Code block */\r\n  :where(pre.code-block) {\r\n    background-color: var(--color-15);\r\n    border-radius: var(--border-radius);\r\n    color: var(--color-1);\r\n    font-family: var(--font-mono);\r\n    font-size: var(--font-size-05);\r\n    max-inline-size: 100%;\r\n    overflow-x: auto;\r\n    padding-block: var(--size-3);\r\n    padding-inline: var(--size-4);\r\n    scrollbar-width: thin;\r\n    white-space: pre;\r\n\r\n    >code {\r\n      background: none;\r\n      border-radius: 0;\r\n      color: inherit;\r\n      font-size: inherit;\r\n      padding: 0;\r\n      word-break: normal;\r\n      writing-mode: inherit;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n/* Rich text */\r\n@layer components.extended {\r\n  @scope (.rich-text) to (.not-rich-text) {\r\n    a {\r\n      color: var(--primary);\r\n      cursor: pointer;\r\n      font-size: inherit;\r\n      font-weight: 700;\r\n      line-height: inherit;\r\n      text-decoration: underline;\r\n      text-decoration-color: var(--primary);\r\n      text-underline-offset: 2px;\r\n\r\n      &[href] {\r\n\r\n        &:hover,\r\n        &:focus-visible {\r\n          color: var(--primary-light);\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Blockquote */\r\n    blockquote {\r\n      border-inline-start: var(--border-size-3) solid currentColor;\r\n      font-size: inherit;\r\n      line-height: inherit;\r\n      padding-block: var(--size-3);\r\n      padding-inline: var(--size-4);\r\n\r\n      :first-child {\r\n        margin-block-start: 0;\r\n      }\r\n\r\n      :last-child {\r\n        margin-block-end: 0;\r\n      }\r\n\r\n      footer {\r\n        color: var(--text-muted);\r\n        margin-block-start: var(--size-3);\r\n      }\r\n    }\r\n\r\n    /* Code */\r\n    pre {\r\n      border-radius: var(--border-radius);\r\n      font-size: var(--font-size-05);\r\n      margin-block: var(--size-6);\r\n      max-inline-size: max-content;\r\n      min-inline-size: 0;\r\n      padding-block: var(--size-3);\r\n      padding-inline: var(--size-4);\r\n      white-space: pre;\r\n    }\r\n\r\n    pre:has(> code) {\r\n      background-color: var(--color-15);\r\n      border-radius: var(--border-radius);\r\n      color: var(--color-1);\r\n      max-inline-size: 100%;\r\n      overflow-x: auto;\r\n      scrollbar-width: thin;\r\n\r\n      >code {\r\n        background: none;\r\n        border-radius: 0;\r\n        color: inherit;\r\n        font-size: inherit;\r\n        padding: 0;\r\n        word-break: normal;\r\n        writing-mode: inherit;\r\n      }\r\n    }\r\n\r\n\r\n    /* Text */\r\n    p {\r\n      font-size: inherit;\r\n      line-height: inherit;\r\n      margin-block: 1.25em;\r\n      text-wrap: pretty;\r\n    }\r\n\r\n    :is(h1, h2, h3, h4, h5, h6) {\r\n      color: var(--text-primary);\r\n      font-weight: 700;\r\n      text-wrap: pretty;\r\n\r\n      &+*:not(&) {\r\n        margin-block-start: 0;\r\n      }\r\n    }\r\n\r\n    h1 {\r\n      font-size: var(--font-size-h1, var(--font-size-7));\r\n      letter-spacing: -0.02em;\r\n      line-height: 1.1111111;\r\n      margin-block: 0 0.8888889em;\r\n    }\r\n\r\n    h2 {\r\n      font-size: var(--font-size-h2, var(--font-size-5, 2rem));\r\n      letter-spacing: -0.02em;\r\n      line-height: 1.3333333;\r\n      margin-block: 2em 1em;\r\n    }\r\n\r\n    h3 {\r\n      font-size: var(--font-size-h3, var(--font-size-4, 1.5rem));\r\n      letter-spacing: -0.01em;\r\n      line-height: 1.6;\r\n      margin-block: 1.6em 0.6em;\r\n    }\r\n\r\n    h4 {\r\n      font-size: var(--font-size-h4, var(--font-size-3, 1.25rem));\r\n      letter-spacing: -0.01em;\r\n      line-height: 1.5;\r\n      margin-block: 1.5em 0.5em;\r\n    }\r\n\r\n    h5 {\r\n      font-size: var(--font-size-h5, var(--font-size-2, 1.1rem));\r\n      line-height: 1;\r\n      margin-block: 0 var(--size-1);\r\n    }\r\n\r\n    h6 {\r\n      font-size: var(--font-size-h6, var(--font-size-1, 1rem));\r\n      line-height: 1;\r\n      margin-block: 0 var(--size-1);\r\n    }\r\n\r\n    /** Overline */\r\n    :is(.overline, hgroup p:first-of-type:first-child) {\r\n      color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n          oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n      font-size: var(--font-size-0);\r\n      font-weight: 500;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    hgroup {\r\n      &>p {\r\n        margin: 0;\r\n      }\r\n\r\n      &> :where(h1, h2, h3, h4, h5, h6) {\r\n        margin-block: 0 0.4em;\r\n      }\r\n\r\n      &+* {\r\n        margin-block-start: 3em;\r\n      }\r\n\r\n      /* Body paragraphs after the heading */\r\n      &>p:not(:first-of-type:first-child) {\r\n        color: oklch(from currentColor l c h / 75%);\r\n        font-size: var(--font-size-3);\r\n        line-height: 1.6;\r\n      }\r\n\r\n      &>p+p {\r\n        margin-block-start: 0.75em;\r\n      }\r\n    }\r\n\r\n    /* Lists */\r\n    ul:not([class]) {\r\n      list-style-type: disc;\r\n    }\r\n\r\n    ol:not([class]) {\r\n      list-style-type: decimal;\r\n    }\r\n\r\n    :where(ul, ol):not([class]) {\r\n      display: grid;\r\n      font-size: inherit;\r\n      gap: 0.5em;\r\n      line-height: inherit;\r\n      margin-block-end: 1.25em;\r\n      margin-block-start: 1.25em;\r\n      padding-inline-start: 1.625em;\r\n\r\n      li {\r\n        padding-inline-start: 0.375em;\r\n      }\r\n    }\r\n\r\n    /* Nested lists */\r\n    :where(ul ul),\r\n    :where(ul ol),\r\n    :where(ol ul),\r\n    :where(ol ol) {\r\n      margin-block-end: 0.75em;\r\n      margin-block-start: 0.75em;\r\n    }\r\n\r\n    /* Description lists */\r\n    :where(dl) {\r\n      font-size: inherit;\r\n      line-height: inherit;\r\n      margin-block-end: 1.25em;\r\n      margin-block-start: 1.25em;\r\n\r\n      dt {\r\n        font-weight: 700;\r\n        margin-block-start: 1.25em;\r\n      }\r\n\r\n      dd {\r\n        margin-block-start: 0.5em;\r\n        padding-inline-start: 1.625em;\r\n      }\r\n    }\r\n\r\n    /* Figures */\r\n    figure {\r\n      display: grid;\r\n      gap: var(--size-2);\r\n      margin-block: var(--size-7);\r\n      place-items: center;\r\n\r\n      &>* {\r\n        margin-block: 0;\r\n      }\r\n\r\n      & figcaption {\r\n        font-size: var(--font-size-0);\r\n        text-wrap: pretty;\r\n      }\r\n    }\r\n\r\n    /* Remove top margin from first child */\r\n    &> :first-child {\r\n      margin-block-start: 0;\r\n    }\r\n\r\n    /* Remove bottom margin from last child */\r\n    &> :last-child {\r\n      margin-block-end: 0;\r\n    }\r\n\r\n    /* Horizontal rules */\r\n    hr {\r\n      &+* {\r\n        margin-block-start: 0;\r\n      }\r\n    }\r\n\r\n    /* Inline text elements */\r\n    :where(ins, u, abbr, dfn) {\r\n      text-decoration: underline;\r\n      text-underline-offset: 1px;\r\n\r\n      @supports (-moz-appearance: none) {\r\n        text-underline-offset: 2px;\r\n      }\r\n    }\r\n\r\n    :where(abbr, dfn) {\r\n      font-style: normal;\r\n      text-decoration: var(--color-9) underline dotted;\r\n\r\n      &[title] {\r\n        cursor: help;\r\n        text-underline-offset: 1px;\r\n      }\r\n\r\n      @supports (-moz-appearance: none) {\r\n        text-underline-offset: 2px;\r\n      }\r\n    }\r\n\r\n    sup {\r\n      font-size: 0.5em;\r\n      vertical-align: super;\r\n    }\r\n\r\n    :where(del, ins) {\r\n      color: var(--color-9);\r\n    }\r\n\r\n    small {\r\n      font-size: max(0.5em, var(--font-size-0, 0.75rem));\r\n    }\r\n\r\n    cite {\r\n      font-style: italic;\r\n    }\r\n\r\n    /* Code */\r\n    :where(code, kbd, samp, pre) {\r\n      font-family: var(--font-mono);\r\n    }\r\n\r\n    code {\r\n      background-color: oklch(0 0 0 / 18%);\r\n      border-radius: var(--border-size-3);\r\n      font-size: 0.9em;\r\n      padding: 0.1ex 0.3ex;\r\n    }\r\n\r\n    :where(kbd, var) {\r\n      background-color: var(--text-muted);\r\n      border-color: var(--text-muted);\r\n      border-radius: var(--radius-2);\r\n      border-width: var(--border-size-1);\r\n      color: var(--text-muted-contrast);\r\n      padding: 0.1ex 0.3ex;\r\n    }\r\n\r\n    :not(pre) code,\r\n    kbd {\r\n      word-break: break-word;\r\n    }\r\n\r\n    :not(pre) code {\r\n      border-radius: var(--border-radius, var(--radius-2));\r\n      padding: 0.5ex;\r\n      writing-mode: lr;\r\n    }\r\n\r\n    mark {\r\n      border-radius: var(--radius-2);\r\n      box-decoration-break: clone;\r\n      padding: .1ex .3ex;\r\n      vertical-align: baseline;\r\n    }\r\n\r\n    s {\r\n      text-decoration: line-through;\r\n    }\r\n\r\n    sub {\r\n      font-size: 0.75em;\r\n      vertical-align: sub;\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n  :where(.badge) {\r\n    --_anchor-tx: -50%;\r\n    --_anchor-ty: 50%;\r\n    --_badge-inset: auto auto 100% 100%;\r\n    --_bg-color: var(--primary);\r\n    --_border-color: var(--primary);\r\n    --_dot-size: var(--size-2);\r\n    --_size: var(--size-4);\r\n    --_text-color: var(--gray-1);\r\n\r\n    display: inline-flex;\r\n    position: relative;\r\n    vertical-align: middle;\r\n\r\n    /* Floating wrapper: traditional inset-based positioning so this works\r\n       in browsers without position-area support (Firefox, older Safari). */\r\n    &>.anchor-floating:not([popover]) {\r\n      inset: var(--_badge-inset);\r\n      position-anchor: auto;\r\n      position-area: none;\r\n    }\r\n\r\n    /* Indicator */\r\n    &>.anchor-floating>.badge-indicator {\r\n      background-color: var(--_bg-color);\r\n      block-size: var(--_size);\r\n      border: 2px solid var(--_border-color);\r\n      border-radius: var(--radius-round);\r\n      color: var(--_text-color);\r\n      display: grid;\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      inline-size: max-content;\r\n      line-height: normal;\r\n      min-inline-size: var(--_size);\r\n      padding-inline: var(--size-1);\r\n      place-items: center;\r\n      text-align: center;\r\n      transition: opacity 0.2s var(--ease-out-1);\r\n    }\r\n\r\n    /* Colors */\r\n    &.critical {\r\n      --_bg-color: var(--critical);\r\n      --_border-color: var(--critical);\r\n    }\r\n\r\n    &.success {\r\n      --_bg-color: var(--success);\r\n      --_border-color: var(--success);\r\n    }\r\n\r\n    &.info {\r\n      --_bg-color: var(--info);\r\n      --_border-color: var(--info);\r\n    }\r\n\r\n    &.warning {\r\n      --_bg-color: var(--warning);\r\n      --_border-color: var(--warning);\r\n    }\r\n\r\n    &.neutral {\r\n      --_bg-color: var(--neutral);\r\n      --_border-color: var(--neutral);\r\n    }\r\n\r\n    /* Alignment */\r\n    &.start-start {\r\n      --_anchor-tx: 50%;\r\n      --_anchor-ty: 50%;\r\n      --_badge-inset: auto 100% 100% auto;\r\n    }\r\n\r\n    &.end-start {\r\n      --_anchor-tx: 50%;\r\n      --_anchor-ty: -50%;\r\n      --_badge-inset: 100% 100% auto auto;\r\n    }\r\n\r\n    &.end-end {\r\n      --_anchor-tx: -50%;\r\n      --_anchor-ty: -50%;\r\n      --_badge-inset: 100% auto auto 100%;\r\n    }\r\n\r\n    /* Dot */\r\n    &.dot {\r\n      --_anchor-tx: calc((var(--_dot-size) - 2px) * -1);\r\n      --_anchor-ty: var(--_dot-size);\r\n    }\r\n\r\n    &.dot>.anchor-floating>.badge-indicator {\r\n      block-size: var(--_dot-size);\r\n      inline-size: var(--_dot-size);\r\n      min-inline-size: var(--_dot-size);\r\n      padding: 0;\r\n    }\r\n\r\n    /* Visibility */\r\n    &.invisible>.anchor-floating>.badge-indicator {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n  :where([role=\"group\"].button-group) {\r\n    --_border-radius: var(--button-border-radius);\r\n\r\n    border-radius: var(--_border-radius);\r\n    display: inline-flex;\r\n    min-width: max-content;\r\n\r\n    /* Button */\r\n    button {\r\n      border-radius: 0;\r\n\r\n      /* button.css > --_accent-tonal */\r\n      --_divider-color: light-dark(oklch(from var(--_accent-tonal) calc(l - 0.1) c h),\r\n          oklch(from var(--_accent-tonal) calc(l + 0.1) c h));\r\n\r\n      &.outlined {\r\n        --_divider-color: var(--_border-color);\r\n      }\r\n\r\n      &.filled {\r\n        --_divider-color: currentColor;\r\n      }\r\n\r\n      &:focus-visible {\r\n        outline-offset: -4px;\r\n      }\r\n\r\n      /* Color inheritance from Button Group — shared interaction model.\r\n         The .critical scope class in theme.css redirects --palette-source so\r\n         --color-6 below becomes a tint of the active color. */\r\n      :where(.button-group.critical,\r\n        .button-group.primary) & {\r\n        --_color-contrast: var(--gray-1);\r\n        --_color-tonal: var(--color-6);\r\n        --_accent-tonal-contrast: var(--text-primary-contrast);\r\n        --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n        --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n        --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n        --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n        --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n      }\r\n\r\n      :where(.button-group.critical) & {\r\n        --_color: var(--critical);\r\n      }\r\n\r\n      :where(.button-group.primary) & {\r\n        --_color: var(--primary);\r\n      }\r\n\r\n      :where(.button-group.small) & {\r\n        --_min-height: 1.875rem;\r\n        padding-block: 0;\r\n        padding-inline: 1ex;\r\n      }\r\n\r\n      :where(.button-group.large) & {\r\n        --_min-height: 2.875rem;\r\n        padding-inline: 4ex;\r\n      }\r\n\r\n      :where(.button-group.outlined) & {\r\n        --_border-color: var(--_accent);\r\n        --_divider-color: var(--_accent);\r\n\r\n        &:where(:not([disabled])) {\r\n          &:where(:not(:active):hover) {\r\n            --_bg-color: var(--_accent);\r\n            --_border-color: var(--_accent);\r\n            --_text-color: var(--_accent-contrast);\r\n          }\r\n\r\n          &:where(:active) {\r\n            --_bg-color: var(--_outlined-active-bg-color);\r\n            --_border-color: var(--_outlined-active-bg-color);\r\n            --_text-color: var(--_accent-contrast);\r\n          }\r\n        }\r\n      }\r\n\r\n      :where(.button-group.tonal) & {\r\n        --_bg-color: var(--_accent-tonal);\r\n        --_text-color: var(--_accent-tonal-contrast);\r\n\r\n        &:where(:not([disabled])) {\r\n          &:where(:not(:active):hover) {\r\n            --_bg-color: var(--_accent);\r\n            --_text-color: var(--_accent-contrast);\r\n          }\r\n\r\n          &:where(:active) {\r\n            --_bg-color: var(--_outlined-active-bg-color);\r\n            --_text-color: var(--_accent-contrast);\r\n          }\r\n        }\r\n      }\r\n\r\n      :where(.button-group.filled) & {\r\n        --_bg-color: var(--_accent);\r\n        --_text-color: var(--_accent-contrast);\r\n        --_divider-color: currentColor;\r\n\r\n        :where(.button-group.critical,\r\n          .button-group.primary) & {\r\n          --_divider-color: light-dark(oklch(from var(--_accent) calc(l - 0.1) c h),\r\n              oklch(from var(--_accent) calc(l + 0.1) c h));\r\n        }\r\n\r\n        &:where(:not([disabled])) {\r\n          &:where(:not(:active):hover) {\r\n            --_bg-color: var(--_filled-hover-bg-color);\r\n          }\r\n\r\n          &:where(:active) {\r\n            --_bg-color: var(--_filled-active-bg-color);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &:not(.vertical) {\r\n      button {\r\n        &:first-of-type {\r\n          border-end-start-radius: var(--_border-radius);\r\n          border-start-start-radius: var(--_border-radius);\r\n        }\r\n\r\n        &:last-of-type {\r\n          border-end-end-radius: var(--_border-radius);\r\n          border-start-end-radius: var(--_border-radius);\r\n        }\r\n\r\n        /* Siblings */\r\n        &+& {\r\n          border-inline-start-color: var(--_divider-color);\r\n          border-inline-width: 1px;\r\n          margin-inline-start: -1px;\r\n\r\n          &[disabled] {\r\n            border-inline-start-color: color-mix(in oklch, var(--_divider-color) 40%, transparent);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.vertical {\r\n      flex-direction: column;\r\n\r\n      button {\r\n        padding: var(--size-2);\r\n\r\n        &:has(svg) {\r\n          aspect-ratio: 1;\r\n          padding: var(--size-1);\r\n        }\r\n\r\n        &:first-of-type {\r\n          border-start-start-radius: var(--_border-radius);\r\n          border-start-end-radius: var(--_border-radius);\r\n        }\r\n\r\n        &:last-of-type {\r\n          border-end-start-radius: var(--_border-radius);\r\n          border-end-end-radius: var(--_border-radius);\r\n        }\r\n\r\n        &+& {\r\n          border-block-start: 1px solid var(--_divider-color);\r\n          margin-block-start: -1px;\r\n\r\n          &[disabled] {\r\n            border-block-start-color: color-mix(in oklch, var(--_divider-color) 40%, transparent);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n  :where(details.accordion) {\r\n    --_actions-gap: var(--size-1);\r\n    --_actions-margin-block-start: var(--size-3);\r\n    --_actions-padding-block-end: var(--size-1);\r\n    --_actions-padding-inline: var(--size-3) var(--size-1);\r\n    --_bg-color: transparent;\r\n    --_border-color: transparent;\r\n    --_border-radius: var(--border-radius, 4px);\r\n    --_border-width: 0;\r\n    --_content-padding-block: var(--size-2) var(--size-3);\r\n    --_content-padding-inline: var(--_padding-inline);\r\n    --_margin-inline: var(--size-1);\r\n    --_padding-inline: initial;\r\n    --_shadow: none;\r\n    --_summary-padding-block: var(--size-3);\r\n    --_summary-padding-inline: var(--_padding-inline);\r\n    --_svg-transition: 0.2s var(--ease-1);\r\n    --_transition: 0.2s;\r\n\r\n    background-color: var(--_bg-color);\r\n    border: var(--_border-width) solid var(--_border-color);\r\n    border-radius: var(--_border-radius);\r\n    box-shadow: var(--_shadow);\r\n    display: block;\r\n    margin-inline: var(--_margin-inline);\r\n    transition: all var(--_transition) ease-out;\r\n\r\n    &.elevated {\r\n      --_bg-color: var(--surface-elevated);\r\n      --_margin-inline: 0;\r\n      --_padding-inline: var(--size-3);\r\n      --_shadow: var(--shadow-3);\r\n    }\r\n\r\n    &.outlined {\r\n      --_bg-color: var(--surface-default);\r\n      --_border-color: var(--border-color);\r\n      --_border-width: 1px;\r\n      --_margin-inline: 0;\r\n      --_padding-inline: var(--size-3);\r\n    }\r\n\r\n    &.tonal {\r\n      --_bg-color: var(--surface-tonal);\r\n      --_margin-inline: 0;\r\n      --_padding-inline: var(--size-3);\r\n    }\r\n\r\n    /* Accordion animation */\r\n    /* https://nerdy.dev/open-and-close-transitions-for-the-details-element */\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      interpolate-size: allow-keywords;\r\n    }\r\n\r\n    &::details-content {\r\n      block-size: 0;\r\n      opacity: 0;\r\n      overflow-y: clip;\r\n      transition:\r\n        content-visibility var(--_transition) allow-discrete,\r\n        opacity var(--_transition),\r\n        block-size var(--_transition);\r\n    }\r\n\r\n    &[open]::details-content {\r\n      block-size: auto;\r\n      opacity: 1;\r\n    }\r\n\r\n    /* Layout */\r\n    &>summary {\r\n      background-color: inherit;\r\n      cursor: pointer;\r\n      font-weight: 700;\r\n      padding-block: var(--_summary-padding-block);\r\n      padding-inline: var(--_summary-padding-inline);\r\n      user-select: none;\r\n\r\n      &:has(svg) {\r\n        align-items: center;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        list-style: none;\r\n\r\n        &::marker,\r\n        &::-webkit-details-marker {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      svg {\r\n        transition: rotate var(--_svg-transition);\r\n      }\r\n    }\r\n\r\n    &[open]>summary svg {\r\n      rotate: 180deg;\r\n    }\r\n\r\n    &>.content {\r\n      margin-block-start: 0;\r\n      padding-block: var(--_content-padding-block);\r\n      padding-inline: var(--_content-padding-inline);\r\n    }\r\n\r\n    &>.actions {\r\n      display: flex;\r\n      gap: var(--_actions-gap);\r\n      justify-content: end;\r\n      margin-block-start: var(--_actions-margin-block-start);\r\n      padding-block-end: var(--_actions-padding-block-end);\r\n      padding-inline: var(--_actions-padding-inline);\r\n    }\r\n  }\r\n\r\n  /* Accordion group  */\r\n  :where(.card[role=\"group\"]:has(details.accordion)) {\r\n    --_group-radius: var(--border-radius);\r\n    --_gutter-color: var(--border-color);\r\n    --_item-padding-inline: var(--size-3);\r\n    --_item-summary-padding-inline: var(--_item-padding-inline);\r\n\r\n    display: block;\r\n\r\n    &.card {\r\n      &:not(.tonal, .outlined, .elevated) {\r\n        --_item-summary-padding-inline: 0;\r\n      }\r\n    }\r\n\r\n    &>.content {\r\n      margin-block: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    &>details.accordion {\r\n      --_border-color: transparent;\r\n      --_border-width: 0;\r\n      --_margin-inline: 0;\r\n      --_padding-inline: var(--_item-padding-inline);\r\n      --_shadow: none;\r\n      --_summary-padding-inline: var(--_item-summary-padding-inline);\r\n\r\n      /* Border between accordion items */\r\n      &+& {\r\n        border-block-start: 1px solid var(--_gutter-color);\r\n        border-radius: 0;\r\n      }\r\n\r\n      /* First item */\r\n      &:first-of-type {\r\n        border-start-end-radius: var(--_group-radius);\r\n        border-start-start-radius: var(--_group-radius);\r\n\r\n        summary {\r\n          border-start-end-radius: var(--_group-radius);\r\n          border-start-start-radius: var(--_group-radius);\r\n        }\r\n      }\r\n\r\n      /* Last item */\r\n      &:last-of-type {\r\n        border-end-end-radius: var(--_group-radius);\r\n        border-end-start-radius: var(--_group-radius);\r\n\r\n        summary {\r\n          border-end-end-radius: var(--_group-radius);\r\n          border-end-start-radius: var(--_group-radius);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n\r\n  /*\r\nLists meant to be used stand-alone or as part of Select elements\r\n\r\n  Intended use-case:\r\n  - ul.list > li\r\n  - .select > .list > option\r\n*/\r\n  :where(.list) {\r\n    --_bg-color: var(--surface-filled);\r\n    --_bg-color-hover: oklch(from var(--primary) l c h / 15%);\r\n\r\n    background-color: var(--_bg-color);\r\n    color: var(--text-primary);\r\n    list-style: none;\r\n    padding: var(--size-2) 0;\r\n\r\n    @media (pointer: coarse) {\r\n\r\n      &,\r\n      * {\r\n        user-select: none;\r\n      }\r\n    }\r\n\r\n    /* Background color */\r\n    &.transparent {\r\n      --_bg-color: transparent;\r\n    }\r\n\r\n    &.default {\r\n      --_bg-color: var(--surface-default);\r\n    }\r\n\r\n    &.tonal {\r\n      --_bg-color: var(--surface-tonal);\r\n    }\r\n\r\n    /* Borders on all list items */\r\n    &.bordered {\r\n      :where(li + li, option + option) {\r\n        margin-block-start: var(--size-3);\r\n\r\n        &::before {\r\n          block-size: 1px;\r\n          border-block-start: 1px solid var(--border-color);\r\n          content: \"\";\r\n          display: block;\r\n          inline-size: 100%;\r\n          inset: calc(-1 * var(--size-2)) 0 auto 0;\r\n          position: absolute;\r\n          visibility: visible;\r\n          /* override select > option:before style */\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Dense - less gaps and spacing */\r\n    &.dense {\r\n      :where(li, option) {\r\n        gap: var(--size-2);\r\n        min-block-size: var(--size-7);\r\n        padding: var(--size-1) var(--size-2);\r\n\r\n        &.border-top {\r\n          margin-block-start: var(--size-2);\r\n\r\n          &::before {\r\n            inset: calc(-1 * var(--size-1)) 0 auto 0;\r\n          }\r\n        }\r\n\r\n        /* Clickable list item */\r\n        &:has(> a, > button, > label) {\r\n          min-block-size: auto;\r\n          padding: 0;\r\n        }\r\n\r\n        &> :where(a, button, label) {\r\n          gap: var(--size-2);\r\n          min-block-size: var(--size-7);\r\n          padding: var(--size-1) var(--size-2);\r\n        }\r\n\r\n        /* Checkbox / Radio */\r\n        &>label {\r\n          .end {\r\n            padding-inline-end: 0.125rem;\r\n          }\r\n\r\n          &:where(.checkbox, .radio) {\r\n            --_input-size: var(--size-3);\r\n          }\r\n        }\r\n\r\n        /* Leading and trailing content */\r\n        .start,\r\n        .end {\r\n          .avatar {\r\n            max-inline-size: var(--size-6);\r\n          }\r\n\r\n          .icon-button,\r\n          svg {\r\n            max-inline-size: var(--size-4);\r\n          }\r\n\r\n          .checkbox,\r\n          .radio {\r\n            --_input-size: var(--size-3);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Gutterless */\r\n    &.gutterless {\r\n      :where(li, option) {\r\n        padding-inline: 0;\r\n\r\n        &> :where(a, button, label) {\r\n          padding-inline: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* List item */\r\n    :where(li, option, [role=\"group\"] > label) {\r\n      align-items: center;\r\n      background-color: var(--_bg-color);\r\n      display: flex;\r\n      font-size: var(--font-size-05);\r\n      gap: var(--size-3);\r\n      isolation: isolate;\r\n      min-block-size: 40px;\r\n      padding: var(--size-2) var(--size-3);\r\n      position: relative;\r\n\r\n      &::before {\r\n        display: none;\r\n        /* removing checkmark from option */\r\n      }\r\n\r\n      * {\r\n        font-size: inherit;\r\n      }\r\n\r\n      /* Clickable list item */\r\n      &:has(> a, > button, > label) {\r\n        background: transparent;\r\n        display: block;\r\n        min-block-size: auto;\r\n        padding: 0;\r\n\r\n        &[aria-selected=\"true\"]> :where(a, button, label),\r\n        &[aria-selected=\"true\"],\r\n        &:has(> [aria-current=\"page\"])> :where(a, button, label) {\r\n          background-color: var(--_bg-color-hover);\r\n        }\r\n      }\r\n\r\n      /* Select option */\r\n      &:where(option) {\r\n        align-items: center;\r\n        background-color: var(--_bg-color);\r\n        color: inherit;\r\n        cursor: pointer;\r\n        display: flex;\r\n        gap: var(--size-3);\r\n        inline-size: 100%;\r\n        margin: 0;\r\n        min-block-size: 40px;\r\n        padding: var(--size-2) var(--size-3);\r\n        text-align: start;\r\n        text-decoration: none;\r\n        z-index: 0;\r\n\r\n        &:hover {\r\n          background-color: var(--_bg-color-hover);\r\n        }\r\n\r\n        &[aria-selected=\"true\"] {\r\n          background-color: var(--_bg-color-hover);\r\n          color: var(--primary);\r\n        }\r\n\r\n        &:checked {\r\n          background-color: oklch(from var(--primary) l c h / 30%);\r\n        }\r\n      }\r\n\r\n      &>a,\r\n      &>button,\r\n      &>label {\r\n        align-items: center;\r\n        background-color: var(--_bg-color);\r\n        color: inherit;\r\n        cursor: pointer;\r\n        display: flex;\r\n        gap: var(--size-3);\r\n        inline-size: 100%;\r\n        margin: 0;\r\n        min-block-size: 40px;\r\n        outline-offset: -3px;\r\n        padding: var(--size-2) var(--size-3);\r\n        text-align: start;\r\n        text-decoration: none;\r\n        z-index: 0;\r\n\r\n        &:hover {\r\n          background-color: var(--_bg-color-hover);\r\n        }\r\n\r\n        &[aria-selected=\"true\"],\r\n        &[aria-current=\"page\"] {\r\n          background-color: var(--_bg-color-hover);\r\n        }\r\n      }\r\n\r\n      /* Checkbox / Radio / Switch */\r\n      &>label {\r\n        &:where(.checkbox, .radio, .switch) {\r\n          display: flex;\r\n        }\r\n\r\n        .end {\r\n          padding-inline-end: var(--size-1);\r\n        }\r\n\r\n        &:where(.checkbox, .radio) {\r\n          inline-size: 100%;\r\n        }\r\n\r\n        /* Switches look comically big in lists, so it's better to use a smaller variant  */\r\n        &.switch {\r\n          --_dot-size: 0.75rem;\r\n          --_track-height: var(--size-4);\r\n          --_track-width: 2.5rem;\r\n        }\r\n      }\r\n\r\n      /* Video */\r\n      &:has(video) {\r\n        padding: 0.75rem var(--size-3) 0.75rem 0;\r\n      }\r\n\r\n      /* Border between list items */\r\n      &.border-top {\r\n        margin-block-start: var(--size-3);\r\n\r\n        &::before {\r\n          block-size: 1px;\r\n          border-block-start: 1px solid var(--border-color);\r\n          content: \"\";\r\n          display: block;\r\n          inline-size: 100%;\r\n          inset: calc(-1 * var(--size-2)) 0 auto 0;\r\n          position: absolute;\r\n        }\r\n      }\r\n\r\n      /* Text */\r\n      .text {\r\n        flex: 1;\r\n        line-height: 1.6;\r\n\r\n        :where(h1, h2, h3, h4, h5, h6, p, span) {\r\n          color: inherit;\r\n          font-weight: 400;\r\n        }\r\n\r\n        p+p {\r\n          color: var(--text-muted);\r\n          font-size: var(--font-size-0);\r\n        }\r\n      }\r\n\r\n      /* Leading content */\r\n      .start {\r\n        align-items: center;\r\n        align-self: center;\r\n        display: grid;\r\n        z-index: 1;\r\n\r\n        &:has(svg) {\r\n          max-inline-size: var(--size-5);\r\n        }\r\n\r\n        svg {\r\n          padding-block-start: 0.125rem;\r\n        }\r\n\r\n        img {\r\n          aspect-ratio: 1;\r\n          inline-size: 56px;\r\n          object-fit: cover;\r\n        }\r\n\r\n        video {\r\n          aspect-ratio: 16/9;\r\n          block-size: 64px;\r\n          object-fit: cover;\r\n        }\r\n      }\r\n\r\n      /* Trailing content */\r\n      .end {\r\n        align-items: center;\r\n        display: flex;\r\n        font-size: var(--font-size-0);\r\n        text-align: end;\r\n        z-index: 1;\r\n\r\n        &:not(:has(a, button, input)) {\r\n          pointer-events: none;\r\n        }\r\n\r\n        kbd {\r\n          background-color: transparent;\r\n          border: 0;\r\n          color: inherit;\r\n          opacity: 0.6;\r\n        }\r\n\r\n        svg {\r\n          inline-size: 100%;\r\n          max-inline-size: var(--size-5);\r\n        }\r\n      }\r\n\r\n      /* Inset */\r\n      &.inset {\r\n        .text {\r\n          padding-inline-start: calc(var(--size-5) + var(--size-3));\r\n        }\r\n\r\n        /* Safety measure so it won't look bad if there for some reason should exist a leading element inside. */\r\n        .start {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n  :where(.dialog) {\r\n    inline-size: 100%;\r\n    inset: 0;\r\n    margin: auto;\r\n    margin-block-start: 15%;\r\n    max-inline-size: calc(100% - var(--size-4));\r\n    padding-block: 0;\r\n    pointer-events: none;\r\n    position: fixed;\r\n\r\n    @media (width > 600px) {\r\n      max-inline-size: 60ch;\r\n    }\r\n\r\n    /* Animation */\r\n    /* There's no close animation, intentionally */\r\n    opacity: 0;\r\n\r\n    &::backdrop {\r\n      backdrop-filter: blur(1px);\r\n      background-color: rgba(0, 0, 0, 0.5);\r\n\r\n      @media (prefers-reduced-motion: reduce) {\r\n        backdrop-filter: none;\r\n      }\r\n    }\r\n\r\n    &:not([open]) {\r\n      display: none;\r\n    }\r\n\r\n    &[open] {\r\n      pointer-events: all;\r\n    }\r\n\r\n    .actions {\r\n      justify-content: end;\r\n      padding-inline: var(--size-3) var(--size-1);\r\n    }\r\n\r\n    &[open] {\r\n      opacity: 1;\r\n      transition: display 0.2s allow-discrete,\r\n        overlay 0.2s allow-discrete,\r\n        opacity 0.2s var(--ease-out-1);\r\n\r\n      @starting-style {\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      &[open] {\r\n        margin-block-start: 15%;\r\n\r\n        @starting-style {\r\n          opacity: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  :where(html:has(.dialog[open])) {\r\n    block-size: 100%;\r\n    overflow: hidden;\r\n  }\r\n}\r\n","@layer components.root {\r\n\t:where(dialog.drawer) {\r\n\t\t--_backdrop-bg-color: transparent;\r\n\t\t--_backdrop-blur: blur(2px);\r\n\t\t--_bg-color: var(--surface-default);\r\n\t\t--_block-size: min(80vb, 650px);\r\n\t\t--_border-color: var(--border-color);\r\n\t\t--_border-width: var(--border-width);\r\n\t\t--_color: var(--text-primary);\r\n\t\t--_content-padding: var(--size-4);\r\n\t\t--_footer-gap: var(--size-3);\r\n\t\t--_footer-padding: var(--size-3);\r\n\t\t--_header-font-size: var(--font-size-3);\r\n\t\t--_header-padding: var(--size-3);\r\n\t\t--_inline-size: min(375px, 100vi);\r\n\t\t--_shadow: var(--shadow-2);\r\n\t\t--_transition-duration: 0.2s;\r\n\t\t--_transition-timing: var(--ease-out-3);\r\n\r\n\t\tbackground-color: var(--_bg-color);\r\n\t\tborder: none;\r\n\t\tbox-shadow: var(--_shadow);\r\n\t\tcolor: var(--_color);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin: 0;\r\n\t\tmax-inline-size: 100%;\r\n\t\tpadding: 0;\r\n\t\tposition: fixed;\r\n\t\ttransition:\r\n\t\t\tdisplay var(--_transition-duration) allow-discrete,\r\n\t\t\toverlay var(--_transition-duration) allow-discrete,\r\n\t\t\ttranslate var(--_transition-duration) var(--_transition-timing);\r\n\t\tz-index: 1000;\r\n\r\n\t\t&::backdrop {\r\n\t\t\tbackdrop-filter: var(--_backdrop-blur);\r\n\t\t\tbackground-color: var(--_backdrop-bg-color);\r\n\t\t\topacity: 0;\r\n\t\t\ttransition:\r\n\t\t\t\tdisplay var(--_transition-duration) allow-discrete,\r\n\t\t\t\toverlay var(--_transition-duration) allow-discrete,\r\n\t\t\t\topacity var(--_transition-duration) var(--_transition-timing);\r\n\t\t}\r\n\r\n\t\t&.backdrop-transparent {\r\n\t\t\t--_backdrop-blur: none;\r\n\t\t}\r\n\r\n\t\t.header {\r\n\t\t\talign-items: center;\r\n\t\t\tborder-block-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tdisplay: flex;\r\n\t\t\tpadding: var(--_header-padding);\r\n\r\n\t\t\t:where(h1, h2, h3, h4, h5, h6) {\r\n\t\t\t\tfont-size: var(--_header-font-size);\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t:where(.icon-button) {\r\n\t\t\t\tmargin-inline-start: auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.content {\r\n\t\t\tflex: 1;\r\n\t\t\toverflow-y: auto;\r\n\t\t\tpadding: var(--_content-padding);\r\n\t\t}\r\n\r\n\t\t.footer {\r\n\t\t\tborder-block-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: var(--_footer-gap);\r\n\t\t\tjustify-content: end;\r\n\t\t\tpadding: var(--_footer-padding);\r\n\t\t}\r\n\r\n\t\t&.inline-start,\r\n\t\t&.inline-end {\r\n\t\t\tblock-size: 100dvb;\r\n\t\t\tinline-size: var(--_inline-size);\r\n\t\t\tinset-block: 0;\r\n\t\t\tmax-block-size: 100%;\r\n\t\t}\r\n\r\n\t\t&.inline-start {\r\n\t\t\tborder-inline-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-inline-end: auto;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\ttranslate: -100% 0;\r\n\t\t}\r\n\r\n\t\t&.inline-end {\r\n\t\t\tborder-inline-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-inline-end: 0;\r\n\t\t\tinset-inline-start: auto;\r\n\t\t\ttranslate: 100% 0;\r\n\r\n\t\t\t.footer {\r\n\t\t\t\tjustify-content: start;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.block-start,\r\n\t\t&.block-end {\r\n\t\t\tblock-size: var(--_block-size);\r\n\t\t\tinline-size: 100dvi;\r\n\t\t\tinset-inline: 0;\r\n\t\t\tmax-block-size: 80dvb;\r\n\t\t}\r\n\r\n\t\t&.block-start {\r\n\t\t\tborder-block-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-block-end: auto;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\ttranslate: 0 -100%;\r\n\t\t}\r\n\r\n\t\t&.block-end {\r\n\t\t\tborder-block-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-block-end: 0;\r\n\t\t\tinset-block-start: auto;\r\n\t\t\ttranslate: 0 100%;\r\n\t\t}\r\n\r\n\t\t&[open] {\r\n\t\t\ttranslate: 0 0;\r\n\r\n\t\t\t&::backdrop {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t@starting-style {\r\n\t\t\t\t&::backdrop {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.inline-start {\r\n\t\t\t\t\ttranslate: -100% 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.inline-end {\r\n\t\t\t\t\ttranslate: 100% 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.block-start {\r\n\t\t\t\t\ttranslate: 0 -100%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.block-end {\r\n\t\t\t\t\ttranslate: 0 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* Scroll-lock is provided by the shared `.scroll-lock` utility in core/utils.css.\r\n\t   This carve-out re-enables page scrolling when a transparent-backdrop drawer is\r\n\t   open on wide viewports (where the drawer doesn't visually cover the page). */\r\n\thtml:has(dialog.drawer.scroll-lock[open].backdrop-transparent) {\r\n\t\toverflow: unset;\r\n\t\toverscroll-behavior: auto;\r\n\r\n\t\t@media (width < 500px) {\r\n\t\t\toverflow: clip;\r\n\t\t\toverscroll-behavior: contain;\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.extended {\r\n\r\n  /* Form */\r\n  :where(.form) {\r\n    display: grid;\r\n    gap: var(--size-8);\r\n\r\n    hr {\r\n      margin-block: 0;\r\n    }\r\n  }\r\n\r\n  /* Fieldset */\r\n  :where(.fieldset) {\r\n    all: unset;\r\n    border: 0;\r\n    border-radius: 0;\r\n    display: grid;\r\n    gap: var(--size-1);\r\n    margin: 0;\r\n    min-inline-size: 0;\r\n    padding: 0;\r\n\r\n    /* Legend */\r\n    :where(legend, .legend) {\r\n      all: unset;\r\n      color: var(--text-primary);\r\n      font-weight: 600;\r\n      margin-block-end: var(--size-3);\r\n      padding: 0;\r\n\r\n      &:has(+ :where(.field-description)) {\r\n        margin-block-end: 0;\r\n      }\r\n    }\r\n\r\n    /* Field description / supporting text */\r\n    :where(.field-description) {\r\n      color: var(--text-muted);\r\n      font-size: var(--font-size-05);\r\n      line-height: var(--font-lineheight-3);\r\n\r\n      &:has(+ *) {\r\n        margin-block-end: var(--size-3);\r\n      }\r\n    }\r\n\r\n    /* End text */\r\n    :where(.end-text) {\r\n      color: var(--text-muted);\r\n      font-size: var(--font-size-0);\r\n      line-height: var(--font-lineheight-3);\r\n    }\r\n\r\n    &:has(.text-field.row) {\r\n      row-gap: var(--size-7);\r\n    }\r\n\r\n    /* Disabled */\r\n    &[disabled] {\r\n      opacity: 0.64;\r\n      user-select: none;\r\n\r\n      input,\r\n      label,\r\n      .label {\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n\r\n    /* Error / validation */\r\n    &[data-invalid] {\r\n      :where(.end-text) {\r\n        color: var(--primary);\r\n      }\r\n\r\n      :where(.checkbox, .radio, .switch) {\r\n        --palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n        :where(.end-text) {\r\n          color: var(--primary);\r\n        }\r\n      }\r\n\r\n      :where(.switch) {\r\n        input {\r\n          border-radius: var(--radius-round);\r\n          outline: 2px solid var(--primary);\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Required */\r\n    &:has(:invalid) {\r\n      :where(legend, .legend) {\r\n        padding-inline-end: 1ex;\r\n        position: relative;\r\n\r\n        &::after {\r\n          color: var(--red);\r\n          content: \"*\";\r\n          inset: 0 -0.25ex auto auto;\r\n          position: absolute;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Field group */\r\n  :where(.field-group) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--size-4);\r\n\r\n    /* If it only has checkboxes, radios, or switches */\r\n    &:has(> :where(.checkbox, .radio, .switch)):not(:has(> :not(.checkbox, .radio, .switch))) {\r\n      gap: var(--size-2);\r\n    }\r\n\r\n    /* If it only has buttons */\r\n    &:has(.button):not(:has(*:not(.button))) {\r\n      align-items: center;\r\n      flex-direction: row;\r\n      gap: var(--size-2);\r\n\r\n      /* If it's not preceeded by an hr */\r\n      &:not(hr + &) {\r\n        margin-block-start: var(--size-4);\r\n      }\r\n    }\r\n\r\n    &+& {\r\n      margin-block-start: var(--size-5);\r\n    }\r\n\r\n    /* Directions */\r\n    &.row {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n\r\n      &:has(> :where(.checkbox, .radio, .switch)) {\r\n        gap: var(--size-4);\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n\r\n  /*\r\n- Common styling for input, textarea and select\r\n- Form related styles such as: label, supporting text, error handling\r\n*/\r\n  :where(.text-field, .textarea, .select) {\r\n    --_accent-color: var(--primary);\r\n    --_bg-color: var(--surface-default);\r\n    --_border-color: var(--field-border-color);\r\n    --_field-padding-block: var(--size-2);\r\n    --_field-padding-inline: var(--size-2);\r\n    --_filled-border-color: var(--text-primary);\r\n    --_height: var(--field-size);\r\n    --_label-color: var(--text-muted);\r\n    --_end-text-color: var(--text-muted);\r\n\r\n    display: grid;\r\n    gap: var(--size-1) 0;\r\n    position: relative;\r\n\r\n    /* Field - the actual input with a border around it */\r\n    .field {\r\n      background-color: var(--_bg-color);\r\n      border: var(--field-border-width) solid var(--_border-color);\r\n      border-radius: var(--field-border-radius);\r\n      display: grid;\r\n      grid-column: 1/-1;\r\n      grid-row: 2;\r\n      grid-template-columns: auto 1fr auto;\r\n      grid-template-areas:\r\n        \"header header header\"\r\n        \"prefix input  suffix\"\r\n        \"footer footer footer\";\r\n      min-block-size: var(--_height);\r\n\r\n      @media (prefers-reduced-motion: no-preference) {\r\n        transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n      }\r\n    }\r\n\r\n    :where(.field input, .field textarea, .field select) {\r\n      background: transparent;\r\n      border: 0;\r\n      color: var(--text-primary);\r\n      font-family: var(--font-sans);\r\n      font-size: var(--font-size-1);\r\n      grid-area: input;\r\n      inline-size: 100%;\r\n      line-height: var(--font-lineheight-1);\r\n      min-inline-size: 0;\r\n      padding: var(--_field-padding-block) var(--_field-padding-inline);\r\n\r\n      &:focus,\r\n      &:focus-visible {\r\n        outline: 0;\r\n      }\r\n    }\r\n\r\n    /* Affixes */\r\n    .prefix,\r\n    .suffix {\r\n      align-items: center;\r\n      color: var(--_label-color);\r\n      display: inline-flex;\r\n      padding-inline: var(--_field-padding-inline);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prefix {\r\n      grid-area: prefix;\r\n    }\r\n\r\n    .suffix {\r\n      grid-area: suffix;\r\n    }\r\n\r\n    .header,\r\n    .footer {\r\n      align-items: center;\r\n      color: var(--_label-color);\r\n      display: flex;\r\n      font-size: var(--font-size-0);\r\n      gap: var(--size-2);\r\n      padding: var(--size-1) var(--_field-padding-inline);\r\n    }\r\n\r\n    .header {\r\n      border-block-end: 1px solid var(--_border-color);\r\n      grid-area: header;\r\n    }\r\n\r\n    .footer {\r\n      border-block-start: 1px solid var(--_border-color);\r\n      grid-area: footer;\r\n    }\r\n\r\n    /* Remove padding on the input when affixes are next to it */\r\n    .field:has(> .prefix) :where(input, textarea, select) {\r\n      padding-inline-start: 0;\r\n    }\r\n\r\n    .field:has(> .suffix) :where(input, textarea, select) {\r\n      padding-inline-end: 0;\r\n    }\r\n\r\n    /* Textarea - keep affix aligned with the first line */\r\n    &.textarea .field {\r\n\r\n      .prefix,\r\n      .suffix {\r\n        align-self: start;\r\n        padding-block: var(--_field-padding-block);\r\n      }\r\n    }\r\n\r\n    /* Required/Invalid */\r\n    &:has(:invalid) {\r\n      .label:after {\r\n        color: var(--red);\r\n        content: \"*\";\r\n        margin: -0.25em auto auto 0.25em;\r\n      }\r\n    }\r\n\r\n    /* File */\r\n    &:has(input[type=\"file\"]) {\r\n      cursor: pointer;\r\n\r\n      input {\r\n        align-self: flex-start;\r\n        block-size: var(--_height);\r\n        box-shadow: none;\r\n        color: var(--text-primary);\r\n        cursor: inherit;\r\n        max-inline-size: 100%;\r\n        padding: 0;\r\n        transition: font-size 0.2s var(--ease-3);\r\n\r\n        &::-webkit-file-upload-button,\r\n        &::file-selector-button {\r\n          background-color: var(--surface-tonal);\r\n          block-size: calc(100% - var(--size-2) * 2);\r\n          border: none;\r\n          border-radius: var(--field-border-radius);\r\n          cursor: pointer;\r\n          margin-block-start: var(--size-2);\r\n          margin-inline-end: 1ex;\r\n          margin-inline-start: var(--size-2);\r\n        }\r\n      }\r\n\r\n      /* Variants */\r\n      &.filled {\r\n        input {\r\n\r\n          &::-webkit-file-upload-button,\r\n          &::file-selector-button {\r\n            background-color: var(--surface-default);\r\n            block-size: calc(100% - var(--size-2) * 2);\r\n            border-radius: var(--field-border-radius);\r\n            cursor: pointer;\r\n            margin-block-start: var(--size-2);\r\n          }\r\n        }\r\n      }\r\n\r\n      /* Sizes */\r\n      &.small {\r\n        input {\r\n          font-size: var(--font-size-05);\r\n\r\n          &::-webkit-file-upload-button,\r\n          &::file-selector-button {\r\n            block-size: calc(100% - var(--size-2));\r\n            margin-block-start: var(--size-1);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Autosuggest */\r\n    &:has(input[list]) {\r\n      .label {\r\n        /* Make sure chevron is visible */\r\n        inline-size: calc(100% - var(--size-6));\r\n      }\r\n    }\r\n\r\n    /* Select */\r\n    &:has(select) {\r\n      .label {\r\n        /* Make sure chevron is visible */\r\n        inline-size: calc(100% - var(--size-6));\r\n\r\n      }\r\n    }\r\n\r\n    /* Customizable Select */\r\n    &:has(select button) {\r\n      select {\r\n        padding: 0;\r\n\r\n        button {\r\n          outline: 0;\r\n          padding: var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline);\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Non-customizable Select */\r\n    &:has(select):not(:has(button)) {\r\n      select {\r\n        padding: var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline);\r\n      }\r\n    }\r\n\r\n    /* Input - color */\r\n    &:has(input[type=\"color\"]) {\r\n      .field {\r\n        block-size: var(--_height);\r\n        inline-size: var(--_height);\r\n        min-block-size: 0;\r\n        overflow: hidden;\r\n      }\r\n\r\n      input {\r\n        appearance: none;\r\n        background: none;\r\n        block-size: var(--_height);\r\n        inline-size: var(--_height);\r\n        overflow: hidden;\r\n        padding: 0;\r\n\r\n        &::-webkit-color-swatch {\r\n          border: none;\r\n        }\r\n\r\n        &::-webkit-color-swatch-wrapper {\r\n          padding: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Element states */\r\n    &:hover {\r\n      &:not([data-invalid]) {\r\n        .field {\r\n          border-color: var(--text-primary);\r\n        }\r\n      }\r\n    }\r\n\r\n    &:focus-within {\r\n      .field {\r\n        border-color: var(--_accent-color);\r\n        outline-offset: -2px;\r\n      }\r\n    }\r\n\r\n    /* Label */\r\n    .label {\r\n      color: var(--text-primary);\r\n      font-size: var(--font-size-05);\r\n      font-weight: 600;\r\n      grid-column: 1/-1;\r\n      grid-row: 1;\r\n      padding-inline: 0 1ex;\r\n    }\r\n\r\n    /* End text */\r\n    :where(.end-text) {\r\n      color: var(--_end-text-color);\r\n      font-size: var(--font-size-0);\r\n      grid-column: 1/-1;\r\n      grid-row: 3;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    /* Auto-fit */\r\n    &.auto-fit {\r\n      inline-size: auto;\r\n\r\n      .field {\r\n        inline-size: auto;\r\n      }\r\n\r\n      :where(& input, & textarea) {\r\n        field-sizing: content;\r\n        inline-size: auto;\r\n        min-inline-size: 25ch;\r\n      }\r\n    }\r\n\r\n    /* Validation */\r\n    &[data-invalid],\r\n    &:has(:user-invalid) {\r\n      --_accent-color: var(--color-9);\r\n      --_border-color: var(--color-9);\r\n      --_filled-border-color: var(--color-9);\r\n      --_label-color: var(--color-9);\r\n      --_end-text-color: var(--color-9);\r\n    }\r\n\r\n    /*\r\n  * Variant: Filled\r\n  */\r\n    &.filled {\r\n      --_bg-color: var(--surface-tonal);\r\n\r\n      &:not(:has([disabled], :has(input[type=\"color\"]))) {\r\n\r\n        /* Hover */\r\n        &:hover {\r\n          --_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l * 0.93) c h),\r\n              oklch(from var(--surface-tonal) calc(l * 1.1) c h));\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Disabled */\r\n    &:where(:has([disabled])) {\r\n      cursor: not-allowed;\r\n      opacity: 0.64;\r\n      user-select: none;\r\n\r\n      &::before {\r\n        display: none;\r\n      }\r\n\r\n      .field {\r\n        cursor: not-allowed;\r\n      }\r\n\r\n      :where(input, textarea, select) {\r\n        cursor: not-allowed;\r\n\r\n        * {\r\n          pointer-events: none;\r\n        }\r\n      }\r\n\r\n      .label,\r\n      .start-text,\r\n      .end-text {\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n\r\n    /* Read-only */\r\n    &:where(:has([readonly])) {\r\n      &::before {\r\n        display: none;\r\n      }\r\n\r\n      :where(input, textarea, select) {\r\n        cursor: not-allowed;\r\n\r\n        * {\r\n          pointer-events: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Sizes */\r\n    &.small {\r\n      --_field-padding-block: var(--size-2);\r\n      --_height: var(--field-size-small);\r\n\r\n      &:has(input[type=\"color\"]) {\r\n        .label {\r\n          line-height: 1.5;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Orientation */\r\n    &.spread {\r\n      align-items: start;\r\n      column-gap: var(--size-4);\r\n      container-type: inline-size;\r\n      grid-template-columns: 1fr auto;\r\n\r\n      .label {\r\n        font-weight: 600;\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n      }\r\n\r\n      .start-text {\r\n        color: var(--_end-text-color);\r\n        font-size: var(--font-size-0);\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .field {\r\n        align-self: start;\r\n        grid-column: 2;\r\n        grid-row: 1 / span 2;\r\n      }\r\n\r\n      .field:has(textarea) {\r\n        grid-row: 1 / span 3;\r\n\r\n        +.end-text {\r\n          grid-row: 4;\r\n        }\r\n      }\r\n\r\n      :where(textarea) {\r\n        min-inline-size: 30ch;\r\n      }\r\n\r\n      :where(.end-text) {\r\n        grid-column: 2;\r\n        text-align: end;\r\n      }\r\n\r\n      /* Collapse to column on narrow containers */\r\n      @container (width < 400px) {\r\n        column-gap: 0;\r\n        grid-template-columns: 1fr;\r\n\r\n        .label {\r\n          grid-column: 1;\r\n          grid-row: 1;\r\n        }\r\n\r\n        .start-text {\r\n          grid-column: 1;\r\n          grid-row: 2;\r\n        }\r\n\r\n        .field,\r\n        .field:has(textarea) {\r\n          grid-column: 1;\r\n          grid-row: 3;\r\n        }\r\n\r\n        :where(.end-text) {\r\n          grid-column: 1;\r\n          grid-row: 4;\r\n          text-align: start;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n  :where(.select select) {\r\n    position: relative;\r\n\r\n    /* Default arrow */\r\n    &::picker-icon {\r\n      block-size: 0;\r\n      border-block-start: 5px solid;\r\n      border-inline: 5px solid transparent;\r\n      color: currentColor;\r\n      content: \"\";\r\n      inline-size: 0;\r\n      inset: 50% var(--size-3) auto auto;\r\n      pointer-events: none;\r\n      position: absolute;\r\n      translate: 0 -50%;\r\n    }\r\n\r\n    &:open {\r\n      &::picker-icon {\r\n        rotate: 180deg;\r\n      }\r\n    }\r\n\r\n    /* Select popover */\r\n    &::picker(select) {\r\n      /* Animation on-stage styles */\r\n      border: 0;\r\n      box-shadow: var(--shadow-2);\r\n      opacity: 1;\r\n      padding: 0;\r\n      scale: 1;\r\n\r\n      /* Animation starting styles */\r\n      @starting-style {\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n      }\r\n\r\n      @media (prefers-reduced-motion: no-preference) {\r\n        transition: display 0.2s allow-discrete, opacity 0.2s var(--ease-3),\r\n          overlay 0.2s allow-discrete, scale 0.2s var(--ease-3);\r\n      }\r\n    }\r\n\r\n    /* Animation off-stage styles */\r\n    &:not(:open)::picker(select) {\r\n      opacity: 0;\r\n      scale: 0.9;\r\n    }\r\n\r\n    button {\r\n      align-items: center;\r\n      background-color: transparent;\r\n      display: flex;\r\n      inline-size: 100%;\r\n      margin: 0;\r\n      position: relative;\r\n\r\n      selectedcontent {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    .list {\r\n      --_bg-color: var(--surface-filled);\r\n      border: var(--field-border-width) solid var(--field-border-color);\r\n      border-radius: var(--field-border-radius);\r\n\r\n      /* Groups */\r\n      [role=\"group\"] {\r\n        label {\r\n          background-color: light-dark(var(--gray-3), var(--gray-13));\r\n          color: light-dark(oklch(from var(--text-primary) calc(l * 0.75) c h),\r\n              oklch(from var(--text-primary) calc(l * 1.25) c h));\r\n          font-weight: 500;\r\n          overflow: hidden;\r\n          padding-inline: var(--size-2);\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n        }\r\n\r\n        &:not(:first-child),\r\n        option:first-of-type {\r\n          margin-block-start: var(--size-2);\r\n        }\r\n\r\n        option:last-of-type,\r\n        &:last-child {\r\n          option:last-of-type {\r\n            margin-block-end: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      /* Option */\r\n      option {\r\n\r\n        /* Checkmark */\r\n        /* TODO - checkmark should be the final version of the checkmark API. Follow the development of this and remove redundant psuedo stuff. */\r\n        &::check {\r\n          display: none;\r\n        }\r\n\r\n        &::checkmark {\r\n          display: none;\r\n        }\r\n\r\n        &::before {\r\n          display: none;\r\n        }\r\n\r\n        &:focus-visible {\r\n          outline-offset: -1px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  :where(.select:has(select)) {\r\n\r\n    /* Size */\r\n    &.small {\r\n      button {\r\n        padding-inline: var(--size-2) var(--size-7);\r\n\r\n        &::after {\r\n          inset-inline-end: var(--size-2);\r\n        }\r\n      }\r\n    }\r\n\r\n    /*\r\n    * Non-experimental Select\r\n    *\r\n    * Hack to get the arrow working. Pseudo elements aren't allowed on the `<select>` element, so need to add it on the `.select` class instead. Noting this down if an `:after` element would be needed on a `.select`.\r\n    */\r\n    &:not(:has(button)) {\r\n      select {\r\n        appearance: none;\r\n      }\r\n\r\n      /* Arrow */\r\n      &::after {\r\n        align-self: center;\r\n        block-size: 0;\r\n        border-block-start: 5px solid;\r\n        border-inline: 5px solid transparent;\r\n        content: \"\";\r\n        display: inline-block;\r\n        flex-shrink: 0;\r\n        grid-column: 1/-1;\r\n        grid-row: 2;\r\n        inline-size: 0;\r\n        inset-inline-end: var(--size-3);\r\n        justify-self: end;\r\n        pointer-events: none;\r\n        position: relative;\r\n      }\r\n    }\r\n  }\r\n\r\n  select:has(button),\r\n  ::picker(select) {\r\n    appearance: base-select;\r\n  }\r\n}\r\n","@layer components.extended {\r\n\r\n  :where(.text-field:has( :where(input[type=\"date\"],\r\n        input[type=\"datetime-local\"],\r\n        input[type=\"email\"],\r\n        input[type=\"month\"],\r\n        input[type=\"number\"],\r\n        input[type=\"password\"],\r\n        input[type=\"search\"],\r\n        input[type=\"tel\"],\r\n        input[type=\"text\"],\r\n        input[type=\"time\"],\r\n        input[type=\"url\"],\r\n        input[type=\"week\"]))) {\r\n\r\n    /* Sizes */\r\n    &.small {\r\n      input {\r\n        padding-inline: var(--size-2);\r\n      }\r\n    }\r\n  }\r\n\r\n  /* Autosuggest */\r\n  :where(.text-field:has(input[list])) {\r\n\r\n    /* Hide native arrow */\r\n    input::-webkit-calendar-picker-indicator {\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      position: absolute;\r\n    }\r\n  }\r\n\r\n  /* Arrow */\r\n  :where(.text-field:has(input[list]:placeholder-shown),\r\n    .text-field:has(input[list]):where(:focus-within, :hover)) {\r\n    &::after {\r\n      block-size: 0;\r\n      border-block-start: 5px solid;\r\n      border-inline: 5px solid transparent;\r\n      content: \"\";\r\n      display: inline-block;\r\n      flex-shrink: 0;\r\n      inline-size: 0;\r\n      inset: 50% var(--size-3) auto auto;\r\n      pointer-events: none;\r\n      position: absolute;\r\n      translate: 0 -50%;\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n  :where(.textarea) {\r\n    textarea {\r\n      block-size: auto;\r\n      field-sizing: content;\r\n      min-block-size: calc(var(--_field-padding-block) * 2 + (var(--border-width) * 2) + 3lh);\r\n      resize: vertical;\r\n    }\r\n\r\n    /* Size */\r\n    &.small {\r\n      textarea {\r\n        min-block-size: var(--size-9);\r\n      }\r\n    }\r\n\r\n    /* Auto-fit */\r\n    &.auto-fit {\r\n      textarea {\r\n        resize: both;\r\n      }\r\n    }\r\n  }\r\n}\r\n","@layer components.extended {\r\n\t:where(.tooltip) {\r\n\t\t--_tooltip-bg: light-dark(var(--gray-13), var(--gray-3));\r\n\t\t--_tooltip-color: light-dark(var(--gray-1), var(--gray-15));\r\n\t\t--_tooltip-offset: var(--size-2);\r\n\r\n\t\t&>.anchor-floating {\r\n\t\t\tbackground-color: var(--_tooltip-bg);\r\n\t\t\tborder-radius: var(--radius-2);\r\n\t\t\tcolor: var(--_tooltip-color);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tline-height: 1.3;\r\n\t\t\tmargin: var(--_tooltip-offset);\r\n\t\t\tmax-inline-size: 240px;\r\n\t\t\t/* UA sets overflow: auto on [popover], which clips the arrow. */\r\n\t\t\toverflow: visible;\r\n\t\t\tpadding-block: var(--size-1);\r\n\t\t\tpadding-inline: var(--size-2);\r\n\t\t\tposition-area: var(--anchor-position-area, block-start);\r\n\t\t\tposition-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\r\n\t\t\tposition-visibility: anchors-visible;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-wrap: pretty;\r\n\t\t}\r\n\r\n\t\t/* Optional arrow pointing from the tooltip toward the trigger.\r\n\t\t   Anchored to the same --anchor so it flips together with the\r\n\t\t   tooltip when position-try-fallbacks kicks in. */\r\n\t\t&.with-arrow {\r\n\t\t\t--_arrow-size: var(--size-2);\r\n\r\n\t\t\t&>.anchor-floating {\r\n\t\t\t\t/* Reserve space so the arrow doesn't overlap the trigger. */\r\n\t\t\t\t--_tooltip-offset: calc(var(--size-2) + var(--_arrow-size) / 2);\r\n\t\t\t}\r\n\r\n\t\t\t&>.anchor-floating::before {\r\n\t\t\t\tbackground-color: var(--_tooltip-bg);\r\n\t\t\t\tblock-size: var(--_arrow-size);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinline-size: var(--_arrow-size);\r\n\t\t\t\tinset-block-end: calc(var(--_arrow-size) / -2);\r\n\t\t\t\tinset-inline-start: 50%;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\trotate: 45deg;\r\n\t\t\t\ttranslate: -50% 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Fade */\r\n\t\t&>.anchor-floating[popover] {\r\n\t\t\topacity: 0;\r\n\t\t\ttransition:\r\n\t\t\t\tdisplay 0.15s allow-discrete,\r\n\t\t\t\topacity 0.15s var(--ease-out-1),\r\n\t\t\t\toverlay 0.15s allow-discrete;\r\n\r\n\t\t\t&:popover-open {\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t@starting-style {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"]}