opui-css 5.0.0 → 5.1.0

package/dist/opui.components.css.map

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