winduum 0.7.0-next.7 → 0.7.0

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 (39) hide show
  1. package/README.md +2 -2
  2. package/dist/main.css +1 -1
  3. package/package.json +2 -4
  4. package/src/base/reset.css +1 -0
  5. package/src/components/field/default.css +1 -1
  6. package/src/ui/btn/loading.css +1 -1
  7. package/src/ui/check/default.css +3 -3
  8. package/src/ui/check/interactive.css +1 -1
  9. package/src/ui/color/default.css +1 -1
  10. package/src/ui/color/interactive.css +1 -1
  11. package/src/ui/control/color.css +1 -1
  12. package/src/ui/control/default.css +4 -4
  13. package/src/ui/control/floating-interactive.css +1 -1
  14. package/src/ui/control/floating.css +9 -9
  15. package/src/ui/control/icon.css +11 -17
  16. package/src/ui/control/index.css +4 -3
  17. package/src/ui/control/select-multiple.css +12 -0
  18. package/src/ui/control/select.css +5 -5
  19. package/src/ui/group/default.css +1 -1
  20. package/src/ui/group/vertical.css +1 -1
  21. package/src/ui/image/default.css +1 -1
  22. package/src/ui/notice/default.css +1 -1
  23. package/src/ui/switch/default.css +2 -2
  24. package/src/ui/switch/interactive.css +1 -1
  25. package/src/ui/text/default.css +30 -26
  26. package/src/utilities/swap/default.css +1 -1
  27. package/src/components/dialog/default-rgb.css +0 -3
  28. package/src/main-rgb.css +0 -11
  29. package/src/ui/badge/bordered-rgb.css +0 -3
  30. package/src/ui/badge/default-rgb.css +0 -9
  31. package/src/ui/btn/bordered-rgb.css +0 -3
  32. package/src/ui/btn/default-rgb.css +0 -9
  33. package/src/ui/btn/gradient-bordered-rgb.css +0 -17
  34. package/src/ui/check/default-rgb.css +0 -26
  35. package/src/ui/control/default-rgb.css +0 -22
  36. package/src/ui/notice/default-rgb.css +0 -6
  37. package/src/ui/progress/default-rgb.css +0 -3
  38. package/src/ui/switch/default-rgb.css +0 -11
  39. package/src/ui/text/default-rgb.css +0 -13
package/README.md CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  > Still in early development.
14
14
 
15
- Modern, modular, small CSS component framework build on top of **TailwindCSS**
15
+ Modern, modular, small modest CSS component framework build on top of **TailwindCSS**
16
16
 
17
17
  - 💡 Modern
18
18
  - 📦 Modular
@@ -26,4 +26,4 @@ Essentially provides ways to leverage use of **CSS properties** as much possible
26
26
  Its approach to **TailwindCSS** is little different. It encourages to write components in CSS or other (pre/post)-processors.
27
27
  And to use utility classes to enhance the components.
28
28
 
29
- As a CSS framework it provides only basic UI components. You can extend them with your own components or only use [TailwindCSS plugin](https://winduum.dev/docs/config) with its benefits and make your own complex UX/UI project written mostly in CSS/SASS/LESS.
29
+ As a CSS framework it provides basic web standardized and accessible components. You can extend them with your own components or only use [TailwindCSS plugin](https://winduum.dev/docs/config) with its benefits and make your own complex UX/UI project written mostly in CSS/SASS/LESS.
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- :where(a),:where(address),:where(button),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(html),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(p),:where(pre),:where(select),:where(summary),:where(table),:where(td),:where(textarea),:where(th),:where(thead),:where(time),:where(tr),:where(ul),:where(progress),:where(meter){all:unset;display:revert}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary),:where(pre>code){display:block}:where(code),:where(kbd),:where(samp),:where(pre){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where(*),:where(*):before,:where(*):after{box-sizing:border-box;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(sub,sup){vertical-align:baseline;font-size:100%}:where(sub){font-variant-position:sub}:where(sup){font-variant-position:super}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style-type:""}:where(img,iframe){max-inline-size:100%;max-block-size:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;cursor:revert}:where(textarea){white-space:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(input)::-webkit-datetime-edit-fields-wrapper,:where(input)::-webkit-datetime-edit-text,:where(input)::-webkit-datetime-edit,:where(input)::-webkit-datetime-edit-hour-field,:where(input)::-webkit-datetime-edit-minute-field{padding:0}:where(input)::-webkit-calendar-picker-indicator,:where(input)::-webkit-search-cancel-button{align-self:center;background-position:50% 50%}::-webkit-details-marker{display:none}:after,:before{--tw-content: ""}:where(*),:where(*):before,:where(*):after{border:0 solid currentColor}::-moz-selection{color:var(--color-light);background-color:var(--color-primary)}::selection{color:var(--color-light);background-color:var(--color-primary)}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where(summary:not([aria-disabled=true])),:where([role=button]:not([aria-disabled=true])){cursor:var(--cursor, pointer);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(hr){--tw-border-opacity: .15;border-block-start:1px solid color-mix(in var(--space),currentColor calc(var(--tw-border-opacity) * 100%),transparent);border-radius:var(--rounded);width:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--rounded-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--rounded-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--scheme);font-family:var(--font-primary);font-weight:var(--font-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:root,:host{--font-default: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary: var(--font-default);--font-secondary: var(--font-default);--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain;--mask-star: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>') no-repeat 50% 50% / contain;--rounded: var(--rounded-xl);--rounded-xs: .125rem;--rounded-sm: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-2xl: 1rem;--rounded-3xl: 1.5rem;--rounded-4xl: 2rem;--rounded-5xl: 2.5rem;--rounded-6xl: 3rem;--rounded-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 1.75rem;--spacing-4xl: 2rem;--spacing-5xl: 2.5rem;--spacing-6xl: 3rem;--spacing-7xl: 3.5rem;--spacing-8xl: 4rem;--spacing-9xl: 5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--transition: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-all: all var(--duration) var(--ease-in-out);--transition-color: color var(--duration) var(--ease-in-out);--transition-background: background var(--duration) var(--ease-in-out);--transition-opacity: opacity var(--duration) var(--ease-in-out);--transition-transform: transform var(--duration) var(--ease-in-out);--transition-border: border-color var(--duration) var(--ease-in-out);--transition-shadow: box-shadow var(--duration) var(--ease-in-out);--duration: .15s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion){:root,:host{--duration: 0}}:root,:host{--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}:root,:host{--space: sRGB;--scheme: light;--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground);--color-primary: #3b82f6;--color-primary-foreground: var(--color-light);--color-main: #171717;--color-main-foreground: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in var(--space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--space), var(--color-main) 50%, var(--color-main-foreground));--color-body: #fff;--color-body-foreground: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in var(--space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--space), var(--color-body) 90%, var(--color-body-foreground));--color-light: #fff;--color-light-foreground: var(--color-dark);--color-dark: #171717;--color-dark-foreground: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}@media (color-gamut: p3){:root,:host{--color-primary: color(display-p3 .23 .51 .96);--color-main: color(display-p3 .09 .09 .09);--color-body: color(display-p3 1 1 1);--color-light: color(display-p3 1 1 1);--color-dark: color(display-p3 .09 .09 .09);--color-success: color(display-p3 .09 .64 .29);--color-error: color(display-p3 .86 .15 .15);--color-warning: color(display-p3 .92 .7 .03);--color-info: color(display-p3 .05 .65 .91)}}:root.dark,:host.dark{--scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.ui-badge{--tw-bg-opacity: 1;--tw-text-opacity: 1;--tw-bg-mix: transparent;--tw-text-mix: transparent;width:var(--ui-badge-width);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius, var(--rounded-lg));font-family:var(--ui-badge-font-family);font-weight:var(--ui-badge-font-weight);font-size:var(--ui-badge-font-size);letter-spacing:var(--ui-badge-letter-spacing);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:color-mix(in var(--space),var(--color-accent-foreground) calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));gap:var(--ui-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--ui-badge-font-size: var(--text-xs);--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-gap: var(--spacing-xs)}.ui-badge:is(.sm){--ui-badge-height: 1.25rem;--ui-badge-font-size: .625rem}.ui-badge:is(.lg){--ui-badge-height: 1.75rem}.ui-badge:where(.bordered){--ui-badge-border-width: 1px;--tw-border-opacity: 1;border:var(--ui-badge-border-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),transparent);padding-inline:calc(var(--ui-badge-px) - var(--ui-badge-border-width))}.ui-badge:is(.bordered){--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 0}.ui-badge:is(.muted){--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 10%}.ui-badge:is(.square){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}.ui-badge:is(.circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height);--ui-badge-border-radius: var(--rounded-full)}.ui-btn{--tw-bg-opacity: 1;--tw-text-opacity: 1;--tw-bg-mix: transparent;--tw-text-mix: transparent;inline-size:var(--ui-btn-width);block-size:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius);font-family:var(--ui-btn-font-family);font-size:var(--ui-btn-font-size);font-weight:var(--ui-btn-font-weight);letter-spacing:var(--ui-btn-letter-spacing);background-color:color-mix(in var(--space),var(--ui-btn-bg, var(--color-accent)) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:color-mix(in var(--space),var(--ui-btn-color, var(--color-accent-foreground)) calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));gap:var(--ui-btn-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:clip;display:inline-flex;text-align:center;align-items:center;justify-content:center;position:relative;line-height:1;flex-shrink:0;z-index:0}.ui-btn:where(.accent-main){--ui-btn-hover-bg-mix: var(--color-main-foreground)}.ui-btn:where(.accent-body){--ui-btn-hover-bg-mix: var(--color-body-foreground)}.ui-btn:where(.accent-light){--ui-btn-hover-bg-mix: var(--color-light-foreground)}.ui-btn:where(.accent-dark){--ui-btn-hover-bg-mix: var(--color-dark-foreground)}.ui-btn:where(input):after{content:attr(aria-label)}:root,:host{--ui-btn-border-radius: var(--rounded);--ui-btn-font-size: var(--text-sm);--ui-btn-font-weight: var(--font-medium);--ui-btn-gap: var(--spacing-sm);--ui-btn-outline-width: 2px;--ui-btn-height: 2.25rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem}.ui-btn{--ui-btn-hover-color: var(--color-accent-foreground);--ui-btn-active-color: var(--color-accent-foreground);--tw-outline-opacity: 0;--tw-outline-mix: transparent;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);outline:var(--ui-btn-outline-width) solid transparent;outline-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-btn-outline-offset)}.ui-btn:is([href],button,[role=button],input){cursor:var(--cursor, pointer)}.ui-btn:is([href],button,[role=button],input):disabled{opacity:var(--ui-btn-disabled-opacity);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.ui-btn:is([href],button,[role=button],input):not(:disabled):hover{--ui-btn-color: var(--ui-btn-hover-color);--tw-bg-mix: var(--ui-btn-hover-bg-mix);--tw-bg-opacity: var(--ui-btn-hover-bg-opacity)}}.ui-btn:is([href],button,[role=button],input):not(:disabled):focus{--ui-btn-outline-offset: var(--ui-btn-focus-outline-offset);--tw-outline-opacity: var(--ui-btn-focus-outline-opacity)}.ui-btn:is([href],button,[role=button],input):not(:disabled):is(:active,:checked,.active){--ui-btn-color: var(--ui-btn-active-color);--tw-bg-mix: var(--ui-btn-active-bg-mix);--tw-bg-opacity: var(--ui-btn-active-bg-opacity)}:root,:host{--ui-btn-disabled-opacity: .75;--ui-btn-hover-bg-mix: var(--color-dark);--ui-btn-hover-bg-opacity: .8;--ui-btn-focus-outline-offset: 2px;--ui-btn-focus-outline-opacity: .5;--ui-btn-active-bg-mix: var(--color-dark);--ui-btn-active-bg-opacity: .9}.ui-btn:is(.sm){--ui-btn-height: 2rem;--ui-btn-px: 1rem}.ui-btn:is(.lg){--ui-btn-height: 3rem;--ui-btn-px: 1.75rem}.ui-btn:is(.loading){pointer-events:none;color:transparent}.ui-btn:is(.loading)>*{opacity:0}.ui-btn:is(.loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid var(--color-accent-foreground);border-right-color:transparent;border-radius:50%;animation:spin .45s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}:root,:host{--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px}.ui-btn:where(.wide){padding-inline:calc(var(--ui-btn-px) * 1.5)}.ui-btn:where(.bordered){--ui-btn-border-width: 1px;--tw-border-opacity: .3;border:var(--ui-btn-border-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),transparent);padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.bordered){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 0}.ui-btn:is(.ghosted){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 0%}.ui-btn:is(.hover-fill){--ui-btn-hover-bg-mix: var(--color-dark);--ui-btn-hover-bg-opacity: 1;--ui-btn-active-bg-mix: var(--color-dark);--ui-btn-active-bg-opacity: .9;--ui-btn-hover-color: var(--color-light);--ui-btn-active-color: var(--color-light)}.ui-btn:where(.gradient):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in var(--space),var(--tw-bg-mix) calc(100% - var(--tw-bg-opacity) * 100%),transparent);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):before{content:"";position:absolute;background-color:color-mix(in var(--space),var(--color-body) calc(100% - var(--tw-bg-opacity) * 100%),transparent);inset:var(--ui-btn-border-width);border-radius:calc(var(--ui-btn-border-radius, var(--rounded)) / 1.25);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):where(.hover-fill):before{background-color:color-mix(in var(--space),var(--color-body) calc(var(--tw-bg-opacity) * 100%),transparent)}.ui-btn:is(.gradient-bordered){--ui-btn-border-width: 2px;--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: 0;--color-accent-foreground: var(--color-main);--tw-bg-opacity: 0}.ui-btn:is(.gradient-bordered):is(.hover-fill){--tw-bg-opacity: 1}.ui-btn:is(.muted){--ui-btn-hover-bg-mix: transparent;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--ui-btn-hover-bg-opacity: .3;--color-accent-foreground: var(--color-accent);--tw-bg-opacity: .1}.ui-btn:where(.raised){--ui-btn-border-width: 2px;--tw-border-opacity: .85;border:var(--ui-btn-border-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),var(--color-accent-foreground));padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.square){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height)}.ui-btn:is(.circle){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height);--ui-btn-border-radius: var(--rounded-full)}:root,:host{--ui-check-size: 1.25rem;--ui-check-icon-size: 1.125rem;--ui-check-gap: var(--spacing-md);--ui-check-font-size: var(--text-sm);--ui-check-line-height: calc(1em + .25lh) ;--ui-check-border-radius: var(--rounded-md);--ui-check-border-width: 1px;--ui-check-bg: currentColor;--ui-check-border-color: currentColor;--ui-check-outline-width: 3px}.ui-check{--ui-check-checked-bg: var(--color-accent);font-weight:var(--ui-check-font-weight);font-size:var(--ui-check-font-size);line-height:var(--ui-check-line-height);letter-spacing:var(--ui-check-letter-spacing);gap:var(--ui-check-gap);display:inline-flex;text-wrap:balance}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-2w-2t-2r-2z-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-15]:not(.does-not-exist){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check:has([type=radio]){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check :where(a){color:var(--color-accent);text-decoration:underline}.ui-check :where(input){--tw-border-opacity: .2;--tw-border-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;--tw-bg-opacity: 0;--tw-bg-mix: transparent;width:var(--ui-check-size);height:var(--ui-check-size);border-radius:var(--ui-check-border-radius);background-color:color-mix(in var(--space),var(--ui-check-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));border:var(--ui-check-border-width) solid color-mix(in var(--space),var(--ui-check-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));outline:var(--ui-check-outline-width) solid color-mix(in var(--space),var(--ui-check-checked-bg) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-check-outline-offset);display:flex;flex-shrink:0}.ui-check :where(input):before{width:var(--ui-check-icon-size);height:var(--ui-check-icon-size);color:var(--color-accent-foreground);-webkit-mask:var(--ui-check-icon, var(--mask-check));mask:var(--ui-check-icon, var(--mask-check));transition:inherit;content:"";background-color:currentColor;opacity:0;transform:scale(0);will-change:transform;margin:auto}:is(.ui-check :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}:root,:host{--ui-check-disabled-opacity: .5}.ui-check :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-check :where(input):enabled:is(:hover,:focus-visible){--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-bg: var(--ui-check-checked-bg);--tw-border-opacity: .75;--tw-bg-opacity: .1}.ui-check :where(input):enabled:focus{--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-outline-offset: var(--ui-check-focus-outline-offset);--tw-border-opacity: .75;--tw-outline-opacity: .2}.ui-check :where(input):disabled{--tw-bg-opacity: .15;cursor:not-allowed;opacity:var(--ui-check-disabled-opacity)}.ui-check :where(input):where([type=checkbox]):indeterminate{--ui-check-icon: var(--mask-indeterminate)}.ui-check :where(input):is(:checked,[type=checkbox]:indeterminate){--ui-check-bg: var(--ui-check-checked-bg);--tw-bg-opacity: 1;--tw-border-opacity: 0}.ui-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:1;transform:scale(1)}.ui-check.invalid,.validated .ui-check :where(input):invalid{--ui-check-border-color: var(--color-error);--ui-check-checked-bg: var(--color-error);--color-accent-foreground: var(--color-error);--tw-border-opacity: 1}:root,:host{--ui-color-primary: currentColor;--ui-color-secondary: transparent;--ui-color-size: 1.75rem;--ui-color-p: var(--spacing-xs);--ui-color-outline-width: 3px;--ui-color-outline-color: var(--ui-color-border-color);--ui-color-border-width: 2px;--ui-color-border-color: currentColor;--ui-color-border-radius: var(--rounded-full)}.ui-color{display:inline-flex}.ui-color :where(input){--tw-border-opacity: .1;--tw-border-mix: transparent;--tw-outline-opacity: 0;width:var(--ui-color-size);height:var(--ui-color-size);padding:var(--ui-color-p);border-radius:var(--ui-color-border-radius);border:var(--ui-color-border-width) solid color-mix(in var(--space),var(--ui-color-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix, transparent));outline:var(--ui-color-outline-width) solid color-mix(in var(--space),var(--ui-color-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix, transparent));outline-offset:var(--ui-check-outline-offset);display:inline-grid}.ui-color :where(input):before,.ui-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.ui-color :where(input):before{background-color:var(--ui-color-primary);border-color:inherit}.ui-color :where(input):after{background-color:var(--ui-color-secondary);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}:root,:host{--ui-color-disabled-opacity: .5}.ui-color :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-color :where(input):where(:disabled){cursor:not-allowed}.ui-color :where(input):where(:disabled):before,.ui-color :where(input):where(:disabled):after{opacity:var(--ui-color-disabled-opacity)}.ui-color :where(input):where(:enabled):is(:hover){--tw-border-opacity: .3}.ui-color :where(input):where(:enabled):is(:focus-visible){--tw-border-opacity: 1;--tw-outline-opacity: .2}.ui-color :where(input):is(:checked){--tw-border-opacity: 1}:root,:host{--ui-control-height: 3rem;--ui-control-height-textarea: 8rem;--ui-control-px: .75rem;--ui-control-py: .75rem;--ui-control-border-width: 1px;--ui-control-font-weight: var(--font-medium);--ui-control-font-size: var(--text-sm);--ui-control-bg: transparent;--ui-control-color: currentColor;--ui-control-border-radius: var(--rounded);--ui-control-border-color: currentColor;--ui-control-outline-width: 3px;--ui-control-placeholder-color: currentColor;--ui-control-placeholder-opacity: .5}.ui-control{--tw-border-opacity: .15;--tw-border-mix: transparent;--tw-bg-opacity: 1;--tw-bg-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;display:grid;block-size:var(--ui-control-height);font-family:var(--ui-contro-font-family);font-weight:var(--ui-control-font-weight);font-size:var(--ui-control-font-size);letter-spacing:var(--ui-control-letter-spacing);background-color:color-mix(in var(--space),var(--ui-control-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:var(--ui-control-color);border-radius:var(--ui-control-border-radius);border:var(--ui-control-border-width) solid color-mix(in var(--space),var(--ui-control-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));outline:var(--ui-control-outline-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-control-outline-offset);grid-template:[c-control-start] calc(var(--ui-control-py) - var(--ui-control-border-width)) [c-control-p] 1fr calc(var(--ui-control-py) - var(--ui-control-border-width)) [c-control-end] / [c-control-start] var(--ui-control-px) [c-control-p] 1fr var(--ui-control-px) [c-control-end]}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15]:not(does-not-exist){height:auto}.ui-control:has(textarea){height:auto}.ui-control>:where(*){grid-area:c-control-p;align-self:center}.ui-control>:where(input,textarea,select){padding-block:var(--ui-control-py);padding-inline:calc(var(--ui-control-px) + var(--ui-control-ps, 0rem)) calc(var(--ui-control-px) + var(--ui-control-pe, 0rem));grid-area:c-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center}.ui-control>:where(input,textarea,select):disabled{cursor:not-allowed}.ui-control>:where(input,textarea)::-moz-placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control>:where(input,textarea)::placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control>:where(textarea){min-block-size:var(--ui-control-height-textarea);resize:vertical}.ui-control{transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-control:focus-within{--ui-control-border-color: var(--color-accent);--ui-control-outline-offset: var(--ui-control-focus-outline-offset);--tw-border-opacity: 1;--tw-outline-opacity: .2}.ui-control.disabled,.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2s-2x-37-2p-2q-30-2t-2s-15]:not(.does-not-exist){--ui-control-bg: currentColor;--tw-bg-opacity: var(--ui-control-disabled-opacity)}.ui-control.disabled,.ui-control:has(:disabled){--ui-control-bg: currentColor;--tw-bg-opacity: var(--ui-control-disabled-opacity)}.ui-control.invalid,.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--ui-control-bg: var(--color-error);--color-accent: var(--color-error);--tw-border-opacity: 1;--tw-bg-opacity: var(--ui-control-invalid-bg-opacity, .1)}.ui-control.invalid,.validated .ui-control:has(:invalid){--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--ui-control-bg: var(--color-error);--color-accent: var(--color-error);--tw-border-opacity: 1;--tw-bg-opacity: var(--ui-control-invalid-bg-opacity, .1)}.ui-control>:where(input)::-webkit-color-swatch-wrapper{width:var(--ui-control-color-swatch-width);height:var(--ui-control-color-swatch-height);padding:0}.ui-control>:where(input)::-moz-color-swatch{width:var(--ui-control-color-swatch-width);height:var(--ui-control-color-swatch-height);border-radius:var(--ui-control-color-swatch-border-radius);margin:0}.ui-control>:where(input)::-webkit-color-swatch{border-radius:var(--ui-control-color-swatch-border-radius)}[type=color]:is(.ui-control>:where(input))~label{margin-inline-start:calc(var(--ui-control-px) + var(--ui-control-color-swatch-width))}:root,:host{--ui-control-color-swatch-width: 1.25rem;--ui-control-color-swatch-height: 1.25rem;--ui-control-color-swatch-border-radius: var(--rounded-full)}.ui-control{--ui-control-s: calc(var(--ui-control-icon-count-s, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap));--ui-control-e: calc(var(--ui-control-icon-count-e, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-37-38-2p-36-38-15]:not(.does-not-exist){--ui-control-ps: calc(var(--ui-control-s) + var(--ui-control-px))}.ui-control:has(.start){--ui-control-ps: calc(var(--ui-control-s) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2t-32-2s-15]:not(.does-not-exist){--ui-control-pe: calc(var(--ui-control-e) + var(--ui-control-px))}.ui-control:has(.end){--ui-control-pe: calc(var(--ui-control-e) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-37-38-2p-36-38-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-s: 2}.ui-control:has(.start>*:nth-child(2)){--ui-control-icon-count-s: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2t-32-2s-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(.end>*:nth-child(2)){--ui-control-icon-count-e: 2}.ui-control :where(.start){margin-inline-end:auto}.ui-control :where(.end){margin-inline-start:auto}.ui-control :where(.start,.end){gap:var(--ui-control-icon-gap);display:flex;align-items:center}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1m-3b-2w-2t-36-2t-14-1a-37-38-2p-36-38-18-w-1a-2t-32-2s-15]:not(does-not-exist){align-self:start}.ui-control:has(textarea) :where(.start,.end){align-self:start}:root,:host{--ui-control-icon-size: 1.25rem;--ui-control-icon-gap: .375rem}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]){overflow:clip}.ui-control:where(:has([type=file])){overflow:clip}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15])>:where([type=file]){--color-accent: currentColor;--tw-bg-opacity: .15}.ui-control:where(:has([type=file]))>:where([type=file]){--color-accent: currentColor;--tw-bg-opacity: .15}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15])>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent);block-size:calc(var(--ui-control-height) - var(--ui-control-border-width) * 2);padding-inline:var(--ui-control-px);margin-inline:calc(var(--ui-control-px) * -1) var(--ui-control-px);margin-block-start:calc(var(--ui-control-py) * -1);border-start-end-radius:var(--ui-control-border-radius, var(--rounded));border-end-end-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.ui-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent);block-size:calc(var(--ui-control-height) - var(--ui-control-border-width) * 2);padding-inline:var(--ui-control-px);margin-inline:calc(var(--ui-control-px) * -1) var(--ui-control-px);margin-block-start:calc(var(--ui-control-py) * -1);border-start-end-radius:var(--ui-control-border-radius, var(--rounded));border-end-end-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15])>:where([type=file]):is(:hover,:focus){--tw-bg-opacity: .2}.ui-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--tw-bg-opacity: .2}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(label){margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity)}.ui-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity)}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)):where([csstools-has-1m-2w-2p-37-14-1m-36-2t-35-39-2x-36-2t-2s-15]) :where(label):after{color:var(--color-error);content:" *"}.ui-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--color-error);content:" *"}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(textarea))+:where(label){align-self:start}:is(.ui-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-calendar-picker-indicator,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-search-cancel-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-outer-spin-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}:root,:host{--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-label-focus-opacity: .5;--ui-control-placeholder-color: transparent}.ui-control:where(:has(:not([type=color])~label)){--ui-control-label-focus-opacity: .5;--ui-control-placeholder-color: transparent}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}:is(.ui-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}:is(.ui-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist){--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.ui-control:has(select){--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2t-32-2s-15]:not(.does-not-exist):not(does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(select):has(.end){--ui-control-icon-count-e: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-w-1m-3b-2w-2t-36-2t-14-1a-2t-32-2s-15]:not(does-not-exist){margin-inline-end:var(--ui-control-select-icon-size)}.ui-control:has(select) :where(.end){margin-inline-end:var(--ui-control-select-icon-size)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist):after{width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--ui-control-select-icon-me);grid-area:c-control-p;background-color:currentColor;pointer-events:none;align-self:center;content:""}.ui-control:has(select):after{width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--ui-control-select-icon-me);grid-area:c-control-p;background-color:currentColor;pointer-events:none;align-self:center;content:""}:root,:host{--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem}.ui-group{display:flex;border-radius:var(--rounded)}.js-has-pseudo [csstools-has-1a-39-2x-19-2v-36-33-39-34-1m-2w-2p-37-14-1a-39-2x-19-2r-33-32-38-36-33-30-15-w-1q-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2q-38-32-15]:not(.does-not-exist){min-width:var(--ui-control-height);height:auto}.ui-group:has(.ui-control)>:where(.ui-btn){min-width:var(--ui-control-height);height:auto}.js-has-pseudo [csstools-has-1a-39-2x-19-2v-36-33-39-34-1m-2w-2p-37-14-1a-39-2x-19-2r-33-32-38-36-33-30-15-w-1q-w-1m-2x-37-14-1a-39-2x-19-2q-38-32-15]:not(.does-not-exist):not(.does-not-exist){--ui-btn-border-width: var(--ui-control-border-width)}.ui-group:has(.ui-control)>:is(.ui-btn){--ui-btn-border-width: var(--ui-control-border-width)}.ui-group>:where(*){border-radius:inherit}.ui-group>:where(*):is(.ui-control){--tw-border-mix: var(--color-body-primary)}.ui-group>:where(*):is(.ui-btn){--ui-btn-focus-outline-offset: 0}.ui-group>:where(*):focus-within{z-index:1}.ui-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--ui-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.ui-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.ui-group:where(.vertical){flex-direction:column}.ui-group:where(.vertical)>:where(*){border-radius:inherit}.ui-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--ui-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.ui-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--ui-heading-font-family: var(--font-primary);--ui-heading-font-weight: var(--font-semibold);--ui-heading-font-size: var(--text-xl);--ui-heading-line-height: calc(1em + .25lh) }.ui-heading{font-family:var(--ui-heading-font-family);font-weight:var(--ui-heading-font-weight);font-size:var(--ui-heading-font-size);line-height:var(--ui-heading-line-height);letter-spacing:var(--ui-heading-letter-spacing);text-wrap:balance}.ui-heading:is(.sm){--ui-heading-font-size: var(--text-lg)}.ui-heading:is(.lg){--ui-heading-font-size: var(--text-3xl)}.ui-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.ui-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.ui-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}:root,:host{--ui-info-font-size: var(--text-xs);--ui-info-line-height: calc(1em + .15lh) }.ui-info{font-family:var(--ui-info-font-family);font-weight:var(--ui-info-font-weight);font-size:var(--ui-info-font-size);line-height:var(--ui-info-line-height);letter-spacing:var(--ui-info-letter-spacing);text-wrap:balance}:root,:host{--ui-label-font-size: var(--text-sm);--ui-label-line-height: calc(1em + .15lh) }.ui-label{font-family:var(--ui-label-font-family);font-weight:var(--ui-label-font-weight);font-size:var(--ui-label-font-size);line-height:var(--ui-label-line-height);letter-spacing:var(--ui-label-letter-spacing);text-wrap:balance}.ui-link{font-family:var(--ui-link-font-family);font-weight:var(--ui-link-font-weight);font-size:var(--ui-link-font-size);line-height:var(--ui-link-line-height, calc(1em + .15lh) );letter-spacing:var(--ui-link-letter-spacing);text-wrap:balance;--tw-text-opacity: 1;--tw-text-mix: transparent}.ui-link:where([href],button,[role=button]){color:color-mix(in var(--space),currentColor calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));transition:all var(--duration) var(--ease-in-out)}@media (hover: hover) and (pointer: fine){.ui-link:where([href],button,[role=button]):not(:disabled):hover{--tw-text-opacity: .35}}.ui-link:where([href],button,[role=button]):not(:disabled):focus-visible{outline:2px dotted currentColor;outline-offset:2px}:root,:host{--ui-notice-py: 1.25rem;--ui-notice-px: 1.5rem;--ui-notice-font-size: var(--text-sm);--ui-notice-outline-width: 1px;--ui-notice-outline-offset: calc(var(--ui-notice-outline-width, 1px) * -1)}.ui-notice{--tw-bg-opacity: .1;--tw-bg-mix: transparent;--tw-outline-opacity: .1;--tw-outline-mix: transparent;padding:var(--ui-notice-py) var(--ui-notice-px);font-size:var(--ui-notice-font-size);border-radius:var(--rounded);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:var(--color-accent);outline:var(--ui-notice-outline-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-notice-outline-offset);text-wrap:balance}.ui-notice :where(hr){--tw-border-opacity: .2}:root,:host{--ui-progress-height: 1rem;--ui-progress-border-radius: var(--rounded-full)}.ui-progress{--tw-bg-opacity: .1;--tw-bg-mix: var(--color-body);inline-size:100%;block-size:var(--ui-progress-height);border-radius:var(--ui-progress-border-radius);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));overflow:clip}.ui-progress::-webkit-progress-bar{background-color:transparent}.ui-progress::-webkit-progress-value{background-color:var(--color-accent)}.ui-progress::-moz-progress-bar{background-color:var(--color-accent)}.ui-progress:indeterminate{animation:1.5s linear 0s forwards infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 30%,transparent 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.ui-progress:indeterminate::-moz-progress-bar{background-color:transparent}.ui-progress::-webkit-meter-inner-element{position:relative;display:block}.ui-progress::-webkit-meter-bar{border:0;background:transparent}.ui-progress::-webkit-meter-optimum-value{background:var(--color-success)}.ui-progress::-webkit-meter-suboptimum-value{background:var(--color-warning)}.ui-progress::-webkit-meter-even-less-good-value{background:var(--color-error)}.ui-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--color-success)}.ui-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-warning)}.ui-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-error)}.ui-progress:is(.sm){--ui-progress-height: .5rem}.ui-progress:is(.lg){--ui-progress-height: 1.5rem}.ui-range{--ui-range-thumb-bg: var(--color-accent);--ui-range-thumb-border-color: var(--ui-range-thumb-bg);--ui-range-track-bg: var(--color-accent);--ui-range-track: linear-gradient( to right, var(--ui-range-track-bg) 0%, var(--ui-range-track-bg) var(--ui-range-track-start), transparent var(--ui-range-track-start), transparent var(--ui-range-track-end) );min-block-size:var(--ui-range-thumb-size);display:grid}.ui-range :where(input){--tw-bg-opacity: .1;--tw-bg-mix: var(--color-body);block-size:var(--ui-range-track-height);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));position:relative;grid-area:1/1}.ui-range :where(input)::-webkit-slider-runnable-track{block-size:var(--ui-range-track-height);border-radius:var(--rounded-full);background:var(--ui-range-track)}.ui-range :where(input)::-moz-range-track{block-size:var(--ui-range-track-height);border-radius:var(--rounded-full);background:var(--ui-range-track)}.ui-range :where(input)::-webkit-slider-thumb{--tw-outline-opacity: var(--ui-range-thumb-outline-opacity);width:var(--ui-range-thumb-size);height:var(--ui-range-thumb-size);background-color:var(--ui-range-thumb-bg);border-radius:var(--rounded-full);border:var(--ui-range-thumb-border-width) solid var(--ui-range-thumb-border-color);outline:var(--ui-range-thumb-outline-width) solid color-mix(in var(--space),var(--ui-range-thumb-bg) calc(var(--tw-outline-opacity) * 100%),transparent);margin-block-start:calc((var(--ui-range-thumb-size) - var(--ui-range-track-height)) / 2 * -1);-webkit-transition:outline-color var(--duration) linear;transition:outline-color var(--duration) linear;cursor:var(--ui-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.ui-range :where(input)::-webkit-slider-thumb:active{--ui-range-thumb-cursor: grabbing;--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input)::-moz-range-thumb{--tw-outline-opacity: var(--ui-range-thumb-outline-opacity);width:var(--ui-range-thumb-size);height:var(--ui-range-thumb-size);background-color:var(--ui-range-thumb-bg);border-radius:var(--rounded-full);border:var(--ui-range-thumb-border-width) solid var(--ui-range-thumb-border-color);outline:var(--ui-range-thumb-outline-width) solid color-mix(in var(--space),var(--ui-range-thumb-bg) calc(var(--tw-outline-opacity) * 100%),transparent);-moz-transition:outline-color var(--duration),outline-offset var(--duration);transition:outline-color var(--duration),outline-offset var(--duration);cursor:var(--ui-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.ui-range :where(input)::-moz-range-thumb:active{--ui-range-thumb-cursor: grabbing;--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input):focus-visible::-webkit-slider-thumb{--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input):focus-visible::-moz-range-thumb{--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}:root,:host{--ui-range-track-height: .375rem;--ui-range-thumb-size: 1.125rem;--ui-range-thumb-border-width: 0;--ui-range-thumb-outline-width: 2px;--ui-range-thumb-outline-opacity: 0;--ui-range-thumb-focus-outline-opacity: .5;--ui-range-track-start: 0%;--ui-range-track-end: 100%}.ui-range :where(input):not(:only-of-type){--ui-range-track: linear-gradient( to right, transparent 0%, transparent var(--ui-range-track-start), var(--ui-range-track-bg) var(--ui-range-track-start), var(--ui-range-track-bg) var(--ui-range-track-end), transparent var(--ui-range-track-end), transparent 100% );pointer-events:none}:is(.ui-range :where(input):not(:only-of-type))~input{background:transparent}.ui-range:where(.vertical){min-inline-size:var(--ui-range-thumb-size);container-type:size}.ui-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:50%;inset-inline-start:calc(-50% + 50cqw)}:root,:host{--c-rating-gap: .25rem;--c-rating-opacity: .2}.ui-rating{display:flex;align-items:center}.ui-rating :where(input){display:grid;box-sizing:content-box;color:var(--color-accent);transition:var(--transition-opacity);width:1.25rem;height:1.25rem;opacity:var(--c-rating-opacity)}.ui-rating :where(input):not(:last-child){border-inline-end-width:var(--c-rating-gap);border-inline-color:transparent}.ui-rating :where(input):before{content:"";-webkit-mask:var(--mask-star);mask:var(--mask-star);background-color:currentColor}.js-has-pseudo [csstools-has-1a-39-2x-19-36-2p-38-2x-32-2v-1m-2w-2p-37-14-1m-2r-2w-2t-2r-2z-2t-2s-15-w-2x-32-34-39-38]:not(.does-not-exist):not(does-not-exist){opacity:1}.ui-rating:has(:checked) input{opacity:1}.js-has-pseudo [csstools-has-1a-39-2x-19-36-2p-38-2x-32-2v-1m-2w-2p-37-14-1m-2r-2w-2t-2r-2z-2t-2s-15-w-2x-32-34-39-38-1m-3b-2w-2t-36-2t-14-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-15]:not(.does-not-exist):not(does-not-exist){opacity:var(--c-rating-opacity)}.ui-rating:has(:checked) input:where(:checked~input){opacity:var(--c-rating-opacity)}.ui-rating:hover input{opacity:1}:is(.ui-rating:hover input):hover~input{opacity:var(--c-rating-opacity)}.ui-rating.invalid,.validated .ui-rating :where(input):invalid{--color-accent: var(--color-error)}:root,:host{--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-switch-icon-size: 1.125rem;--ui-switch-font-weight: var(--font-normal);--ui-switch-font-size: var(--text-sm);--ui-switch-line-height: calc(1em + .25lh) ;--ui-switch-gap: .75rem;--ui-switch-border-radius: var(--rounded-full);--ui-switch-bg: var(--color-main);--ui-switch-outline-width: 2px;--ui-switch-outline-color: var(--color-main)}.ui-switch{display:inline-flex;font-weight:var(--ui-switch-font-weight);font-size:var(--ui-switch-font-size);line-height:var(--ui-switch-line-height);letter-spacing:var(--ui-switch-letter-spacing);gap:var(--ui-switch-gap);text-wrap:balance}:where(.dark) .ui-switch{--ui-switch-bg: var(--color-body-tertiary)}.ui-switch :where(a){color:var(--color-accent);text-decoration:underline}.ui-switch :where(input){--tw-outline-opacity: 0;--tw-outline-mix: transparent;display:flex;inline-size:var(--ui-switch-width);block-size:var(--ui-switch-height);padding:calc((var(--ui-switch-height) - var(--ui-check-icon-size)) / 2);border-radius:var(--ui-switch-border-radius);background-color:var(--ui-switch-bg);outline:var(--ui-switch-outline-width) solid color-mix(in var(--space),var(--ui-switch-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-switch-outline-offset);position:relative;flex-shrink:0}.ui-switch :where(input):before{width:var(--ui-switch-icon-size);height:var(--ui-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.ui-switch :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}:is(.ui-switch :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-switch :where(input):enabled:focus{--ui-switch-outline-offset: var(--ui-switch-focus-outline-offset);--tw-outline-opacity: .4}.ui-switch :where(input):disabled{opacity:var(--ui-switch-disabled-opacity);cursor:not-allowed}.ui-switch :where(input):checked{--ui-switch-outline-color: var(--color-accent);--ui-switch-bg: var(--color-accent)}.ui-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--ui-check-icon-size))}.ui-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--ui-check-icon-size) / 2)}.ui-switch.invalid,.validated .ui-switch :where(input):invalid{--ui-switch-bg: var(--color-error)}.ui-text{font-family:var(--ui-text-font-family);font-weight:var(--ui-text-font-weight);font-size:var(--ui-text-font-size);line-height:var(--ui-text-line-height);letter-spacing:var(--ui-text-letter-spacing);text-wrap:pretty}.ui-text>:is(*:first-child){margin-block-start:0}.ui-text>:is(*:last-child){margin-block-end:0}.ui-text :where(a){transition:var(--transition-color);color:var(--color-accent);text-decoration:underline}@media (hover: hover) and (pointer: fine){.ui-text :where(a):hover{color:color-mix(in var(--space),var(--color-accent) 75%,transparent)}}.ui-text :where(a):focus-visible{color:color-mix(in var(--space),var(--color-accent) 75%,transparent)}.ui-text :where(b,strong){font-weight:var(--ui-text-content-bold)}.ui-text :where(img){display:block;height:auto}.ui-text :where(p){margin-block:var(--ui-text-content-my)}.ui-text :where(p):empty{line-height:0;margin:0}.ui-text :where(p):empty:after{content:" "}.ui-text :where(hr){--tw-border-opacity: .1;margin-block:var(--ui-text-hr-my)}.ui-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-text-heading-font-family);font-weight:var(--ui-text-heading-font-weight, var(--ui-text-content-bold));font-size:var(--ui-text-heading-font-size);line-height:var(--ui-text-heading-line-height);letter-spacing:var(--ui-text-heading-letter-spacing);margin-block:var(--ui-text-heading-my);color:var(--ui-text-heading-color);text-wrap:balance}.ui-text :where(h1){--ui-text-heading-font-size: var(--text-4xl)}.ui-text :where(h2){--ui-text-heading-font-size: var(--text-3xl)}.ui-text :where(h3){--ui-text-heading-font-size: var(--text-2xl)}.ui-text :where(h4){--ui-text-heading-font-size: var(--text-xl)}.ui-text :where(h5){--ui-text-heading-font-size: var(--text-lg)}.ui-text :where(table){border:0;min-width:100%}.ui-text :where(table) :where(td,th){padding:1em 1.25em;text-align:left}.ui-text :where(table) :where(thead){font-weight:var(--ui-text-content-bold);border-block-end:1px solid color-mix(in var(--space),currentColor 10%,transparent)}.ui-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--space),currentColor 5%,transparent)}.ui-text :where(ol,ul){margin-inline-start:.75em;padding-inline-start:1em;margin-block:var(--ui-text-content-my)}.ui-text :where(ol,ul) :where(li){margin-block:.5em;padding-inline-start:1ch}.ui-text :where(ol):not([type]){list-style:decimal}.ui-text :where(ol) :where(li)::marker{color:var(--color-accent);font-weight:var(--ui-text-content-bold)}.ui-text :where(ul) :where(li){position:relative;list-style-type:""}.ui-text :where(ul) :where(li):before{width:var(--ui-text-content-marker-size);height:var(--ui-text-content-marker-size);position:absolute;left:-.75em;top:.5lh;border:1px solid var(--color-accent);background-color:var(--ui-text-content-marker-bg, var(--color-accent));margin-inline-start:calc((var(--ui-text-content-marker-size) / 2) * -1);margin-block-start:calc(var(--ui-text-content-marker-size) / 2 * -1);border-radius:var(--ui-text-content-marker-radius, 50%);-webkit-mask:var(--ui-text-content-marker-mask);mask:var(--ui-text-content-marker-mask);will-change:transform;content:""}.ui-text [style*=square]:where(ul){--ui-text-content-marker-radius: 0}.ui-text [style*=circle]:where(ul){--ui-text-content-marker-bg: transparent}.ui-text :where(blockquote){border-left:.375em solid var(--color-accent);padding:.5em 1.25em;margin-block:var(--ui-text-content-my);font-size:inherit}.ui-text :where(code){font-size:87.5%}.ui-text :where(figure){margin-block:var(--ui-text-content-my)}.ui-text :where(figcaption){font-size:87.5%;line-height:1.5;font-weight:var(--font-semibold);margin-block-start:.5em}:root,:host{--ui-text-content-bold: var(--font-semibold);--ui-text-content-my: var(--spacing-xl);--ui-text-content-marker-size: .375em;--ui-text-line-height: calc(1em + .5lh) ;--ui-text-hr-my: 3em;--ui-text-heading-line-height: calc(1em + .25lh) ;--ui-text-heading-my: 1.5em .5em}.ui-title{font-family:var(--ui-title-font-family);font-weight:var(--ui-title-font-weight);font-size:var(--ui-title-font-size);line-height:var(--ui-title-line-height);letter-spacing:var(--ui-title-letter-spacing);text-wrap:balance}:root,:host{--ui-title-font-weight: var(--font-semibold);--ui-title-font-size: var(--text-sm);--ui-title-line-height: calc(1em + .15lh) }.ui-title:is(.sm){--ui-title-font-size: var(--text-xs)}.ui-title:is(.lg){--ui-title-font-size: var(--text-base)}.c-card{--c-card-p: var(--c-card-py) var(--c-card-px);background-color:var(--color-body-primary);border-radius:var(--rounded-2xl);padding:var(--c-card-p);display:flex;flex-direction:column}:root,:host{--c-card-py: var(--spacing-2xl);--c-card-px: var(--spacing-3xl);--c-dialog-py: 2rem;--c-dialog-px: 1.5rem;--c-dialog-bg: var(--color-dark);--c-dialog-bg-opacity: .8}.c-dialog{--tw-bg-opacity: var(--c-dialog-bg-opacity);z-index:var(--z-30);padding:var(--c-dialog-py) var(--c-dialog-px);background-color:color-mix(in var(--space),var(--c-dialog-bg) calc(var(--tw-bg-opacity) * 100%),transparent);transition:var(--transition-background);display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.c-dialog,.c-dialog::backdrop{visibility:hidden}.c-dialog:not([open]){background-color:transparent;pointer-events:none}.js-has-pseudo [csstools-has-2w-38-31-30-1m-2w-2p-37-14-1a-2r-19-2s-2x-2p-30-33-2v-1a-3a-2x-37-2x-2q-30-2t-15]:not(.does-not-exist):not(does-not-exist){padding-inline-end:var(--c-dialog-scrollbar-width);scrollbar-width:none}html:has(.c-dialog.visible){padding-inline-end:var(--c-dialog-scrollbar-width);scrollbar-width:none}.js-has-pseudo [csstools-has-2w-38-31-30-1m-2w-2p-37-14-1a-2r-19-2s-2x-2p-30-33-2v-1a-3a-2x-37-2x-2q-30-2t-15]:not(.does-not-exist):not(does-not-exist)::-webkit-scrollbar{display:none}html:has(.c-dialog.visible)::-webkit-scrollbar{display:none}:root,:host{--c-dialog-content-py: 2rem;--c-dialog-content-px: 1.5rem;--c-dialog-content-width: 35rem}.c-dialog-content{background-color:var(--color-body-primary);border-radius:var(--rounded-3xl);padding:var(--c-dialog-content-py) var(--c-dialog-content-px);inline-size:min(100%,var(--c-dialog-content-width));margin:auto;animation:var(--duration) ease 0s backwards 1 fade-in-down}:where(dialog:not([open])) .c-dialog-content{animation:var(--duration) ease 0s forwards 1 fade-out-up}.c-field{gap:var(--spacing-sm);display:flex;flex-direction:column}.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-2u-33-2j-2w-2x-2s-2s-2t-32-2l-15]:not(.does-not-exist):not(.does-not-exist){display:flex}.validated .c-field:has(:invalid) :where(.ui-info[hidden]){display:flex}.js-has-pseudo [csstools-has-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-2j-36-2t-35-39-2x-36-2t-2s-2l-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-30-2p-2q-2t-30-15]:not(.does-not-exist):after{color:var(--color-error);content:" *"}.c-field:has([required]) :where(.ui-label):after{color:var(--color-error);content:" *"}.c-compare{--c-compare-position: 50%;--c-compare-clip-path: polygon(0% 0, var(--c-compare-position) 0%, var(--c-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.c-compare>*,.c-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.c-compare:before{background-color:var(--color-accent);inset-inline-start:var(--c-compare-position);inline-size:1px;content:""}.c-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0}:is(.c-compare>:where(input):is(:focus-visible,:active))~.ui-btn{--tw-bg-mix: var(--ui-btn-hover-bg-mix, var(--color-dark));--tw-bg-opacity: .8}:is(.c-compare>:where(input)):focus-visible~.ui-btn{--ui-btn-outline-offset: 2px;--tw-outline-opacity: .5}.c-compare>:where(input):active{cursor:grabbing}.c-compare>:where(.ui-btn){inset-inline-start:var(--c-compare-position);margin-inline-start:calc(var(--ui-btn-width) / 2 * -1);margin-block:auto}.c-compare>:where(.ui-image){display:grid;z-index:0}.c-compare>:where(.ui-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.c-compare>:where(.ui-image)>:where(*):not(:only-child):first-child{-webkit-clip-path:var(--c-compare-clip-path);clip-path:var(--c-compare-clip-path);position:relative}.c-popover{position:relative;display:inline-block}:root,:host{--c-popover-content-bg: var(--color-body-primary);--c-popover-content-border-radius: var(--rounded);--c-popover-content-py: var(--spacing-sm);--c-popover-content-px: var(--spacing-sm);--c-popover-content-scale-y: .75;--c-popover-content-scale-x: .75}.c-popover-content{opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);will-change:transform;background-color:var(--c-popover-content-bg);border-radius:var(--c-popover-content-border-radius);padding:var(--c-popover-content-py) var(--c-popover-content-px);z-index:var(--z-10);width:-moz-max-content;width:max-content;position:absolute;transform-origin:top}.c-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.c-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.c-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.c-popover-content:where(.block-end){inset-block:auto 0}.c-popover-content:where(.end){inset-inline-end:0}.c-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.c-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}:not(:focus,:focus-within,.hover:hover)>.c-popover-content{--tw-scale-x: var(--c-popover-content-scale-x);--tw-scale-y: var(--c-popover-content-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--c-tooltip-bg: var(--color-main);--c-tooltip-color: var(--color-main-foreground);--c-tooltip-border-radius: var(--rounded-md);--c-tooltip-font-size: var(--text-sm);--c-tooltip-py: var(--spacing-xs);--c-tooltip-px: var(--spacing-sm);--c-tooltip-margin-block: var(--spacing-xs);--c-tooltip-margin-inline: var(--spacing-xs);--c-tooltip-scale-x: .75;--c-tooltip-scale-y: .75}.c-tooltip{position:relative;display:inline-block}.c-tooltip:before{--tw-content: attr(aria-label);content:var(--tw-content);opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);will-change:transform;background-color:var(--c-tooltip-bg);color:var(--c-tooltip-color);border-radius:var(--c-tooltip-border-radius);font-size:var(--c-tooltip-font-size);padding:var(--c-tooltip-py) var(--c-tooltip-px);z-index:var(--z-20);width:-moz-max-content;width:max-content;position:absolute;pointer-events:none}.c-tooltip:where(.top):before,.c-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--c-tooltip-margin-block);inset-inline-start:50%}.c-tooltip:where(.left):before,.c-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--c-tooltip-margin-inline);inset-block-start:50%}.c-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.c-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.c-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.c-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.c-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--c-tooltip-scale-x);--tw-scale-y: var(--c-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--c-toaster-p: var(--spacing-xl);--c-toaster-spacing-y: var(--spacing-xs)}.c-toaster{z-index:var(--z-10);padding:var(--c-toaster-p);margin-block:calc(var(--c-toaster-spacing-y) * -1);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}:root,:host{--c-toast-width: 20rem;--c-toast-duration: calc(var(--duration) * 2)}.c-toast{width:min(100%,var(--c-toast-width));height:var(--c-toast-height);transition:all var(--c-toast-duration) var(--ease-in-out);position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0}.flex-col-reverse .c-toast{justify-content:flex-end}.c-toast.in{margin-block:var(--c-toaster-spacing-y)}.c-toast.in:where(:nth-last-child(-n+3)){visibility:visible;opacity:1}.c-toast.out{visibility:hidden;opacity:0;height:0;margin-block:0}:root,:host{--c-toast-content-border-radius: var(--rounded-2xl);--c-toast-content-py: var(--spacing-md);--c-toast-content-px: var(--spacing-lg);--c-toast-content-gap: var(--spacing-xl);--c-toast-content-bg: var(--color-body-primary)}.c-toast-content{--c-toast-content-color: var(--color-accent);--tw-border-mix: var(--color-body-primary);--tw-border-opacity: .15;border-radius:var(--c-toast-content-border-radius);padding:var(--c-toast-content-py) var(--c-toast-content-px);gap:var(--c-toast-content-gap);background-color:var(--c-toast-content-bg);color:var(--c-toast-content-color);border:1px solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.c-toast-content .ui-text{--ui-text-font-size: var(--text-sm);--ui-text-line-height: calc(1em + .25lh) }
1
+ :where(a),:where(address),:where(button),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(em),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(html),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(p),:where(pre),:where(select),:where(summary),:where(table),:where(td),:where(textarea),:where(th),:where(thead),:where(time),:where(tr),:where(ul),:where(progress),:where(meter){all:unset;display:revert}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary),:where(pre>code){display:block}:where(code),:where(kbd),:where(samp),:where(pre){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where(*),:where(*):before,:where(*):after{box-sizing:border-box;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(sub,sup){vertical-align:baseline;font-size:100%}:where(sub){font-variant-position:sub}:where(sup){font-variant-position:super}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style-type:""}:where(img,iframe){max-inline-size:100%;max-block-size:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;cursor:revert}:where(textarea){white-space:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(input)::-webkit-datetime-edit-fields-wrapper,:where(input)::-webkit-datetime-edit-text,:where(input)::-webkit-datetime-edit,:where(input)::-webkit-datetime-edit-hour-field,:where(input)::-webkit-datetime-edit-minute-field{padding:0}:where(input)::-webkit-calendar-picker-indicator,:where(input)::-webkit-search-cancel-button{align-self:center;background-position:50% 50%}::-webkit-details-marker{display:none}:after,:before{--tw-content: ""}:where(*),:where(*):before,:where(*):after{border:0 solid currentColor}::-moz-selection{color:var(--color-light);background-color:var(--color-primary)}::selection{color:var(--color-light);background-color:var(--color-primary)}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where(summary:not([aria-disabled=true])),:where([role=button]:not([aria-disabled=true])){cursor:var(--cursor, pointer);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(hr){--tw-border-opacity: .15;border-block-start:1px solid color-mix(in var(--space),currentColor calc(var(--tw-border-opacity) * 100%),transparent);border-radius:var(--rounded);width:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--rounded-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--rounded-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--scheme);font-family:var(--font-primary);font-weight:var(--font-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:root,:host{--font-default: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary: var(--font-default);--font-secondary: var(--font-default);--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain;--mask-star: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>') no-repeat 50% 50% / contain;--rounded: var(--rounded-xl);--rounded-xs: .125rem;--rounded-sm: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-2xl: 1rem;--rounded-3xl: 1.5rem;--rounded-4xl: 2rem;--rounded-5xl: 2.5rem;--rounded-6xl: 3rem;--rounded-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 1.75rem;--spacing-4xl: 2rem;--spacing-5xl: 2.5rem;--spacing-6xl: 3rem;--spacing-7xl: 3.5rem;--spacing-8xl: 4rem;--spacing-9xl: 5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--transition: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-all: all var(--duration) var(--ease-in-out);--transition-color: color var(--duration) var(--ease-in-out);--transition-background: background var(--duration) var(--ease-in-out);--transition-opacity: opacity var(--duration) var(--ease-in-out);--transition-transform: transform var(--duration) var(--ease-in-out);--transition-border: border-color var(--duration) var(--ease-in-out);--transition-shadow: box-shadow var(--duration) var(--ease-in-out);--duration: .15s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion){:root,:host{--duration: 0}}:root,:host{--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}:root,:host{--space: sRGB;--scheme: light;--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground);--color-primary: #3b82f6;--color-primary-foreground: var(--color-light);--color-main: #171717;--color-main-foreground: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in var(--space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--space), var(--color-main) 50%, var(--color-main-foreground));--color-body: #fff;--color-body-foreground: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in var(--space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--space), var(--color-body) 90%, var(--color-body-foreground));--color-light: #fff;--color-light-foreground: var(--color-dark);--color-dark: #171717;--color-dark-foreground: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}@media (color-gamut: p3){:root,:host{--color-primary: color(display-p3 .23 .51 .96);--color-main: color(display-p3 .09 .09 .09);--color-body: color(display-p3 1 1 1);--color-light: color(display-p3 1 1 1);--color-dark: color(display-p3 .09 .09 .09);--color-success: color(display-p3 .09 .64 .29);--color-error: color(display-p3 .86 .15 .15);--color-warning: color(display-p3 .92 .7 .03);--color-info: color(display-p3 .05 .65 .91)}}:root.dark,:host.dark{--scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.ui-badge{--tw-bg-opacity: 1;--tw-text-opacity: 1;--tw-bg-mix: transparent;--tw-text-mix: transparent;width:var(--ui-badge-width);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius, var(--rounded-lg));font-family:var(--ui-badge-font-family);font-weight:var(--ui-badge-font-weight);font-size:var(--ui-badge-font-size);letter-spacing:var(--ui-badge-letter-spacing);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:color-mix(in var(--space),var(--color-accent-foreground) calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));gap:var(--ui-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--ui-badge-font-size: var(--text-xs);--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-gap: var(--spacing-xs)}.ui-badge:is(.sm){--ui-badge-height: 1.25rem;--ui-badge-font-size: .625rem}.ui-badge:is(.lg){--ui-badge-height: 1.75rem}.ui-badge:where(.bordered){--ui-badge-border-width: 1px;--tw-border-opacity: 1;border:var(--ui-badge-border-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),transparent);padding-inline:calc(var(--ui-badge-px) - var(--ui-badge-border-width))}.ui-badge:is(.bordered){--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 0}.ui-badge:is(.muted){--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 10%}.ui-badge:is(.square){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}.ui-badge:is(.circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height);--ui-badge-border-radius: var(--rounded-full)}.ui-btn{--tw-bg-opacity: 1;--tw-text-opacity: 1;--tw-bg-mix: transparent;--tw-text-mix: transparent;inline-size:var(--ui-btn-width);block-size:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius);font-family:var(--ui-btn-font-family);font-size:var(--ui-btn-font-size);font-weight:var(--ui-btn-font-weight);letter-spacing:var(--ui-btn-letter-spacing);background-color:color-mix(in var(--space),var(--ui-btn-bg, var(--color-accent)) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:color-mix(in var(--space),var(--ui-btn-color, var(--color-accent-foreground)) calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));gap:var(--ui-btn-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:clip;display:inline-flex;text-align:center;align-items:center;justify-content:center;position:relative;line-height:1;flex-shrink:0;z-index:0}.ui-btn:where(.accent-main){--ui-btn-hover-bg-mix: var(--color-main-foreground)}.ui-btn:where(.accent-body){--ui-btn-hover-bg-mix: var(--color-body-foreground)}.ui-btn:where(.accent-light){--ui-btn-hover-bg-mix: var(--color-light-foreground)}.ui-btn:where(.accent-dark){--ui-btn-hover-bg-mix: var(--color-dark-foreground)}.ui-btn:where(input):after{content:attr(aria-label)}:root,:host{--ui-btn-border-radius: var(--rounded);--ui-btn-font-size: var(--text-sm);--ui-btn-font-weight: var(--font-medium);--ui-btn-gap: var(--spacing-sm);--ui-btn-outline-width: 2px;--ui-btn-height: 2.25rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem}.ui-btn{--ui-btn-hover-color: var(--color-accent-foreground);--ui-btn-active-color: var(--color-accent-foreground);--tw-outline-opacity: 0;--tw-outline-mix: transparent;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);outline:var(--ui-btn-outline-width) solid transparent;outline-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-btn-outline-offset)}.ui-btn:is([href],button,[role=button],input){cursor:var(--cursor, pointer)}.ui-btn:is([href],button,[role=button],input):disabled{opacity:var(--ui-btn-disabled-opacity);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.ui-btn:is([href],button,[role=button],input):not(:disabled):hover{--ui-btn-color: var(--ui-btn-hover-color);--tw-bg-mix: var(--ui-btn-hover-bg-mix);--tw-bg-opacity: var(--ui-btn-hover-bg-opacity)}}.ui-btn:is([href],button,[role=button],input):not(:disabled):focus{--ui-btn-outline-offset: var(--ui-btn-focus-outline-offset);--tw-outline-opacity: var(--ui-btn-focus-outline-opacity)}.ui-btn:is([href],button,[role=button],input):not(:disabled):is(:active,:checked,.active){--ui-btn-color: var(--ui-btn-active-color);--tw-bg-mix: var(--ui-btn-active-bg-mix);--tw-bg-opacity: var(--ui-btn-active-bg-opacity)}:root,:host{--ui-btn-disabled-opacity: .75;--ui-btn-hover-bg-mix: var(--color-dark);--ui-btn-hover-bg-opacity: .8;--ui-btn-focus-outline-offset: 2px;--ui-btn-focus-outline-opacity: .5;--ui-btn-active-bg-mix: var(--color-dark);--ui-btn-active-bg-opacity: .9}.ui-btn:is(.sm){--ui-btn-height: 2rem;--ui-btn-px: 1rem}.ui-btn:is(.lg){--ui-btn-height: 3rem;--ui-btn-px: 1.75rem}.ui-btn:is(.loading){pointer-events:none;color:transparent}.ui-btn:is(.loading)>*{opacity:0}.ui-btn:is(.loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid var(--color-accent-foreground);border-right-color:transparent;border-radius:50%;animation:spin .45s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}:root,:host{--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px}.ui-btn:where(.wide){padding-inline:calc(var(--ui-btn-px) * 1.5)}.ui-btn:where(.bordered){--ui-btn-border-width: 1px;--tw-border-opacity: .3;border:var(--ui-btn-border-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),transparent);padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.bordered){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 0}.ui-btn:is(.ghosted){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--color-accent-foreground: var(--color-accent);--tw-bg-opacity: 0%}.ui-btn:is(.hover-fill){--ui-btn-hover-bg-mix: var(--color-dark);--ui-btn-hover-bg-opacity: 1;--ui-btn-active-bg-mix: var(--color-dark);--ui-btn-active-bg-opacity: .9;--ui-btn-hover-color: var(--color-light);--ui-btn-active-color: var(--color-light)}.ui-btn:where(.gradient):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in var(--space),var(--tw-bg-mix) calc(100% - var(--tw-bg-opacity) * 100%),transparent);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):before{content:"";position:absolute;background-color:color-mix(in var(--space),var(--color-body) calc(100% - var(--tw-bg-opacity) * 100%),transparent);inset:var(--ui-btn-border-width);border-radius:calc(var(--ui-btn-border-radius, var(--rounded)) / 1.25);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):where(.hover-fill):before{background-color:color-mix(in var(--space),var(--color-body) calc(var(--tw-bg-opacity) * 100%),transparent)}.ui-btn:is(.gradient-bordered){--ui-btn-border-width: 2px;--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: 0;--color-accent-foreground: var(--color-main);--tw-bg-opacity: 0}.ui-btn:is(.gradient-bordered):is(.hover-fill){--tw-bg-opacity: 1}.ui-btn:is(.muted){--ui-btn-hover-bg-mix: transparent;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--ui-btn-hover-bg-opacity: .3;--color-accent-foreground: var(--color-accent);--tw-bg-opacity: .1}.ui-btn:where(.raised){--ui-btn-border-width: 2px;--tw-border-opacity: .85;border:var(--ui-btn-border-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),var(--color-accent-foreground));padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.square){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height)}.ui-btn:is(.circle){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height);--ui-btn-border-radius: var(--rounded-full)}:root,:host{--ui-check-size: 1.25rem;--ui-check-icon-size: 1.125rem;--ui-check-gap: var(--spacing-md);--ui-check-font-size: var(--text-sm);--ui-check-line-height: calc(1em + .25lh) ;--ui-check-border-radius: var(--rounded-md);--ui-check-border-width: 1px;--ui-check-bg: currentColor;--ui-check-border-color: currentColor;--ui-check-outline-width: 3px}.ui-check{--ui-check-checked-bg: var(--color-accent);font-weight:var(--ui-check-font-weight);font-size:var(--ui-check-font-size);line-height:var(--ui-check-line-height);letter-spacing:var(--ui-check-letter-spacing);gap:var(--ui-check-gap);display:inline-flex;text-wrap:balance}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-2w-2t-2r-2z-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-15]:not(.does-not-exist){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check:has([type=radio]){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check :where(a){color:var(--color-accent);text-decoration:underline}.ui-check :where(input){--tw-border-opacity: .2;--tw-border-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;--tw-bg-opacity: 0;--tw-bg-mix: transparent;width:var(--ui-check-size);height:var(--ui-check-size);border-radius:var(--ui-check-border-radius);background-color:color-mix(in var(--space),var(--ui-check-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));border:var(--ui-check-border-width) solid color-mix(in var(--space),var(--ui-check-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));outline:var(--ui-check-outline-width) solid color-mix(in var(--space),var(--ui-check-checked-bg) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-check-outline-offset);display:flex;flex-shrink:0}.ui-check :where(input):before{width:var(--ui-check-icon-size);height:var(--ui-check-icon-size);color:var(--color-accent-foreground);-webkit-mask:var(--ui-check-icon, var(--mask-check));mask:var(--ui-check-icon, var(--mask-check));transition:inherit;content:"";background-color:currentColor;opacity:0;transform:scale(0);will-change:transform;margin:auto}:is(.ui-check :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}:root,:host{--ui-check-disabled-opacity: .5}.ui-check :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-check :where(input):enabled:is(:hover,:focus-visible){--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-bg: var(--ui-check-checked-bg);--tw-border-opacity: .75;--tw-bg-opacity: .1}.ui-check :where(input):enabled:focus{--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-outline-offset: var(--ui-check-focus-outline-offset);--tw-border-opacity: .75;--tw-outline-opacity: .2}.ui-check :where(input):disabled{--tw-bg-opacity: .15;cursor:not-allowed;opacity:var(--ui-check-disabled-opacity)}.ui-check :where(input):where([type=checkbox]):indeterminate{--ui-check-icon: var(--mask-indeterminate)}.ui-check :where(input):is(:checked,[type=checkbox]:indeterminate){--ui-check-bg: var(--ui-check-checked-bg);--tw-bg-opacity: 1;--tw-border-opacity: 0}.ui-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:1;transform:scale(1)}.ui-check.invalid,.validated .ui-check :where(input):invalid{--ui-check-border-color: var(--color-error);--ui-check-checked-bg: var(--color-error);--color-accent-foreground: var(--color-error);--tw-border-opacity: 1}:root,:host{--ui-color-primary: currentColor;--ui-color-secondary: transparent;--ui-color-size: 1.75rem;--ui-color-p: var(--spacing-xs);--ui-color-outline-width: 3px;--ui-color-outline-color: var(--ui-color-border-color);--ui-color-border-width: 2px;--ui-color-border-color: currentColor;--ui-color-border-radius: var(--rounded-full)}.ui-color{display:inline-flex}.ui-color :where(input){--tw-border-opacity: .1;--tw-border-mix: transparent;--tw-outline-opacity: 0;width:var(--ui-color-size);height:var(--ui-color-size);padding:var(--ui-color-p);border-radius:var(--ui-color-border-radius);border:var(--ui-color-border-width) solid color-mix(in var(--space),var(--ui-color-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix, transparent));outline:var(--ui-color-outline-width) solid color-mix(in var(--space),var(--ui-color-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix, transparent));outline-offset:var(--ui-check-outline-offset);display:inline-grid}.ui-color :where(input):before,.ui-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.ui-color :where(input):before{background-color:var(--ui-color-primary);border-color:inherit}.ui-color :where(input):after{background-color:var(--ui-color-secondary);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}:root,:host{--ui-color-disabled-opacity: .5}.ui-color :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-color :where(input):where(:disabled){cursor:not-allowed}.ui-color :where(input):where(:disabled):before,.ui-color :where(input):where(:disabled):after{opacity:var(--ui-color-disabled-opacity)}.ui-color :where(input):where(:enabled):is(:hover){--tw-border-opacity: .3}.ui-color :where(input):where(:enabled):is(:focus-visible){--tw-border-opacity: 1;--tw-outline-opacity: .2}.ui-color :where(input):is(:checked){--tw-border-opacity: 1}:root,:host{--ui-control-height: 3rem;--ui-control-height-textarea: 8rem;--ui-control-px: .75rem;--ui-control-py: .75rem;--ui-control-border-width: 1px;--ui-control-font-weight: var(--font-medium);--ui-control-font-size: var(--text-sm);--ui-control-bg: transparent;--ui-control-color: currentColor;--ui-control-border-radius: var(--rounded);--ui-control-border-color: currentColor;--ui-control-outline-width: 3px;--ui-control-placeholder-color: currentColor;--ui-control-placeholder-opacity: .5}.ui-control{--tw-border-opacity: .15;--tw-border-mix: transparent;--tw-bg-opacity: 1;--tw-bg-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;display:grid;block-size:var(--ui-control-height);font-family:var(--ui-contro-font-family);font-weight:var(--ui-control-font-weight);font-size:var(--ui-control-font-size);letter-spacing:var(--ui-control-letter-spacing);background-color:color-mix(in var(--space),var(--ui-control-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:var(--ui-control-color);border-radius:var(--ui-control-border-radius);border:var(--ui-control-border-width) solid color-mix(in var(--space),var(--ui-control-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));outline:var(--ui-control-outline-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-control-outline-offset);grid-template:[c-control-start] calc(var(--ui-control-py) - var(--ui-control-border-width)) [c-control-p] 1fr calc(var(--ui-control-py) - var(--ui-control-border-width)) [c-control-end] / [c-control-start] var(--ui-control-px) [c-control-p] 1fr var(--ui-control-px) [c-control-end]}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15]:not(does-not-exist){height:auto}.ui-control:has(textarea){height:auto}.ui-control>:where(*){grid-area:c-control-p;align-self:center}.ui-control>:where(input,textarea,select){padding-block:var(--ui-control-py);padding-inline:calc(var(--ui-control-px) + var(--ui-control-ps, 0rem)) calc(var(--ui-control-px) + var(--ui-control-pe, 0rem));grid-area:c-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center}.ui-control>:where(input,textarea,select):disabled{cursor:not-allowed}.ui-control>:where(input,textarea)::-moz-placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control>:where(input,textarea)::placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control>:where(textarea){min-block-size:var(--ui-control-height-textarea);resize:vertical}.ui-control{transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-control:focus-within{--ui-control-border-color: var(--color-accent);--ui-control-outline-offset: var(--ui-control-focus-outline-offset);--tw-border-opacity: 1;--tw-outline-opacity: .2}.ui-control.disabled,.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2s-2x-37-2p-2q-30-2t-2s-15]:not(.does-not-exist){--ui-control-bg: currentColor;--tw-bg-opacity: var(--ui-control-disabled-opacity)}.ui-control.disabled,.ui-control:has(:disabled){--ui-control-bg: currentColor;--tw-bg-opacity: var(--ui-control-disabled-opacity)}.ui-control.invalid,.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--ui-control-bg: var(--color-error);--color-accent: var(--color-error);--tw-border-opacity: 1;--tw-bg-opacity: var(--ui-control-invalid-bg-opacity, .1)}.ui-control.invalid,.validated .ui-control:has(:invalid){--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--ui-control-bg: var(--color-error);--color-accent: var(--color-error);--tw-border-opacity: 1;--tw-bg-opacity: var(--ui-control-invalid-bg-opacity, .1)}:root,:host{--ui-control-color-swatch-width: 1.25rem;--ui-control-color-swatch-height: 1.25rem;--ui-control-color-swatch-border-radius: var(--rounded-full)}.ui-control>:where(input)::-webkit-color-swatch-wrapper{width:var(--ui-control-color-swatch-width);height:var(--ui-control-color-swatch-height);padding:0}.ui-control>:where(input)::-moz-color-swatch{width:var(--ui-control-color-swatch-width);height:var(--ui-control-color-swatch-height);border-radius:var(--ui-control-color-swatch-border-radius);margin:0}.ui-control>:where(input)::-webkit-color-swatch{border-radius:var(--ui-control-color-swatch-border-radius)}[type=color]:is(.ui-control>:where(input))~label{margin-inline-start:calc(var(--ui-control-px) + var(--ui-control-color-swatch-width))}.ui-control{--ui-control-s: calc(var(--ui-control-icon-count-s, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap));--ui-control-e: calc(var(--ui-control-icon-count-e, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1m-3b-2w-2t-36-2t-14-1a-31-2t-19-2p-39-38-33-15]:not(does-not-exist),.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1m-3b-2w-2t-36-2t-14-1a-31-37-19-2p-39-38-33-15]:not(does-not-exist){align-self:start}.ui-control:has(textarea) :where(.me-auto),.ui-control:has(textarea) :where(.ms-auto){align-self:start}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-31-2t-19-2p-39-38-33-15]:not(.does-not-exist){--ui-control-ps: calc(var(--ui-control-s) + var(--ui-control-px))}.ui-control:has(.me-auto){--ui-control-ps: calc(var(--ui-control-s) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-31-37-19-2p-39-38-33-15]:not(.does-not-exist){--ui-control-pe: calc(var(--ui-control-e) + var(--ui-control-px))}.ui-control:has(.ms-auto){--ui-control-pe: calc(var(--ui-control-e) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-31-2t-19-2p-39-38-33-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-s: 2}.ui-control:has(.me-auto>*:nth-child(2)){--ui-control-icon-count-s: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-31-37-19-2p-39-38-33-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(.ms-auto>*:nth-child(2)){--ui-control-icon-count-e: 2}.ui-control :where(.me-auto),.ui-control :where(.ms-auto){gap:var(--ui-control-icon-gap);display:flex;align-items:center}:root,:host{--ui-control-icon-size: 1.25rem;--ui-control-icon-gap: .375rem}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]){overflow:clip}.ui-control:where(:has([type=file])){overflow:clip}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15])>:where([type=file]){--color-accent: currentColor;--tw-bg-opacity: .15}.ui-control:where(:has([type=file]))>:where([type=file]){--color-accent: currentColor;--tw-bg-opacity: .15}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15])>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent);block-size:calc(var(--ui-control-height) - var(--ui-control-border-width) * 2);padding-inline:var(--ui-control-px);margin-inline:calc(var(--ui-control-px) * -1) var(--ui-control-px);margin-block-start:calc(var(--ui-control-py) * -1);border-start-end-radius:var(--ui-control-border-radius, var(--rounded));border-end-end-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.ui-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent);block-size:calc(var(--ui-control-height) - var(--ui-control-border-width) * 2);padding-inline:var(--ui-control-px);margin-inline:calc(var(--ui-control-px) * -1) var(--ui-control-px);margin-block-start:calc(var(--ui-control-py) * -1);border-start-end-radius:var(--ui-control-border-radius, var(--rounded));border-end-end-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15])>:where([type=file]):is(:hover,:focus){--tw-bg-opacity: .2}.ui-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--tw-bg-opacity: .2}:root,:host{--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(label){margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity)}.ui-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity)}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(textarea))+:where(label){align-self:start}:is(.ui-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-calendar-picker-indicator,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-search-cancel-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-outer-spin-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)):where([csstools-has-1m-2w-2p-37-14-1m-36-2t-35-39-2x-36-2t-2s-15]) :where(label):after{color:var(--color-error);content:" *"}.ui-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--color-error);content:" *"}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-label-focus-opacity: .5;--ui-control-placeholder-color: transparent}.ui-control:where(:has(:not([type=color])~label)){--ui-control-label-focus-opacity: .5;--ui-control-placeholder-color: transparent}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}:is(.ui-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}:is(.ui-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}:root,:host{--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-1m-32-33-38-14-2j-31-39-30-38-2x-34-30-2t-2l-15-15]:not(.does-not-exist):not(does-not-exist){--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.ui-control:has(select:not([multiple])){--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-1m-32-33-38-14-2j-31-39-30-38-2x-34-30-2t-2l-15-15-1m-2w-2p-37-14-1a-2t-32-2s-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(select:not([multiple])):has(.end){--ui-control-icon-count-e: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-1m-32-33-38-14-2j-31-39-30-38-2x-34-30-2t-2l-15-15]:not(.does-not-exist):not(does-not-exist):after{width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--ui-control-select-icon-me);grid-area:c-control-p;background-color:currentColor;pointer-events:none;align-self:center;content:""}.ui-control:has(select:not([multiple])):after{width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--ui-control-select-icon-me);grid-area:c-control-p;background-color:currentColor;pointer-events:none;align-self:center;content:""}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-1m-32-33-38-14-2j-31-39-30-38-2x-34-30-2t-2l-15-15-w-1m-3b-2w-2t-36-2t-14-1a-2t-32-2s-15]:not(.does-not-exist):not(does-not-exist){margin-inline-end:var(--ui-control-select-icon-size)}.ui-control:has(select:not([multiple])) :where(.end){margin-inline-end:var(--ui-control-select-icon-size)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-2j-31-39-30-38-2x-34-30-2t-2l-15]:not(.does-not-exist):not(does-not-exist){--ui-control-height: auto}.ui-control:has(select[multiple]){--ui-control-height: auto}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-2j-31-39-30-38-2x-34-30-2t-2l-15-w-37-2t-30-2t-2r-38]:not(.does-not-exist):not(does-not-exist):not(does-not-exist){overflow-y:auto;scrollbar-width:none}.ui-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-2j-31-39-30-38-2x-34-30-2t-2l-15-w-37-2t-30-2t-2r-38]:not(.does-not-exist):not(does-not-exist):not(does-not-exist)::-webkit-scrollbar{display:none}.ui-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.ui-group{display:flex;border-radius:var(--rounded)}.js-has-pseudo [csstools-has-1a-39-2x-19-2v-36-33-39-34-1m-2w-2p-37-14-1a-39-2x-19-2r-33-32-38-36-33-30-15-w-1q-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2q-38-32-15]:not(.does-not-exist){min-width:var(--ui-control-height);height:auto}.ui-group:has(.ui-control)>:where(.ui-btn){min-width:var(--ui-control-height);height:auto}.js-has-pseudo [csstools-has-1a-39-2x-19-2v-36-33-39-34-1m-2w-2p-37-14-1a-39-2x-19-2r-33-32-38-36-33-30-15-w-1q-w-1m-2x-37-14-1a-39-2x-19-2q-38-32-15]:not(.does-not-exist):not(.does-not-exist){--ui-btn-border-width: var(--ui-control-border-width)}.ui-group:has(.ui-control)>:is(.ui-btn){--ui-btn-border-width: var(--ui-control-border-width)}.ui-group>:where(*){border-radius:inherit}.ui-group>:where(*):is(.ui-control){--tw-border-mix: var(--color-body-primary)}.ui-group>:where(*):is(.ui-btn){--ui-btn-focus-outline-offset: 0}.ui-group>:where(*):focus-within{z-index:1}.ui-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--ui-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.ui-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.ui-group:where(.vertical){flex-direction:column}.ui-group:where(.vertical)>:where(*){border-radius:inherit}.ui-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--ui-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.ui-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--ui-heading-font-family: var(--font-primary);--ui-heading-font-weight: var(--font-semibold);--ui-heading-font-size: var(--text-xl);--ui-heading-line-height: calc(1em + .25lh) }.ui-heading{font-family:var(--ui-heading-font-family);font-weight:var(--ui-heading-font-weight);font-size:var(--ui-heading-font-size);line-height:var(--ui-heading-line-height);letter-spacing:var(--ui-heading-letter-spacing);text-wrap:balance}.ui-heading:is(.sm){--ui-heading-font-size: var(--text-lg)}.ui-heading:is(.lg){--ui-heading-font-size: var(--text-3xl)}.ui-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.ui-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.ui-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}:root,:host{--ui-info-font-size: var(--text-xs);--ui-info-line-height: calc(1em + .15lh) }.ui-info{font-family:var(--ui-info-font-family);font-weight:var(--ui-info-font-weight);font-size:var(--ui-info-font-size);line-height:var(--ui-info-line-height);letter-spacing:var(--ui-info-letter-spacing);text-wrap:balance}:root,:host{--ui-label-font-size: var(--text-sm);--ui-label-line-height: calc(1em + .15lh) }.ui-label{font-family:var(--ui-label-font-family);font-weight:var(--ui-label-font-weight);font-size:var(--ui-label-font-size);line-height:var(--ui-label-line-height);letter-spacing:var(--ui-label-letter-spacing);text-wrap:balance}.ui-link{font-family:var(--ui-link-font-family);font-weight:var(--ui-link-font-weight);font-size:var(--ui-link-font-size);line-height:var(--ui-link-line-height, calc(1em + .15lh) );letter-spacing:var(--ui-link-letter-spacing);text-wrap:balance;--tw-text-opacity: 1;--tw-text-mix: transparent}.ui-link:where([href],button,[role=button]){color:color-mix(in var(--space),currentColor calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));transition:all var(--duration) var(--ease-in-out)}@media (hover: hover) and (pointer: fine){.ui-link:where([href],button,[role=button]):not(:disabled):hover{--tw-text-opacity: .35}}.ui-link:where([href],button,[role=button]):not(:disabled):focus-visible{outline:2px dotted currentColor;outline-offset:2px}:root,:host{--ui-notice-py: 1.25rem;--ui-notice-px: 1.5rem;--ui-notice-font-size: var(--text-sm);--ui-notice-outline-width: 1px;--ui-notice-outline-offset: calc(var(--ui-notice-outline-width, 1px) * -1)}.ui-notice{--tw-bg-opacity: .1;--tw-bg-mix: transparent;--tw-outline-opacity: .1;--tw-outline-mix: transparent;padding:var(--ui-notice-py) var(--ui-notice-px);font-size:var(--ui-notice-font-size);border-radius:var(--rounded);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:var(--color-accent);outline:var(--ui-notice-outline-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-notice-outline-offset);text-wrap:balance}.ui-notice :where(hr){--tw-border-opacity: .2}:root,:host{--ui-progress-height: 1rem;--ui-progress-border-radius: var(--rounded-full)}.ui-progress{--tw-bg-opacity: .1;--tw-bg-mix: var(--color-body);inline-size:100%;block-size:var(--ui-progress-height);border-radius:var(--ui-progress-border-radius);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));overflow:clip}.ui-progress::-webkit-progress-bar{background-color:transparent}.ui-progress::-webkit-progress-value{background-color:var(--color-accent)}.ui-progress::-moz-progress-bar{background-color:var(--color-accent)}.ui-progress:indeterminate{animation:1.5s linear 0s forwards infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 30%,transparent 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.ui-progress:indeterminate::-moz-progress-bar{background-color:transparent}.ui-progress::-webkit-meter-inner-element{position:relative;display:block}.ui-progress::-webkit-meter-bar{border:0;background:transparent}.ui-progress::-webkit-meter-optimum-value{background:var(--color-success)}.ui-progress::-webkit-meter-suboptimum-value{background:var(--color-warning)}.ui-progress::-webkit-meter-even-less-good-value{background:var(--color-error)}.ui-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--color-success)}.ui-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-warning)}.ui-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-error)}.ui-progress:is(.sm){--ui-progress-height: .5rem}.ui-progress:is(.lg){--ui-progress-height: 1.5rem}.ui-range{--ui-range-thumb-bg: var(--color-accent);--ui-range-thumb-border-color: var(--ui-range-thumb-bg);--ui-range-track-bg: var(--color-accent);--ui-range-track: linear-gradient( to right, var(--ui-range-track-bg) 0%, var(--ui-range-track-bg) var(--ui-range-track-start), transparent var(--ui-range-track-start), transparent var(--ui-range-track-end) );min-block-size:var(--ui-range-thumb-size);display:grid}.ui-range :where(input){--tw-bg-opacity: .1;--tw-bg-mix: var(--color-body);block-size:var(--ui-range-track-height);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));position:relative;grid-area:1/1}.ui-range :where(input)::-webkit-slider-runnable-track{block-size:var(--ui-range-track-height);border-radius:var(--rounded-full);background:var(--ui-range-track)}.ui-range :where(input)::-moz-range-track{block-size:var(--ui-range-track-height);border-radius:var(--rounded-full);background:var(--ui-range-track)}.ui-range :where(input)::-webkit-slider-thumb{--tw-outline-opacity: var(--ui-range-thumb-outline-opacity);width:var(--ui-range-thumb-size);height:var(--ui-range-thumb-size);background-color:var(--ui-range-thumb-bg);border-radius:var(--rounded-full);border:var(--ui-range-thumb-border-width) solid var(--ui-range-thumb-border-color);outline:var(--ui-range-thumb-outline-width) solid color-mix(in var(--space),var(--ui-range-thumb-bg) calc(var(--tw-outline-opacity) * 100%),transparent);margin-block-start:calc((var(--ui-range-thumb-size) - var(--ui-range-track-height)) / 2 * -1);-webkit-transition:outline-color var(--duration) linear;transition:outline-color var(--duration) linear;cursor:var(--ui-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.ui-range :where(input)::-webkit-slider-thumb:active{--ui-range-thumb-cursor: grabbing;--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input)::-moz-range-thumb{--tw-outline-opacity: var(--ui-range-thumb-outline-opacity);width:var(--ui-range-thumb-size);height:var(--ui-range-thumb-size);background-color:var(--ui-range-thumb-bg);border-radius:var(--rounded-full);border:var(--ui-range-thumb-border-width) solid var(--ui-range-thumb-border-color);outline:var(--ui-range-thumb-outline-width) solid color-mix(in var(--space),var(--ui-range-thumb-bg) calc(var(--tw-outline-opacity) * 100%),transparent);-moz-transition:outline-color var(--duration),outline-offset var(--duration);transition:outline-color var(--duration),outline-offset var(--duration);cursor:var(--ui-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.ui-range :where(input)::-moz-range-thumb:active{--ui-range-thumb-cursor: grabbing;--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input):focus-visible::-webkit-slider-thumb{--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input):focus-visible::-moz-range-thumb{--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}:root,:host{--ui-range-track-height: .375rem;--ui-range-thumb-size: 1.125rem;--ui-range-thumb-border-width: 0;--ui-range-thumb-outline-width: 2px;--ui-range-thumb-outline-opacity: 0;--ui-range-thumb-focus-outline-opacity: .5;--ui-range-track-start: 0%;--ui-range-track-end: 100%}.ui-range :where(input):not(:only-of-type){--ui-range-track: linear-gradient( to right, transparent 0%, transparent var(--ui-range-track-start), var(--ui-range-track-bg) var(--ui-range-track-start), var(--ui-range-track-bg) var(--ui-range-track-end), transparent var(--ui-range-track-end), transparent 100% );pointer-events:none}:is(.ui-range :where(input):not(:only-of-type))~input{background:transparent}.ui-range:where(.vertical){min-inline-size:var(--ui-range-thumb-size);container-type:size}.ui-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:50%;inset-inline-start:calc(-50% + 50cqw)}:root,:host{--c-rating-gap: .25rem;--c-rating-opacity: .2}.ui-rating{display:flex;align-items:center}.ui-rating :where(input){display:grid;box-sizing:content-box;color:var(--color-accent);transition:var(--transition-opacity);width:1.25rem;height:1.25rem;opacity:var(--c-rating-opacity)}.ui-rating :where(input):not(:last-child){border-inline-end-width:var(--c-rating-gap);border-inline-color:transparent}.ui-rating :where(input):before{content:"";-webkit-mask:var(--mask-star);mask:var(--mask-star);background-color:currentColor}.js-has-pseudo [csstools-has-1a-39-2x-19-36-2p-38-2x-32-2v-1m-2w-2p-37-14-1m-2r-2w-2t-2r-2z-2t-2s-15-w-2x-32-34-39-38]:not(.does-not-exist):not(does-not-exist){opacity:1}.ui-rating:has(:checked) input{opacity:1}.js-has-pseudo [csstools-has-1a-39-2x-19-36-2p-38-2x-32-2v-1m-2w-2p-37-14-1m-2r-2w-2t-2r-2z-2t-2s-15-w-2x-32-34-39-38-1m-3b-2w-2t-36-2t-14-1m-2r-2w-2t-2r-2z-2t-2s-w-3i-w-2x-32-34-39-38-15]:not(.does-not-exist):not(does-not-exist){opacity:var(--c-rating-opacity)}.ui-rating:has(:checked) input:where(:checked~input){opacity:var(--c-rating-opacity)}.ui-rating:hover input{opacity:1}:is(.ui-rating:hover input):hover~input{opacity:var(--c-rating-opacity)}.ui-rating.invalid,.validated .ui-rating :where(input):invalid{--color-accent: var(--color-error)}:root,:host{--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-switch-icon-size: 1.125rem;--ui-switch-font-weight: var(--font-normal);--ui-switch-font-size: var(--text-sm);--ui-switch-line-height: calc(1em + .25lh) ;--ui-switch-gap: .75rem;--ui-switch-border-radius: var(--rounded-full);--ui-switch-bg: var(--color-main);--ui-switch-outline-width: 2px;--ui-switch-outline-color: var(--color-main)}.ui-switch{display:inline-flex;font-weight:var(--ui-switch-font-weight);font-size:var(--ui-switch-font-size);line-height:var(--ui-switch-line-height);letter-spacing:var(--ui-switch-letter-spacing);gap:var(--ui-switch-gap);text-wrap:balance}:where(.dark) .ui-switch{--ui-switch-bg: var(--color-body-tertiary)}.ui-switch :where(a){color:var(--color-accent);text-decoration:underline}.ui-switch :where(input){--tw-outline-opacity: 0;--tw-outline-mix: transparent;display:flex;inline-size:var(--ui-switch-width);block-size:var(--ui-switch-height);padding:calc((var(--ui-switch-height) - var(--ui-check-icon-size)) / 2);border-radius:var(--ui-switch-border-radius);background-color:var(--ui-switch-bg);outline:var(--ui-switch-outline-width) solid color-mix(in var(--space),var(--ui-switch-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-switch-outline-offset);position:relative;flex-shrink:0}.ui-switch :where(input):before{width:var(--ui-switch-icon-size);height:var(--ui-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.ui-switch :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}:is(.ui-switch :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-switch :where(input):enabled:focus{--ui-switch-outline-offset: var(--ui-switch-focus-outline-offset);--tw-outline-opacity: .4}.ui-switch :where(input):disabled{opacity:var(--ui-switch-disabled-opacity);cursor:not-allowed}.ui-switch :where(input):checked{--ui-switch-outline-color: var(--color-accent);--ui-switch-bg: var(--color-accent)}.ui-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--ui-check-icon-size))}.ui-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--ui-check-icon-size) / 2)}.ui-switch.invalid,.validated .ui-switch :where(input):invalid{--ui-switch-bg: var(--color-error)}.ui-text{font-family:var(--ui-text-font-family);font-weight:var(--ui-text-font-weight);font-size:var(--ui-text-font-size);line-height:var(--ui-text-line-height);letter-spacing:var(--ui-text-letter-spacing);text-wrap:pretty}.ui-text>:is(*:first-child){margin-block-start:0}.ui-text>:is(*:last-child){margin-block-end:0}.ui-text :where(a){transition:var(--transition-color);color:var(--color-accent);text-decoration:underline}@media (hover: hover) and (pointer: fine){.ui-text :where(a):hover{color:color-mix(in var(--space),var(--color-accent) 75%,transparent)}}.ui-text :where(a):focus-visible{color:color-mix(in var(--space),var(--color-accent) 75%,transparent)}.ui-text :where(b,strong){font-weight:var(--ui-text-content-bold)}.ui-text :where(em){font-style:italic}.ui-text :where(img){display:block;height:auto}.ui-text :where(p){margin-block:var(--ui-text-content-my)}.ui-text :where(p):empty{line-height:0;margin:0}.ui-text :where(p):empty:after{content:" "}.ui-text :where(hr){--tw-border-opacity: .1;margin-block:var(--ui-text-hr-my)}.ui-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-text-heading-font-family);font-weight:var(--ui-text-heading-font-weight, var(--ui-text-content-bold));font-size:var(--ui-text-heading-font-size);line-height:var(--ui-text-heading-line-height);letter-spacing:var(--ui-text-heading-letter-spacing);margin-block:var(--ui-text-heading-my);color:var(--ui-text-heading-color);text-wrap:balance}.ui-text :where(h1){--ui-text-heading-font-size: var(--text-4xl)}.ui-text :where(h2){--ui-text-heading-font-size: var(--text-3xl)}.ui-text :where(h3){--ui-text-heading-font-size: var(--text-2xl)}.ui-text :where(h4){--ui-text-heading-font-size: var(--text-xl)}.ui-text :where(h5){--ui-text-heading-font-size: var(--text-lg)}.ui-text :where(table){border:0;min-width:100%}.ui-text :where(table) :where(td,th){padding:1em 1.25em;text-align:left}.ui-text :where(table) :where(thead){font-weight:var(--ui-text-content-bold);border-block-end:1px solid color-mix(in var(--space),currentColor 10%,transparent)}.ui-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--space),currentColor 5%,transparent)}.ui-text :where(ol,ul){margin-inline-start:.75em;padding-inline-start:1em;margin-block:var(--ui-text-content-my)}.ui-text :where(ol,ul) :where(li){margin-block:.5em;padding-inline-start:1ch}.ui-text :where(ol):not([type]){list-style:decimal}.ui-text :where(ol) :where(li)::marker{color:var(--color-accent);font-weight:var(--ui-text-content-bold)}.ui-text :where(ul) :where(li){position:relative;list-style-type:""}.ui-text :where(ul) :where(li):before{width:var(--ui-text-content-marker-size);height:var(--ui-text-content-marker-size);position:absolute;left:-.75em;top:.5lh;border:1px solid var(--color-accent);background-color:var(--ui-text-content-marker-bg, var(--color-accent));margin-inline-start:calc((var(--ui-text-content-marker-size) / 2) * -1);margin-block-start:calc(var(--ui-text-content-marker-size) / 2 * -1);border-radius:var(--ui-text-content-marker-radius, 50%);-webkit-mask:var(--ui-text-content-marker-mask);mask:var(--ui-text-content-marker-mask);will-change:transform;content:""}.ui-text [style*=square]:where(ul){--ui-text-content-marker-radius: 0}.ui-text [style*=circle]:where(ul){--ui-text-content-marker-bg: transparent}.ui-text :where(blockquote){border-left:.375em solid var(--color-accent);padding:.5em 1.25em;margin-block:var(--ui-text-content-my);font-size:inherit}.ui-text :where(code){font-size:87.5%}.ui-text :where(figure){margin-block:var(--ui-text-content-my)}.ui-text :where(figcaption){font-size:87.5%;line-height:1.5;font-weight:var(--font-semibold);margin-block-start:.5em}:root,:host{--ui-text-content-bold: var(--font-semibold);--ui-text-content-my: var(--spacing-xl);--ui-text-content-marker-size: .375em;--ui-text-line-height: calc(1em + .5lh) ;--ui-text-hr-my: 3em;--ui-text-heading-line-height: calc(1em + .25lh) ;--ui-text-heading-my: 1.5em .5em}.ui-title{font-family:var(--ui-title-font-family);font-weight:var(--ui-title-font-weight);font-size:var(--ui-title-font-size);line-height:var(--ui-title-line-height);letter-spacing:var(--ui-title-letter-spacing);text-wrap:balance}:root,:host{--ui-title-font-weight: var(--font-semibold);--ui-title-font-size: var(--text-sm);--ui-title-line-height: calc(1em + .15lh) }.ui-title:is(.sm){--ui-title-font-size: var(--text-xs)}.ui-title:is(.lg){--ui-title-font-size: var(--text-base)}.c-card{--c-card-p: var(--c-card-py) var(--c-card-px);background-color:var(--color-body-primary);border-radius:var(--rounded-2xl);padding:var(--c-card-p);display:flex;flex-direction:column}:root,:host{--c-card-py: var(--spacing-2xl);--c-card-px: var(--spacing-3xl);--c-dialog-py: 2rem;--c-dialog-px: 1.5rem;--c-dialog-bg: var(--color-dark);--c-dialog-bg-opacity: .8}.c-dialog{--tw-bg-opacity: var(--c-dialog-bg-opacity);z-index:var(--z-30);padding:var(--c-dialog-py) var(--c-dialog-px);background-color:color-mix(in var(--space),var(--c-dialog-bg) calc(var(--tw-bg-opacity) * 100%),transparent);transition:var(--transition-background);display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.c-dialog,.c-dialog::backdrop{visibility:hidden}.c-dialog:not([open]){background-color:transparent;pointer-events:none}.js-has-pseudo [csstools-has-2w-38-31-30-1m-2w-2p-37-14-1a-2r-19-2s-2x-2p-30-33-2v-1a-3a-2x-37-2x-2q-30-2t-15]:not(.does-not-exist):not(does-not-exist){padding-inline-end:var(--c-dialog-scrollbar-width);scrollbar-width:none}html:has(.c-dialog.visible){padding-inline-end:var(--c-dialog-scrollbar-width);scrollbar-width:none}.js-has-pseudo [csstools-has-2w-38-31-30-1m-2w-2p-37-14-1a-2r-19-2s-2x-2p-30-33-2v-1a-3a-2x-37-2x-2q-30-2t-15]:not(.does-not-exist):not(does-not-exist)::-webkit-scrollbar{display:none}html:has(.c-dialog.visible)::-webkit-scrollbar{display:none}:root,:host{--c-dialog-content-py: 2rem;--c-dialog-content-px: 1.5rem;--c-dialog-content-width: 35rem}.c-dialog-content{background-color:var(--color-body-primary);border-radius:var(--rounded-3xl);padding:var(--c-dialog-content-py) var(--c-dialog-content-px);inline-size:min(100%,var(--c-dialog-content-width));margin:auto;animation:var(--duration) ease 0s backwards 1 fade-in-down}:where(dialog:not([open])) .c-dialog-content{animation:var(--duration) ease 0s forwards 1 fade-out-up}.c-field{gap:var(--spacing-sm);display:flex;flex-direction:column}.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-2u-33-2j-2w-2x-2s-2s-2t-32-2l-15]:not(.does-not-exist):not(.does-not-exist){display:flex}.validated .c-field:has(:invalid) :where(.ui-info[hidden]){display:flex}.js-has-pseudo [csstools-has-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-2j-36-2t-35-39-2x-36-2t-2s-2l-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-30-2p-2q-2t-30-15]:not(.does-not-exist):after{color:var(--color-error);content:" *"}.c-field:has([required]) :where(.ui-label):after{color:var(--color-error);content:" *"}.c-compare{--c-compare-position: 50%;--c-compare-clip-path: polygon(0% 0, var(--c-compare-position) 0%, var(--c-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.c-compare>*,.c-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.c-compare:before{background-color:var(--color-accent);inset-inline-start:var(--c-compare-position);inline-size:1px;content:""}.c-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0}:is(.c-compare>:where(input):is(:focus-visible,:active))~.ui-btn{--tw-bg-mix: var(--ui-btn-hover-bg-mix, var(--color-dark));--tw-bg-opacity: .8}:is(.c-compare>:where(input)):focus-visible~.ui-btn{--ui-btn-outline-offset: 2px;--tw-outline-opacity: .5}.c-compare>:where(input):active{cursor:grabbing}.c-compare>:where(.ui-btn){inset-inline-start:var(--c-compare-position);margin-inline-start:calc(var(--ui-btn-width) / 2 * -1);margin-block:auto}.c-compare>:where(.ui-image){display:grid;z-index:0}.c-compare>:where(.ui-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.c-compare>:where(.ui-image)>:where(*):not(:only-child):first-child{-webkit-clip-path:var(--c-compare-clip-path);clip-path:var(--c-compare-clip-path);position:relative}.c-popover{position:relative;display:inline-block}:root,:host{--c-popover-content-bg: var(--color-body-primary);--c-popover-content-border-radius: var(--rounded);--c-popover-content-py: var(--spacing-sm);--c-popover-content-px: var(--spacing-sm);--c-popover-content-scale-y: .75;--c-popover-content-scale-x: .75}.c-popover-content{opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);will-change:transform;background-color:var(--c-popover-content-bg);border-radius:var(--c-popover-content-border-radius);padding:var(--c-popover-content-py) var(--c-popover-content-px);z-index:var(--z-10);width:-moz-max-content;width:max-content;position:absolute;transform-origin:top}.c-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.c-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.c-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.c-popover-content:where(.block-end){inset-block:auto 0}.c-popover-content:where(.end){inset-inline-end:0}.c-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.c-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}:not(:focus,:focus-within,.hover:hover)>.c-popover-content{--tw-scale-x: var(--c-popover-content-scale-x);--tw-scale-y: var(--c-popover-content-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--c-tooltip-bg: var(--color-main);--c-tooltip-color: var(--color-main-foreground);--c-tooltip-border-radius: var(--rounded-md);--c-tooltip-font-size: var(--text-sm);--c-tooltip-py: var(--spacing-xs);--c-tooltip-px: var(--spacing-sm);--c-tooltip-margin-block: var(--spacing-xs);--c-tooltip-margin-inline: var(--spacing-xs);--c-tooltip-scale-x: .75;--c-tooltip-scale-y: .75}.c-tooltip{position:relative;display:inline-block}.c-tooltip:before{--tw-content: attr(aria-label);content:var(--tw-content);opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);will-change:transform;background-color:var(--c-tooltip-bg);color:var(--c-tooltip-color);border-radius:var(--c-tooltip-border-radius);font-size:var(--c-tooltip-font-size);padding:var(--c-tooltip-py) var(--c-tooltip-px);z-index:var(--z-20);width:-moz-max-content;width:max-content;position:absolute;pointer-events:none}.c-tooltip:where(.top):before,.c-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--c-tooltip-margin-block);inset-inline-start:50%}.c-tooltip:where(.left):before,.c-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--c-tooltip-margin-inline);inset-block-start:50%}.c-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.c-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.c-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.c-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.c-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--c-tooltip-scale-x);--tw-scale-y: var(--c-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--c-toaster-p: var(--spacing-xl);--c-toaster-spacing-y: var(--spacing-xs)}.c-toaster{z-index:var(--z-10);padding:var(--c-toaster-p);margin-block:calc(var(--c-toaster-spacing-y) * -1);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}:root,:host{--c-toast-width: 20rem;--c-toast-duration: calc(var(--duration) * 2)}.c-toast{width:min(100%,var(--c-toast-width));height:var(--c-toast-height);transition:all var(--c-toast-duration) var(--ease-in-out);position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0}.flex-col-reverse .c-toast{justify-content:flex-end}.c-toast.in{margin-block:var(--c-toaster-spacing-y)}.c-toast.in:where(:nth-last-child(-n+3)){visibility:visible;opacity:1}.c-toast.out{visibility:hidden;opacity:0;height:0;margin-block:0}:root,:host{--c-toast-content-border-radius: var(--rounded-2xl);--c-toast-content-py: var(--spacing-md);--c-toast-content-px: var(--spacing-lg);--c-toast-content-gap: var(--spacing-xl);--c-toast-content-bg: var(--color-body-primary)}.c-toast-content{--c-toast-content-color: var(--color-accent);--tw-border-mix: var(--color-body-primary);--tw-border-opacity: .15;border-radius:var(--c-toast-content-border-radius);padding:var(--c-toast-content-py) var(--c-toast-content-px);gap:var(--c-toast-content-gap);background-color:var(--c-toast-content-bg);color:var(--c-toast-content-color);border:1px solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.c-toast-content .ui-text{--ui-text-font-size: var(--text-sm);--ui-text-line-height: calc(1em + .25lh) }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "winduum",
3
- "version": "0.7.0-next.7",
3
+ "version": "0.7.0",
4
4
  "type": "module",
5
5
  "main": "plugin/tailwind.cjs",
6
6
  "module": "plugin/tailwind.js",
@@ -49,10 +49,8 @@
49
49
  "require": "./plugin/tailwind.cjs",
50
50
  "import": "./plugin/tailwind.js"
51
51
  },
52
- "./main.css": "./dist/main.css",
53
- "./main-rgb.css": "./dist/main-rgb.css",
54
- "./tailwind.css": "./dist/tailwind.css",
55
52
  "./src/*": "./src/*",
53
+ "./dist/*": "./dist/*",
56
54
  "./plugin/*": "./plugin/*",
57
55
  "./base/*": "./src/base/*",
58
56
  "./components/*": "./src/components/*",
package/src/base/reset.css CHANGED
@@ -12,6 +12,7 @@
12
12
  :where(dialog),
13
13
  :where(dl),
14
14
  :where(dt),
15
+ :where(em),
15
16
  :where(fieldset),
16
17
  :where(figcaption),
17
18
  :where(figure),
package/src/components/field/default.css CHANGED
@@ -4,7 +4,7 @@
4
4
  flex-direction: column;
5
5
 
6
6
  .validated &:has(:invalid) {
7
- & :where(.ui-info[hidden]) {
7
+ :where(.ui-info[hidden]) {
8
8
  display: flex;
9
9
  }
10
10
  }
package/src/ui/btn/loading.css CHANGED
@@ -2,7 +2,7 @@
2
2
  pointer-events: none;
3
3
  color: transparent;
4
4
 
5
- & > * {
5
+ > * {
6
6
  opacity: 0;
7
7
  }
8
8
 
package/src/ui/check/default.css CHANGED
@@ -14,12 +14,12 @@
14
14
  --ui-check-radius: 50%;
15
15
  }
16
16
 
17
- & :where(a) {
17
+ :where(a) {
18
18
  color: var(--color-accent);
19
19
  text-decoration: underline;
20
20
  }
21
21
 
22
- & :where(input) {
22
+ :where(input) {
23
23
  --tw-border-opacity: 0.2;
24
24
  --tw-border-mix: transparent;
25
25
  --tw-outline-opacity: 0;
@@ -64,7 +64,7 @@
64
64
  }
65
65
 
66
66
  &:where(:required) {
67
- & + *::after {
67
+ + *::after {
68
68
  color: var(--color-error);
69
69
  content: " *";
70
70
  }
package/src/ui/check/interactive.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ui-check {
2
- & :where(input) {
2
+ :where(input) {
3
3
  transition-property: var(--transition);
4
4
  transition-timing-function: var(--ease-in-out);
5
5
  transition-duration: var(--duration);
package/src/ui/color/default.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .ui-color {
2
2
  display: inline-flex;
3
3
 
4
- & :where(input) {
4
+ :where(input) {
5
5
  --tw-border-opacity: 0.1;
6
6
  --tw-border-mix: transparent;
7
7
  --tw-outline-opacity: 0;
package/src/ui/color/interactive.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ui-color {
2
- & :where(input) {
2
+ :where(input) {
3
3
  transition-property: var(--transition);
4
4
  transition-timing-function: var(--ease-in-out);
5
5
  transition-duration: var(--duration);
package/src/ui/control/color.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ui-control {
2
- & > :where(input) {
2
+ > :where(input) {
3
3
  &::-webkit-color-swatch-wrapper {
4
4
  width: var(--ui-control-color-swatch-width);
5
5
  height: var(--ui-control-color-swatch-height);
package/src/ui/control/default.css CHANGED
@@ -42,12 +42,12 @@
42
42
  height: auto;
43
43
  }
44
44
 
45
- & > :where(*) {
45
+ > :where(*) {
46
46
  grid-area: c-control-p;
47
47
  align-self: center;
48
48
  }
49
49
 
50
- & > :where(input, textarea, select) {
50
+ > :where(input, textarea, select) {
51
51
  padding-block: var(--ui-control-py);
52
52
  padding-inline: calc(var(--ui-control-px) + var(--ui-control-ps, 0rem)) calc(var(--ui-control-px) + var(--ui-control-pe, 0rem));
53
53
  grid-area: c-control;
@@ -61,14 +61,14 @@
61
61
  }
62
62
  }
63
63
 
64
- & > :where(input, textarea) {
64
+ > :where(input, textarea) {
65
65
  &::placeholder {
66
66
  color: var(--ui-control-placeholder-color);
67
67
  opacity: var(--ui-control-placeholder-opacity);
68
68
  }
69
69
  }
70
70
 
71
- & > :where(textarea) {
71
+ > :where(textarea) {
72
72
  min-block-size: var(--ui-control-height-textarea);
73
73
  resize: vertical;
74
74
  }
package/src/ui/control/floating-interactive.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --ui-control-label-focus-opacity: 0.5;
3
3
  --ui-control-placeholder-color: transparent;
4
4
 
5
- & > :where(input, textarea, select) {
5
+ > :where(input, textarea, select) {
6
6
  &:is(:focus, :not(:placeholder-shown)) {
7
7
  ~ label {
8
8
  transform: translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));
package/src/ui/control/floating.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ui-control:where(:has(:not([type="color"]) ~ label)) {
2
- & > :where(label) {
2
+ > :where(label) {
3
3
  margin-inline: var(--ui-control-ps, 0) var(--ui-control-pe, 0);
4
4
  pointer-events: none;
5
5
  transform-origin: 0 50%;
@@ -10,20 +10,15 @@
10
10
  transition: var(--transition-transform), var(--transition-color), var(--transition-opacity);
11
11
  }
12
12
 
13
- &:where(:has(:required)) :where(label)::after {
14
- color: var(--color-error);
15
- content: " *";
16
- }
17
-
18
- & > :where(textarea) {
13
+ > :where(textarea) {
19
14
  padding-block-start: calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale));
20
15
 
21
- & + :where(label) {
16
+ + :where(label) {
22
17
  align-self: start;
23
18
  }
24
19
  }
25
20
 
26
- & > :where(input, select) {
21
+ > :where(input, select) {
27
22
  padding-block: calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale));
28
23
 
29
24
  &::-webkit-calendar-picker-indicator,
@@ -33,4 +28,9 @@
33
28
  transform: translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1));
34
29
  }
35
30
  }
31
+
32
+ &:where(:has(:required)) :where(label)::after {
33
+ color: var(--color-error);
34
+ content: " *";
35
+ }
36
36
  }
package/src/ui/control/icon.css CHANGED
@@ -2,37 +2,31 @@
2
2
  --ui-control-s: calc(var(--ui-control-icon-count-s, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap));
3
3
  --ui-control-e: calc(var(--ui-control-icon-count-e, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap));
4
4
 
5
- &:has(.start) {
5
+ &:has(textarea) {
6
+ :where(.me-auto), :where(.ms-auto) {
7
+ align-self: start;
8
+ }
9
+ }
10
+
11
+ &:has(.me-auto) {
6
12
  --ui-control-ps: calc(var(--ui-control-s) + var(--ui-control-px));
7
13
  }
8
14
 
9
- &:has(.end) {
15
+ &:has(.ms-auto) {
10
16
  --ui-control-pe: calc(var(--ui-control-e) + var(--ui-control-px));
11
17
  }
12
18
 
13
- &:has(.start > *:nth-child(2)) {
19
+ &:has(.me-auto > *:nth-child(2)) {
14
20
  --ui-control-icon-count-s: 2;
15
21
  }
16
22
 
17
- &:has(.end > *:nth-child(2)) {
23
+ &:has(.ms-auto > *:nth-child(2)) {
18
24
  --ui-control-icon-count-e: 2;
19
25
  }
20
26
 
21
- & :where(.start) {
22
- margin-inline-end: auto;
23
- }
24
-
25
- & :where(.end) {
26
- margin-inline-start: auto;
27
- }
28
-
29
- & :where(.start, .end) {
27
+ :where(.me-auto), :where(.ms-auto) {
30
28
  gap: var(--ui-control-icon-gap);
31
29
  display: flex;
32
30
  align-items: center;
33
31
  }
34
-
35
- &:has(textarea) :where(.start, .end) {
36
- align-self: start;
37
- }
38
32
  }
package/src/ui/control/index.css CHANGED
@@ -2,13 +2,14 @@
2
2
  @import "default.css";
3
3
  @import "interactive.css";
4
4
  @import "invalid.css";
5
- @import "color.css";
6
5
  @import "color-props.css";
6
+ @import "color.css";
7
7
  @import "icon.css";
8
8
  @import "icon-props.css";
9
9
  @import "file.css";
10
- @import "floating.css";
11
10
  @import "floating-props.css";
11
+ @import "floating.css";
12
12
  @import "floating-interactive.css";
13
- @import "select.css";
14
13
  @import "select-props.css";
14
+ @import "select.css";
15
+ @import "select-multiple.css";
package/src/ui/control/select-multiple.css ADDED
@@ -0,0 +1,12 @@
1
+ .ui-control:has(select[multiple]) {
2
+ --ui-control-height: auto;
3
+
4
+ select {
5
+ overflow-y: auto;
6
+ scrollbar-width: none;
7
+
8
+ &::-webkit-scrollbar {
9
+ display: none;
10
+ }
11
+ }
12
+ }
package/src/ui/control/select.css CHANGED
@@ -1,14 +1,10 @@
1
- .ui-control:has(select) {
1
+ .ui-control:has(select:not([multiple])) {
2
2
  --ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me));
3
3
 
4
4
  &:has(.end) {
5
5
  --ui-control-icon-count-e: 2;
6
6
  }
7
7
 
8
- & :where(.end) {
9
- margin-inline-end: var(--ui-control-select-icon-size);
10
- }
11
-
12
8
  &::after {
13
9
  width: var(--ui-control-select-icon-size);
14
10
  height: var(--ui-control-select-icon-size);
@@ -20,4 +16,8 @@
20
16
  align-self: center;
21
17
  content: "";
22
18
  }
19
+
20
+ :where(.end) {
21
+ margin-inline-end: var(--ui-control-select-icon-size);
22
+ }
23
23
  }
package/src/ui/group/default.css CHANGED
@@ -13,7 +13,7 @@
13
13
  }
14
14
  }
15
15
 
16
- & > :where(*) {
16
+ > :where(*) {
17
17
  border-radius: inherit;
18
18
 
19
19
  &:is(.ui-control) {
package/src/ui/group/vertical.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .ui-group:where(.vertical) {
2
2
  flex-direction: column;
3
3
 
4
- & > :where(*) {
4
+ > :where(*) {
5
5
  border-radius: inherit;
6
6
 
7
7
  &:where(:not(:first-child)) {
package/src/ui/image/default.css CHANGED
@@ -11,7 +11,7 @@
11
11
  border-radius: inherit;
12
12
  }
13
13
 
14
- & > :where(img, video, iframe, object, svg) {
14
+ > :where(img, video, iframe, object, svg) {
15
15
  border-radius: inherit;
16
16
  min-width: 100%;
17
17
  height: auto;
package/src/ui/notice/default.css CHANGED
@@ -19,7 +19,7 @@
19
19
  outline-offset: var(--ui-notice-outline-offset);
20
20
  text-wrap: balance;
21
21
 
22
- & :where(hr) {
22
+ :where(hr) {
23
23
  --tw-border-opacity: 0.2;
24
24
  }
25
25
  }
package/src/ui/switch/default.css CHANGED
@@ -11,12 +11,12 @@
11
11
  --ui-switch-bg: var(--color-body-tertiary);
12
12
  }
13
13
 
14
- & :where(a) {
14
+ :where(a) {
15
15
  color: var(--color-accent);
16
16
  text-decoration: underline;
17
17
  }
18
18
 
19
- & :where(input) {
19
+ :where(input) {
20
20
  --tw-outline-opacity: 0;
21
21
  --tw-outline-mix: transparent;
22
22
 
package/src/ui/switch/interactive.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ui-switch {
2
- & :where(input) {
2
+ :where(input) {
3
3
  transition-property: var(--transition);
4
4
  transition-timing-function: var(--ease-in-out);
5
5
  transition-duration: var(--duration);
package/src/ui/text/default.css CHANGED
@@ -6,15 +6,15 @@
6
6
  letter-spacing: var(--ui-text-letter-spacing);
7
7
  text-wrap: pretty;
8
8
 
9
- & > :is(*:first-child) {
9
+ > :is(*:first-child) {
10
10
  margin-block-start: 0;
11
11
  }
12
12
 
13
- & > :is(*:last-child) {
13
+ > :is(*:last-child) {
14
14
  margin-block-end: 0;
15
15
  }
16
16
 
17
- & :where(a) {
17
+ :where(a) {
18
18
  transition: var(--transition-color);
19
19
  color: var(--color-accent);
20
20
  text-decoration: underline;
@@ -30,16 +30,20 @@
30
30
  }
31
31
  }
32
32
 
33
- & :where(b, strong) {
33
+ :where(b, strong) {
34
34
  font-weight: var(--ui-text-content-bold);
35
35
  }
36
36
 
37
- & :where(img) {
37
+ :where(em) {
38
+ font-style: italic;
39
+ }
40
+
41
+ :where(img) {
38
42
  display: block;
39
43
  height: auto;
40
44
  }
41
45
 
42
- & :where(p) {
46
+ :where(p) {
43
47
  margin-block: var(--ui-text-content-my);
44
48
 
45
49
  &:empty {
@@ -52,13 +56,13 @@
52
56
  }
53
57
  }
54
58
 
55
- & :where(hr) {
59
+ :where(hr) {
56
60
  --tw-border-opacity: 0.1;
57
61
 
58
62
  margin-block: var(--ui-text-hr-my);
59
63
  }
60
64
 
61
- & :where(h1, h2, h3, h4, h5, h6) {
65
+ :where(h1, h2, h3, h4, h5, h6) {
62
66
  font-family: var(--ui-text-heading-font-family);
63
67
  font-weight: var(--ui-text-heading-font-weight, var(--ui-text-content-bold));
64
68
  font-size: var(--ui-text-heading-font-size);
@@ -69,59 +73,59 @@
69
73
  text-wrap: balance;
70
74
  }
71
75
 
72
- & :where(h1) {
76
+ :where(h1) {
73
77
  --ui-text-heading-font-size: var(--text-4xl);
74
78
  }
75
79
 
76
- & :where(h2) {
80
+ :where(h2) {
77
81
  --ui-text-heading-font-size: var(--text-3xl);
78
82
  }
79
83
 
80
- & :where(h3) {
84
+ :where(h3) {
81
85
  --ui-text-heading-font-size: var(--text-2xl);
82
86
  }
83
87
 
84
- & :where(h4) {
88
+ :where(h4) {
85
89
  --ui-text-heading-font-size: var(--text-xl);
86
90
  }
87
91
 
88
- & :where(h5) {
92
+ :where(h5) {
89
93
  --ui-text-heading-font-size: var(--text-lg);
90
94
  }
91
95
 
92
- & :where(table) {
96
+ :where(table) {
93
97
  border: 0;
94
98
  min-width: 100%;
95
99
 
96
- & :where(td, th) {
100
+ :where(td, th) {
97
101
  padding: 1em 1.25em;
98
102
  text-align: left;
99
103
  }
100
104
 
101
- & :where(thead) {
105
+ :where(thead) {
102
106
  font-weight: var(--ui-text-content-bold);
103
107
  border-block-end: 1px solid color-mix(in var(--space), currentColor 10%, transparent);
104
108
  }
105
109
 
106
- & :where(tbody tr) {
110
+ :where(tbody tr) {
107
111
  &:nth-of-type(even) {
108
112
  background-color: color-mix(in var(--space), currentColor 5%, transparent);
109
113
  }
110
114
  }
111
115
  }
112
116
 
113
- & :where(ol, ul) {
117
+ :where(ol, ul) {
114
118
  margin-inline-start: 0.75em;
115
119
  padding-inline-start: 1em;
116
120
  margin-block: var(--ui-text-content-my);
117
121
 
118
- & :where(li) {
122
+ :where(li) {
119
123
  margin-block: 0.5em;
120
124
  padding-inline-start: 1ch;
121
125
  }
122
126
  }
123
127
 
124
- & :where(ol) {
128
+ :where(ol) {
125
129
  &:not([type]) {
126
130
  list-style: decimal;
127
131
  }
@@ -134,8 +138,8 @@
134
138
  }
135
139
  }
136
140
 
137
- & :where(ul) {
138
- & :where(li) {
141
+ :where(ul) {
142
+ :where(li) {
139
143
  position: relative;
140
144
  list-style-type: "";
141
145
 
@@ -165,22 +169,22 @@
165
169
  }
166
170
  }
167
171
 
168
- & :where(blockquote) {
172
+ :where(blockquote) {
169
173
  border-left: 0.375em solid var(--color-accent);
170
174
  padding: 0.5em 1.25em;
171
175
  margin-block: var(--ui-text-content-my);
172
176
  font-size: inherit;
173
177
  }
174
178
 
175
- & :where(code) {
179
+ :where(code) {
176
180
  font-size: 87.5%;
177
181
  }
178
182
 
179
- & :where(figure) {
183
+ :where(figure) {
180
184
  margin-block: var(--ui-text-content-my);
181
185
  }
182
186
 
183
- & :where(figcaption) {
187
+ :where(figcaption) {
184
188
  font-size: 87.5%;
185
189
  line-height: 1.5;
186
190
  font-weight: var(--font-semibold);
package/src/utilities/swap/default.css CHANGED
@@ -10,7 +10,7 @@
10
10
  opacity: 0;
11
11
  }
12
12
 
13
- & > [aria-hidden="false"],
13
+ > [aria-hidden="false"],
14
14
  input:not(:checked, :indeterminate) + :where(*),
15
15
  input:indeterminate ~ :where(*:nth-last-child(2)),
16
16
  input:checked ~ :where(*:last-child) {
package/src/components/dialog/default-rgb.css DELETED
@@ -1,3 +0,0 @@
1
- .c-dialog {
2
- --c-dialog-bg: rgb(var(--color-dark-rgb) / var(--tw-bg-opacity));
3
- }
package/src/main-rgb.css DELETED
@@ -1,11 +0,0 @@
1
- @import "ui/btn/default-rgb.css";
2
- @import "ui/btn/bordered-rgb.css";
3
- @import "ui/btn/gradient-bordered-rgb.css";
4
- @import "ui/badge/default-rgb.css";
5
- @import "ui/badge/bordered-rgb.css";
6
- @import "ui/control/default-rgb.css";
7
- @import "ui/progress/default-rgb.css";
8
- @import "ui/check/default-rgb.css";
9
- @import "ui/switch/default-rgb.css";
10
- @import "ui/notice/default-rgb.css";
11
- @import "ui/text/default-rgb.css";
package/src/ui/badge/bordered-rgb.css DELETED
@@ -1,3 +0,0 @@
1
- .ui-badge:where(.bordered) {
2
- border-color: rgb(var(--color-accent-rgb) / calc(var(--tw-border-opacity) * 100%));
3
- }
package/src/ui/badge/default-rgb.css DELETED
@@ -1,9 +0,0 @@
1
- .ui-badge {
2
- --color-current-rgb: var(--color-accent-foreground-rgb);
3
- --ui-badge-bg: rgb(var(--color-accent-rgb) / var(--ui-badge-bg-opacity));
4
- --ui-badge-color: rgb(var(--color-current-rgb) / var(--ui-badge-color-opacity));
5
-
6
- &:where(.bordered, .muted) {
7
- --color-current-rgb: var(--color-accent-rgb);
8
- }
9
- }
package/src/ui/btn/bordered-rgb.css DELETED
@@ -1,3 +0,0 @@
1
- .ui-btn:where(.bordered) {
2
- border: var(--ui-btn-border-width, 1px) solid rgb(var(--color-accent-rgb) / var(--ui-btn-border-opacity, calc(var(--tw-border-opacity) * 100%)));
3
- }
package/src/ui/btn/default-rgb.css DELETED
@@ -1,9 +0,0 @@
1
- .ui-btn {
2
- --color-current-rgb: var(--color-accent-foreground-rgb);
3
- --ui-btn-bg: rgb(var(--color-accent-rgb) / var(--ui-btn-bg-opacity));
4
- --ui-btn-color: rgb(var(--color-current-rgb) / var(--ui-btn-color-opacity));
5
-
6
- &:where(.bordered, .muted, .ghosted) {
7
- --color-current-rgb: var(--color-accent-rgb);
8
- }
9
- }
package/src/ui/btn/gradient-bordered-rgb.css DELETED
@@ -1,17 +0,0 @@
1
- .ui-btn {
2
- &:where(.gradient-bordered) {
3
- &::before {
4
- background-color: rgb(var(--color-body-rgb) / calc(100% - var(--ui-btn-bg-opacity)));
5
- }
6
-
7
- &:where(.hover-fill) {
8
- &::before {
9
- background-color: rgb(var(--color-body-rgb) / var(--ui-btn-bg-opacity));
10
- }
11
- }
12
- }
13
-
14
- &:is(.gradient-bordered) {
15
- --color-current-rgb: var(--color-current-rgb);
16
- }
17
- }
package/src/ui/check/default-rgb.css DELETED
@@ -1,26 +0,0 @@
1
- .ui-check {
2
- --ui-check-bg: var(--color-body-rgb);
3
- --ui-check-border-color: var(--color-current-rgb);
4
- --ui-check-checked-bg: var(--color-accent-rgb);
5
-
6
- & :where(input) {
7
- background-color: rgb(var(--ui-check-bg) / var(--ui-check-bg-opacity, 0));
8
- border: var(--ui-check-border-width, 1px) solid rgb(var(--ui-check-border-color, var(--color-current)) / var(--ui-check-border-opacity, calc(var(--tw-border-opacity) * 100%)));
9
-
10
- &:enabled {
11
- &:focus {
12
- outline-color: rgb(var(--ui-check-checked-bg) / var(--ui-check-outline-opacity, 20%));
13
- }
14
- }
15
-
16
- &:checked {
17
- background-color: rgb(var(--ui-check-checked-bg));
18
- }
19
- }
20
-
21
- &.invalid, .validated & :where(input):invalid {
22
- --ui-check-bg: var(--color-error-rgb);
23
- --ui-check-border-color: var(--color-error-rgb);
24
- --ui-check-checked-bg: var(--color-error-rgb);
25
- }
26
- }
package/src/ui/control/default-rgb.css DELETED
@@ -1,22 +0,0 @@
1
- .ui-control {
2
- --ui-control-border-color: var(--color-current-rgb);
3
-
4
- border: var(--ui-control-border-width) solid rgb(var(--ui-control-border-color, var(--color-current-rgb)) / var(--ui-control-border-opacity, 15%));
5
-
6
- &:has(:disabled) {
7
- background-color: rgb(var(--color-main-rgb) / var(--ui-control-disabled-opacity, 5%));
8
- }
9
-
10
- &:focus-visible {
11
- --ui-control-border-color: var(--color-accent-rgb);
12
-
13
- outline-color: rgb(var(--color-accent-rgb) / var(--ui-control-outline-opacity, 20%));
14
- }
15
-
16
- &.invalid, .validated &:has(:invalid) {
17
- --ui-control-border-color: var(--color-error-rgb);
18
- --color-accent-rgb: var(--color-error-rgb);
19
-
20
- background-color: rgb(var(--color-error-rgb) / var(--ui-control-invalid-bg-opacity, 10%));
21
- }
22
- }
package/src/ui/notice/default-rgb.css DELETED
@@ -1,6 +0,0 @@
1
- .ui-notice {
2
- --ui-notice-bg: var(--color-accent-rgb);
3
-
4
- background-color: rgb(var(--ui-notice-bg) / 10%);
5
- outline: var(--ui-notice-outline-width) solid rgb(var(--ui-notice-bg) / var(--ui-notice-outline-opacity, 10%));
6
- }
package/src/ui/progress/default-rgb.css DELETED
@@ -1,3 +0,0 @@
1
- .ui-progress {
2
- --ui-progress-bg: rgb(var(--color-accent-rgb) / var(--ui-progress-bg-opacity));
3
- }
package/src/ui/switch/default-rgb.css DELETED
@@ -1,11 +0,0 @@
1
- .ui-switch {
2
- & :where(input) {
3
- &:focus {
4
- outline-color: rgb(var(--color-current-rgb) / var(--ui-switch-outline-opacity, 20%));
5
- }
6
-
7
- &:checked {
8
- --color-current-rgb: var(--color-accent-rgb);
9
- }
10
- }
11
- }
package/src/ui/text/default-rgb.css DELETED
@@ -1,13 +0,0 @@
1
- .ui-text {
2
- & :where(table) {
3
- & :where(thead) {
4
- border-bottom: 1px solid rgb(var(--color-current-rgb) / 7.5%);
5
- }
6
-
7
- & :where(tbody tr) {
8
- &:nth-of-type(even) {
9
- background-color: rgb(var(--color-current-rgb) / 5%);
10
- }
11
- }
12
- }
13
- }