opui-css 5.4.0 → 5.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +13 -1
  2. package/MIGRATING.md +5 -5
  3. package/README.md +4 -3
  4. package/components/AGENTS.md +4 -4
  5. package/components/Avatar/types.d.vue.ts +6 -5
  6. package/components/Badge/Badge.vue +4 -3
  7. package/components/Badge/types.d.vue.ts +2 -2
  8. package/components/Badge/types.ts +4 -0
  9. package/core/utils.css +2 -3
  10. package/css/components/accordion.css +7 -7
  11. package/css/components/badge.css +5 -5
  12. package/css/components/button-group.css +15 -29
  13. package/css/components/button.css +14 -30
  14. package/css/components/card.css +7 -6
  15. package/css/components/drawer.css +1 -3
  16. package/css/components/form.css +4 -5
  17. package/css/components/icon-button.css +12 -29
  18. package/css/components/range.css +8 -27
  19. package/css/components/select.css +8 -9
  20. package/css/components/toast.css +0 -3
  21. package/css/components/tooltip.css +6 -8
  22. package/css/components/typography.css +25 -30
  23. package/css/js/checkbox.js +1 -1
  24. package/css/theme.css +4 -5
  25. package/dist/opui.components.css +112 -191
  26. package/dist/opui.components.css.map +1 -1
  27. package/dist/opui.css +117 -198
  28. package/dist/opui.css.map +1 -1
  29. package/package.json +2 -2
package/dist/opui.components.css.map CHANGED
@@ -1 +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":["/*\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 --_motion: var(--motion, 1);\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 calc(0.1s * var(--_motion)) ease,\n color calc(0.1s * var(--_motion)) ease,\n border-color calc(0.1s * var(--_motion)) ease,\n box-shadow calc(0.1s * var(--_motion)) 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 --_motion: var(--motion, 1);\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 calc(0.1s * var(--_motion)) ease,\n color calc(0.1s * var(--_motion)) ease,\n border-color calc(0.1s * var(--_motion)) ease,\n box-shadow calc(0.1s * var(--_motion)) 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 transition:\n transform calc(0.2s * var(--_motion)) ease,\n background-color calc(0.1s * var(--_motion)) ease;\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 --_motion: var(--motion, 1);\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 transition: inline-size calc(0.2s * var(--_motion))\n var(--ease-out-4, cubic-bezier(0, 0, 0.1, 1));\n }\n\n &::-moz-progress-bar {\n background-color: var(--_accent-color);\n }\n }\n }\n\n :where(.ui-progress):has(> progress:indeterminate) {\n &::after {\n animation: indeterminate calc(2s * var(--motion, 1)) 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 @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 --_motion: var(--motion, 1);\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 transition: box-shadow calc(0.1s * var(--_motion)) ease;\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 transition: box-shadow calc(0.1s * var(--_motion)) ease;\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 --_motion: var(--motion, 1);\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: calc(0.2s * var(--_motion));\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 /* 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 /* 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 --_motion: var(--motion, 1);\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: calc(0.2s * var(--_motion)) var(--ease-1);\n --_transition: calc(0.2s * var(--_motion));\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 interpolate-size: allow-keywords;\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 --_motion: var(--motion, 1);\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\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 calc(0.2s * var(--_motion)) allow-discrete,\n overlay calc(0.2s * var(--_motion)) allow-discrete,\n opacity calc(0.2s * var(--_motion)) var(--ease-out-1);\n\n @starting-style {\n opacity: 0;\n }\n }\n\n &[open] {\n margin-block-start: 15%;\n\n @starting-style {\n opacity: 0;\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 --_motion: var(--motion, 1);\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: calc(0.2s * var(--_motion));\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 --_motion: var(--motion, 1);\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 transition: border-color calc(0.2s * var(--_motion))\n cubic-bezier(0.4, 0, 0.2, 1);\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 --_motion: var(--motion, 1);\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 transition:\n display calc(0.2s * var(--_motion)) allow-discrete,\n opacity calc(0.2s * var(--_motion)) var(--ease-3),\n overlay calc(0.2s * var(--_motion)) allow-discrete,\n scale calc(0.2s * var(--_motion)) var(--ease-3);\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"]}
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":["/*\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 --_motion: var(--motion, 1);\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(oklch(from var(--_accent) l 0.01 h / 10%),\n oklch(from var(--_accent) l 0.01 h / 20%));\n --_default-active-bg-color: light-dark(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(oklch(from var(--_accent) calc(l + 0.2) c h),\n oklch(from var(--_accent) calc(l - 0.1) c h));\n --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\n oklch(from var(--_accent) calc(l - 0.15) c h));\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 calc(0.1s * var(--_motion)) ease,\n color calc(0.1s * var(--_motion)) ease,\n border-color calc(0.1s * var(--_motion)) ease,\n box-shadow calc(0.1s * var(--_motion)) ease;\n user-select: none;\n\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(in oklch,\n var(--text-muted) 50%,\n var(--surface-default));\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 */\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 --_motion: var(--motion, 1);\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(oklch(from var(--_accent) l 0.01 h / 10%),\n oklch(from var(--_accent) l 0.01 h / 20%));\n --_default-active-bg-color: light-dark(oklch(from var(--_accent) l 0.06 h / 20%),\n oklch(from var(--_accent) l 0.06 h / 30%));\n --_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.2) c h),\n oklch(from var(--_accent) calc(l - 0.1) c h));\n --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\n oklch(from var(--_accent) calc(l - 0.15) c h));\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 calc(0.1s * var(--_motion)) ease,\n color calc(0.1s * var(--_motion)) ease,\n border-color calc(0.1s * var(--_motion)) ease,\n box-shadow calc(0.1s * var(--_motion)) 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 transition:\n transform calc(0.2s * var(--_motion)) ease,\n background-color calc(0.1s * var(--_motion)) ease;\n }\n\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(--_interaction-hover-color,\n var(--_default-hover-bg-color));\n }\n }\n\n &:where(:hover:active),\n &[aria-current=\"page\"] {\n &::before {\n background-color: var(--_interaction-active-color,\n var(--_default-active-bg-color));\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 font-size: var(--font-size-0);\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 --_motion: var(--motion, 1);\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 transition: inline-size calc(0.2s * var(--_motion))\n var(--ease-out-4, cubic-bezier(0, 0, 0.1, 1));\n }\n\n &::-moz-progress-bar {\n background-color: var(--_accent-color);\n }\n }\n }\n\n :where(.ui-progress):has(> progress:indeterminate) {\n &::after {\n animation: indeterminate calc(2s * var(--motion, 1)) 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 @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 --_motion: var(--motion, 1);\n display: grid;\n gap: var(--size-1) 0;\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 :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 :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 &: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 :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(to right,\n var(--_track-fill-color) var(--_track-fill, 0%),\n var(--_track-color) 0%);\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) var(--_thumb-highlight-color);\n cursor: ew-resize;\n inline-size: var(--_thumb-size);\n margin-block-start: var(--_thumb-offset);\n\n transition: box-shadow calc(0.1s * var(--_motion)) ease;\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) var(--_thumb-highlight-color);\n cursor: ew-resize;\n inline-size: var(--_thumb-size);\n margin-block-start: var(--_thumb-offset);\n\n transition: box-shadow calc(0.1s * var(--_motion)) ease;\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(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 &[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 --_motion: var(--motion, 1);\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: calc(0.2s * var(--_motion));\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 /* 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 /* 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 &[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 @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(oklch(from var(--text-muted) calc(l * 1.25) c h),\n oklch(from var(--text-muted) calc(l * 0.75) c h));\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(oklch(from var(--text-muted) calc(l * 1.25) c h),\n oklch(from var(--text-muted) calc(l * 0.75) c h));\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 */\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\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(oklch(from var(--text-muted) calc(l * 1.25) c h),\n oklch(from var(--text-muted) calc(l * 0.75) c h));\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: var(--font-size-0);\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(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 &.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 inherited from Button Group. */\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(from var(--_accent) calc(l - 0.15) c h);\n --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\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(oklch(from var(--_accent) calc(l - 0.1) c h),\n oklch(from var(--_accent) calc(l + 0.1) c h));\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(in oklch,\n var(--_divider-color) 40%,\n transparent);\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(in oklch,\n var(--_divider-color) 40%,\n transparent);\n }\n }\n }\n }\n }\n}\n","@layer components.extended {\n :where(details.ui-accordion) {\n --_motion: var(--motion, 1);\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: calc(0.2s * var(--_motion)) var(--ease-1);\n --_transition: calc(0.2s * var(--_motion));\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 interpolate-size: allow-keywords;\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 --_motion: var(--motion, 1);\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\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 calc(0.2s * var(--_motion)) allow-discrete,\n overlay calc(0.2s * var(--_motion)) allow-discrete,\n opacity calc(0.2s * var(--_motion)) var(--ease-out-1);\n\n @starting-style {\n opacity: 0;\n }\n }\n\n &[open] {\n margin-block-start: 15%;\n\n @starting-style {\n opacity: 0;\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 --_motion: var(--motion, 1);\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: calc(0.2s * var(--_motion));\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 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\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( :has(> :not(.ui-checkbox, .ui-radio, .ui-switch))) {\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 preceded 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 --_motion: var(--motion, 1);\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 transition: border-color calc(0.2s * var(--_motion))\n cubic-bezier(0.4, 0, 0.2, 1);\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 --_motion: var(--motion, 1);\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 transition: display calc(0.2s * var(--_motion)) allow-discrete,\n opacity calc(0.2s * var(--_motion)) var(--ease-3),\n overlay calc(0.2s * var(--_motion)) allow-discrete,\n scale calc(0.2s * var(--_motion)) var(--ease-3);\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(oklch(from var(--text-primary) calc(l * 0.75) c h),\n oklch(from var(--text-primary) calc(l * 1.25) c h));\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\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\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 /* Arrow */\n &.ui-with-arrow {\n --_arrow-size: var(--size-2);\n\n &>.ui-anchor-floating {\n /* Offset 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"]}