winduum 2.0.0-next.10 → 2.0.0-next.12

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 (36) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/test.css +1 -0
  3. package/package.json +1 -1
  4. package/src/base/reset.css +0 -1
  5. package/src/components/badge/circle.css +1 -1
  6. package/src/components/badge/default.css +2 -2
  7. package/src/components/badge/props/default.css +1 -1
  8. package/src/components/badge/square.css +1 -1
  9. package/src/components/button/bordered.css +1 -1
  10. package/src/components/button/circle.css +1 -1
  11. package/src/components/button/default.css +2 -2
  12. package/src/components/button/lg.css +1 -1
  13. package/src/components/button/props/default.css +1 -1
  14. package/src/components/button/sm.css +1 -1
  15. package/src/components/button/square.css +1 -1
  16. package/src/components/check/invalid.css +1 -1
  17. package/src/components/color/interactive.css +1 -1
  18. package/src/components/color/props/default.css +0 -1
  19. package/src/components/compare/default.css +1 -1
  20. package/src/components/control/color.css +5 -5
  21. package/src/components/control/default.css +1 -1
  22. package/src/components/control/invalid.css +1 -1
  23. package/src/components/control/props/color.css +2 -2
  24. package/src/components/control/props/default.css +1 -1
  25. package/src/components/dialog/index.d.ts +1 -0
  26. package/src/components/dialog/index.js +3 -2
  27. package/src/components/field/default.css +1 -1
  28. package/src/components/form/index.d.ts +4 -4
  29. package/src/components/form/index.js +11 -10
  30. package/src/components/rating/default.css +8 -0
  31. package/src/components/rating/invalid.css +1 -1
  32. package/src/components/rating/props/default.css +0 -1
  33. package/src/components/switch/invalid.css +1 -1
  34. package/src/components/toast/default.css +3 -3
  35. package/src/components/toaster/index.d.ts +2 -17
  36. package/src/components/toaster/index.js +4 -56
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(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),:where([popover]){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}: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-primary-foreground);background-color:var(--color-primary)}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}: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, 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){background-color:color-mix(in var(--default-color-space),currentColor 100%,transparent);block-size:1px;inline-size:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--default-color-scheme);font-family:var(--font-family-primary);font-weight:var(--font-weight-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{--default-font-family: 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-family-primary: var(--default-font-family);--font-family-secondary: var(--default-font-family);--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-thin: 200;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--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-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></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;--radius: var(--radius-xl);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-5xl: 2.5rem;--radius-6xl: 3rem;--radius-full: calc(infinity * 1px);--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;--default-transition-duration: .15s;--default-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1);--transition-all: all var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-color: color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-background: background var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-opacity: opacity var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-transform: transform var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-border: border-color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-shadow: box-shadow var(--default-transition-duration) var(--transition-timing-function-in-out)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{0%{opacity:100%}}:root,:host{--default-color-space: sRGB;--default-color-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(--default-color-space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--default-color-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(--default-color-space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--default-color-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{--default-color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.x-badge{--x-badge-background-color: var(--color-accent);--x-badge-border-color: var(--color-accent);--x-badge-color: var(--color-accent-foreground);inline-size:var(--x-badge-width);block-size:var(--x-badge-height);padding:var(--x-badge-padding-block) var(--x-badge-padding-inline);padding-inline:calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));border-radius:var(--x-badge-border-radius);font-family:var(--x-badge-font-family);font-weight:var(--x-badge-font-weight);font-size:var(--x-badge-font-size);letter-spacing:var(--x-badge-letter-spacing);background-color:color-mix(in var(--x-badge-background-color-space, srgb),var(--x-badge-background-color) var(--x-badge-background-color-opacity, 100%),var(--x-badge-background-color-mix, transparent));color:color-mix(in var(--x-badge-color-space, srgb),var(--x-badge-color) var(--x-badge-color-opacity, 100%),var(--x-badge-color-mix, transparent));border:var(--x-badge-border-width) solid color-mix(in var(--x-badge-border-color-space, srgb),var(--x-badge-border-color) var(--x-badge-border-color-opacity, 100%),var(--x-badge-border-color-mix, transparent));gap:var(--x-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--x-badge-border-width: 0px;--x-badge-border-radius: var(--radius-lg);--x-badge-font-size: var(--font-size-xs);--x-badge-gap: var(--spacing-xs);--x-badge-height: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-height: 1.25rem;--x-badge-font-size: var(--font-size-xs)}.x-badge:is(.lg){--x-badge-height: 1.75rem}.x-badge:is(.bordered){--x-badge-border-width: 1px;--x-badge-border-color-opacity: 100%;--x-badge-background-color-opacity: 0%;--x-badge-color: var(--color-accent)}.x-badge:is(.muted){--x-badge-color: var(--color-accent);--x-badge-background-color-opacity: 10%}.x-badge:is(.square){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-width: var(--x-badge-height)}.x-badge:is(.circle){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-width: var(--x-badge-height);--x-badge-border-radius: var(--radius-full)}:root,:host{--x-button-outline-width: 2px;--x-button-border-width: 0px;--x-button-border-radius: var(--radius);--x-button-font-size: var(--font-size-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: var(--spacing-sm);--x-button-height: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem;--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 80%;--x-button-focus-outline-offset: 2px;--x-button-focus-outline-color-opacity: 50%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%;--x-button-disabled-background-color-opacity: 75%}.x-button{--x-button-background-color: var(--color-accent);--x-button-border-color: var(--color-accent);--x-button-color: var(--color-accent-foreground);inline-size:var(--x-button-width);block-size:var(--x-button-height);padding:var(--x-button-padding-block) var(--x-button-padding-inline);padding-inline:calc(var(--x-button-padding-inline) - var(--x-button-border-width));border-radius:var(--x-button-border-radius);font-family:var(--x-button-font-family);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);letter-spacing:var(--x-button-letter-spacing);background-color:color-mix(in var(--x-button-background-color-space, srgb),var(--x-button-background-color) var(--x-button-background-color-opacity, 100%),var(--x-button-background-color-mix, transparent));color:color-mix(in var(--x-button-color-space, srgb),var(--x-button-color) var(--x-button-color-opacity, 100%),var(--x-button-color-mix, transparent));border:var(--x-button-border-width) solid color-mix(in var(--x-button-border-color-space, srgb),var(--x-button-border-color) var(--x-button-border-color-opacity, 100%),var(--x-button-border-color-mix, transparent));outline:var(--x-button-outline-width) solid color-mix(in var(--x-button-outline-color-space, srgb),var(--x-button-outline-color, transparent) var(--x-button-outline-color-opacity, 100%),var(--x-button-outline-color-mix, transparent));outline-offset:var(--x-button-outline-offset);gap:var(--x-button-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}.x-button :where(*){pointer-events:none}.x-button:where(input):after{content:attr(aria-label)}.x-button{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-button:where(.accent-primary),.x-button:where(.accent-body),.x-button:where(.accent-light),.x-button:where(.accent-dark){--x-button-hover-background-color-mix: var(--color-accent-foreground)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):active,.x-button:is(button,input,label,:-moz-any-link,[role=button]):checked,.x-button.active:is(button,input,label,:-moz-any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):active,.x-button:is(button,input,label,:any-link,[role=button]):checked,.x-button.active:is(button,input,label,:any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(button,input,label,:any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(.sm){--x-button-height: 2rem;--x-button-padding-inline: 1rem}.x-button:is(.lg){--x-button-height: 3rem;--x-button-padding-inline: 1.75rem}.x-button:is(.bordered){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-border-color-opacity: 30%;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-border-color-opacity: 30%;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-border-color-opacity: 30%;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: 0px;--x-button-border-width: 1px;--x-button-border-color-opacity: 30%;--x-button-background-color-opacity: 0%;--x-button-color: var(--color-accent)}.x-button:is(.ghosted){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 0%}.x-button:is(.muted){--x-button-disabled-background-color-opacity: 5%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 30%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 20%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 10%}.x-button:is(.raised){--x-button-border-width: 1px;--x-button-border-color-opacity: 75%;--x-button-border-color: var(--x-button-background-color);--x-button-border-color-mix: var(--x-button-color)}.x-button:is(.fill){--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 100%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%}.x-button:is(.square){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-width: var(--x-button-height)}.x-button:is(.circle){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-width: var(--x-button-height);--x-button-border-radius: var(--radius-full)}:root,:host{--x-check-size: 1.25rem;--x-check-icon-size: 1.125rem;--x-check-icon: var(--mask-check);--x-check-gap: var(--spacing-md);--x-check-font-size: var(--font-size-sm);--x-check-line-height: calc(1em + .25rem) ;--x-check-border-radius: var(--radius-md);--x-check-border-width: 1px;--x-check-background-color: currentColor;--x-check-border-color: currentColor;--x-check-outline-width: 2px}.x-check{--x-check-outline-color: var(--color-accent);--x-check-icon-color: var(--color-accent-foreground);font-weight:var(--x-check-font-weight);font-size:var(--x-check-font-size);line-height:var(--x-check-line-height);letter-spacing:var(--x-check-letter-spacing);gap:var(--x-check-gap);display:inline-flex;text-wrap:pretty}.x-check:has([type=radio]){--x-check-icon: var(--mask-radio);--x-check-border-radius: 50%}.x-check :where(input){inline-size:var(--x-check-size);block-size:var(--x-check-size);border-radius:var(--x-check-border-radius);background-color:color-mix(in var(--x-check-background-color-space, srgb),var(--x-check-background-color) var(--x-check-background-color-opacity, 0%),var(--x-check-background-color-mix, transparent));border:var(--x-check-border-width) solid color-mix(in var(--x-check-border-color-space, srgb),var(--x-check-border-color) var(--x-check-border-color-opacity, 20%),var(--x-check-border-color-mix, transparent));outline:var(--x-check-outline-width) solid color-mix(in var(--x-check-outline-color-space, srgb),var(--x-check-outline-color) var(--x-check-outline-color-opacity, 0%),var(--x-check-outline-color-mix, transparent));outline-offset:var(--x-check-outline-offset);display:flex;flex-shrink:0}.x-check :where(input):before{inline-size:var(--x-check-icon-size);block-size:var(--x-check-icon-size);color:var(--x-check-icon-color);-webkit-mask:var(--x-check-icon);mask:var(--x-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}:is(.x-check :where(input):where(:required))+*:after{color:var(--x-check-required-color, var(--color-error));content:" *"}.x-check{--x-check-hover-border-color: var(--color-accent);--x-check-hover-background-color: var(--color-accent);--x-check-checked-background-color: var(--color-accent);--x-check-focus-border-color: var(--color-accent)}.x-check :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-check :where(input):where(:hover,:focus-visible){--x-check-background-color: var(--x-check-hover-background-color);--x-check-background-color-opacity: var(--x-check-hover-background-color-opacity, 10%);--x-check-border-color: var(--x-check-hover-border-color);--x-check-border-color-opacity: var(--x-check-hover-border-color-opacity, 75%)}.x-check :where(input):focus{--x-check-border-color: var(--x-check-focus-border-color);--x-check-border-color-opacity: var(--x-check-focus-border-color-opacity, 75%);--x-check-outline-color-opacity: var(--x-check-focus-outline-opacity, 20%);--x-check-outline-offset: var(--x-check-focus-outline-offset)}.x-check :where(input):disabled{--x-check-background-color: var(--x-check-disabled-background-color, currentColor);--x-check-background-color-mix: var(--x-check-disabled-background-color-mix, transparent);--x-check-background-color-opacity: var(--x-check-disabled-background-color-opacity, 5%);--x-check-border-color: var(--x-check-disabled-border-color, currentColor);--x-check-border-color-mix: var(--x-check-disabled-border-color-mix, transparent);--x-check-border-color-opacity: var(--x-check-disabled-border-color-opacity, 15%);cursor:not-allowed}.x-check :where(input):where([type=checkbox]):indeterminate{--x-check-icon: var(--mask-indeterminate)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate){--x-check-background-color: var(--x-check-checked-background-color);--x-check-background-color-opacity: 100%;--x-check-border-color-opacity: 0%}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):disabled{opacity:var(--x-check-checked-disabled-opacity, 75%)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:100%;transform:scale(1)}.x-check.invalid,.x-check :user-invalid,.validated .x-check :invalid{--x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));--x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));--x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));--x-check-background-color-opacity: var(--x-check-invalid-background-color-opacity, 15%);--x-check-border-color-opacity: var(--x-check-invalid-border-color-opacity, 100%)}:root,:host{--x-color-primary: currentColor;--x-color-secondary: transparent;--x-color-size: 1.5rem;--x-color-border-radius: var(--radius-full);--x-color-outline-width: 1px}.x-color{--x-color-outline-color: var(--color-accent);display:inline-flex}.x-color :where(input){inline-size:var(--x-color-size);block-size:var(--x-color-size);border-radius:var(--x-color-border-radius);outline:var(--x-color-outline-width, 1px) solid color-mix(in var(--x-color-outline-color-space, srgb),var(--x-color-outline-color) var(--x-color-outline-color-opacity, 0%),var(--x-color-outline-color-mix, transparent));outline-offset:var(--x-color-outline-offset);display:inline-grid}.x-color :where(input):before,.x-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.x-color :where(input):before{background-color:var(--x-color-primary)}.x-color :where(input):after{background-color:var(--x-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}.x-color :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-color :where(input):disabled{cursor:not-allowed}.x-color :where(input):disabled:before,.x-color :where(input):disabled:after{opacity:var(--x-color-disabled-opacity, 50%)}.x-color :where(input):enabled:hover{--x-color-outline-color-opacity: var(--x-color-hover-outline-color-opacity);--x-color-outline-offset: var(--x-color-hover-outline-offset)}.x-color :where(input):enabled:focus-visible{--x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 50%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked{--x-color-outline-color-opacity: var(--x-color-checked-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked:focus-visible{outline-style:dashed}:root,:host{--x-control-height: 3rem;--x-control-height-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius);--x-control-border-color: currentColor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--font-size-sm);--x-control-background-color: transparent;--x-control-color: currentColor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentColor;--x-control-placeholder-opacity: 50%;--x-control-color-swatch-width: 1.25rem;--x-control-color-swatch-height: 1.25rem;--x-control-color-swatch-border-radius: var(--radius-full);--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem;--x-control-label-translate-y: .625rem;--x-control-label-scale: .8;--x-control-select-icon-size: 1.5rem;--x-control-select-icon-margin-inline-end: -.25rem}.x-control{display:grid;block-size:var(--x-control-height);font-family:var(--x-control-font-family);font-weight:var(--x-control-font-weight);font-size:var(--x-control-font-size);letter-spacing:var(--x-control-letter-spacing);color:var(--x-control-color);border-radius:var(--x-control-border-radius);background-color:color-mix(in var(--x-control-background-color-space, srgb),var(--x-control-background-color) var(--x-control-background-color-opacity, 100%),var(--x-control-background-color-mix, transparent));border:var(--x-control-border-width) solid color-mix(in var(--x-control-border-color-space, srgb),var(--x-control-border-color) var(--x-control-border-color-opacity, 15%),var(--x-control-border-color-mix, transparent));outline:var(--x-control-outline-width) solid color-mix(in var(--x-control-outline-color-space, srgb),var(--x-control-outline-color, var(--color-accent)) var(--x-control-outline-color-opacity, 0%),var(--x-control-outline-color-mix, transparent));outline-offset:var(--x-control-outline-offset);grid-template:[x-control-start] calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-padding] 1fr calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-end] / [x-control-start] var(--x-control-padding-inline) [x-control-padding] 1fr var(--x-control-padding-inline) [x-control-end]}.x-control:has(textarea){height:auto}.x-control>:where(*){grid-area:x-control-padding;align-self:center}.x-control>:where(input,textarea,select){padding-block:var(--x-control-padding-block);padding-inline:calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));grid-area:x-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,textarea)::-moz-placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(input,textarea)::placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(textarea){min-block-size:var(--x-control-height-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-control:focus-within{--x-control-border-color: var(--x-control-focus-border-color, var(--color-accent));--x-control-border-color-opacity: var(--x-control-focus-border-color-opacity, 100%);--x-control-outline-offset: var(--x-control-focus-outline-offset);--x-control-outline-color-opacity: var(--x-control-focus-outline-color-opacity, 20%)}.x-control.disabled,.x-control:has(:where(input,textarea,select):disabled){--x-control-background-color: var(--x-control-disabled-background-color, currentColor);--x-control-background-color-opacity: var(--x-control-disabled-background-color-opacity, 5%);--x-control-border-color: var(--x-control-disabled-border-color, currentColor);--x-control-border-color-opacity: var(--x-control-disabled-border-color-opacity)}.x-control.invalid,.x-control:has(:user-invalid),.validated .x-control:has(:invalid){--x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));--x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);--x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));--x-control-border-color-opacity: var(--x-control-invalid-border-color-opacity, 100%);--x-control-outline-color: var(--x-control-invalid-outline-color, var(--color-error));--x-control-color: var(--x-control-invalid-color, var(--color-error))}.x-control>:where(input)::-webkit-color-swatch-wrapper{inline-size:var(--x-control-color-swatch-width);block-size:var(--x-control-color-swatch-height);padding:0}.x-control>:where(input)::-moz-color-swatch{inline-size:var(--x-control-color-swatch-width);block-size:var(--x-control-color-swatch-height);border-radius:var(--x-control-color-swatch-border-radius);margin:0}.x-control>:where(input)::-webkit-color-swatch{border-radius:var(--x-control-color-swatch-border-radius)}[type=color]:is(.x-control>:where(input))~label{margin-inline-start:calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-width))}.x-control{--x-control-start: calc(var(--x-control-icon-count-start, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap));--x-control-end: calc(var(--x-control-icon-count-end, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap))}.x-control:has(textarea) :where(.me-auto),.x-control:has(textarea) :where(.ms-auto){align-self:start}.x-control:has(.me-auto){--x-control-padding-inline-start: calc(var(--x-control-start) + var(--x-control-padding-inline))}.x-control:has(.ms-auto){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline))}.x-control:has(.me-auto>*:nth-child(2)){--x-control-icon-count-start: 2}.x-control:has(.ms-auto>*:nth-child(2)){--x-control-icon-count-end: 2}.x-control :where(.me-auto),.x-control :where(.ms-auto){gap:var(--x-control-icon-gap);display:flex;align-items:center}.x-control:where(:has([type=file])){overflow:clip}.x-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--x-control-file-background-color-space, srgb),var(--x-control-file-background-color, currentColor) var(--x-control-file-background-color-opacity, 15%),var(--x-control-file-background-color-mix, transparent));block-size:calc(var(--x-control-height) - var(--x-control-border-width) * 2);padding-inline:var(--x-control-padding-inline);margin-inline:calc(var(--x-control-padding-inline) * -1) var(--x-control-padding-inline);margin-block-start:calc(var(--x-control-padding-block) * -1);border-start-end-radius:var(--x-control-border-radius);border-end-end-radius:var(--x-control-border-radius);transition:var(--transition-background);cursor:pointer}.x-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--x-control-file-background-color-opacity: 20%}.x-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--x-control-padding-inline-start, 0) var(--x-control-padding-inline-end, 0);transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform}.x-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale))}:is(.x-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.x-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale)) calc(var(--x-control-padding-block) - var(--x-control-label-translate-y) * var(--x-control-label-scale))}.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--x-control-label-translate-y) * var(--x-control-label-scale) * -1))}.x-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--x-control-required-color, var(--color-error));content:" *"}.x-control:where(:has(:not([type=color])~label)){--x-control-label-focus-opacity: 50%;--x-control-placeholder-color: transparent}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}.x-control:has(select:not([multiple])){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline) + var(--x-control-select-icon-margin-inline-end))}.x-control:has(select:not([multiple])):has(.ms-auto){--x-control-icon-count-end: 2}.x-control:has(select:not([multiple])):after{inline-size:var(--x-control-select-icon-size);block-size:var(--x-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--x-control-select-icon-margin-inline-end);grid-area:x-control-padding;background-color:currentColor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select[multiple]){--x-control-height: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-group{display:flex;border-radius:var(--radius)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-height);height:auto}.x-group:has(.x-control)>:is(.x-button){--x-button-border-width: var(--x-control-border-width)}.x-group>:where(*){border-radius:inherit}.x-group>:where(*):is(.x-control){--x-control-border-color-mix: var(--color-body-primary)}.x-group>:where(*):is(.x-button){--x-button-focus-outline-offset: 0}.x-group>:where(*):focus-within{z-index:1}.x-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.x-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.x-group:where(.vertical){flex-direction:column}.x-group:where(.vertical)>:where(*){border-radius:inherit}.x-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.x-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--x-heading-font-family: var(--font-family-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--font-size-xl);--x-heading-line-height: calc(1em + .375rem) }.x-heading{font-family:var(--x-heading-font-family);font-weight:var(--x-heading-font-weight);font-size:var(--x-heading-font-size);line-height:var(--x-heading-line-height);letter-spacing:var(--x-heading-letter-spacing);text-wrap:balance}.x-heading:is(.sm){--x-heading-font-size: var(--font-size-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--font-size-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;-o-object-fit:contain;object-fit:contain}.x-image:where(.avatar){border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.x-image:where(.avatar) :where(span){font-weight:var(--font-weight-medium);font-size:50cqi}:root,:host{--x-info-font-size: var(--font-size-xs);--x-info-line-height: calc(1em + .25rem) }.x-info{font-family:var(--x-info-font-family);font-weight:var(--x-info-font-weight);font-size:var(--x-info-font-size);line-height:var(--x-info-line-height);letter-spacing:var(--x-info-letter-spacing);text-wrap:pretty}:root,:host{--x-label-font-size: var(--font-size-sm);--x-label-line-height: calc(1em + .25rem) }.x-label{font-family:var(--x-label-font-family);font-weight:var(--x-label-font-weight);font-size:var(--x-label-font-size);line-height:var(--x-label-line-height);letter-spacing:var(--x-label-letter-spacing);text-wrap:pretty}:root,:host{--x-link-font-size: var(--font-size-sm);--x-link-line-height: calc(1em + .25rem) }.x-link{font-family:var(--x-link-font-family);font-weight:var(--x-link-font-weight);font-size:var(--x-link-font-size);line-height:var(--x-link-line-height);letter-spacing:var(--x-link-letter-spacing);text-wrap:pretty}.x-link:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:-moz-any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}.x-link:where(:any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}:root,:host{--x-notice-padding-block: 1.25rem;--x-notice-padding-inline: 1.5rem;--x-notice-font-size: var(--font-size-sm);--x-notice-border-radius: var(--radius);--x-notice-outline-width: 1px;--x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1)}.x-notice{padding:var(--x-notice-padding-block) var(--x-notice-padding-inline);font-size:var(--x-notice-font-size);border-radius:var(--x-notice-border-radius);background-color:color-mix(in var(--x-notice-background-color-space, srgb),var(--x-notice-background-color, var(--color-accent)) var(--x-notice-background-color-opacity, 10%),var(--x-notice-background-color-mix, transparent));color:var(--x-notice-color, var(--color-accent));outline:var(--x-notice-outline-width) solid color-mix(in var(--x-notice-outline-color-space, srgb),var(--x-notice-outline-color, var(--color-accent)) var(--x-notice-outline-color-opacity, 10%),var(--x-notice-outline-color-mix, transparent));outline-offset:var(--x-notice-outline-offset);text-wrap:pretty}:root,:host{--x-progress-block-size: 1rem;--x-progress-border-radius: var(--radius-full);--x-progress-transition-duration: .3s;--x-progress-indeterminate-transition-duration: 1s}.x-progress{inline-size:var(--x-progress-inline-size, 100%);block-size:var(--x-progress-block-size);border-radius:var(--x-progress-border-radius);background-color:color-mix(in var(--x-progress-background-color-space, srgb),var(--x-progress-background-color, var(--color-accent)) var(--x-progress-background-color-opacity, 10%),var(--x-progress-background-color-mix, var(--color-body)));position:relative;overflow:clip}.x-progress::-moz-progress-bar{background-color:var(--x-progress-bar-background-color, var(--color-accent));-moz-transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.x-progress::-webkit-progress-inner-element{border-radius:inherit}.x-progress::-webkit-progress-value{background-color:var(--x-progress-bar-background-color, var(--color-accent));-webkit-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-transition-duration) var(--transition-timing-function-linear) infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 33.33%,transparent 0%);background-position:top left;background-repeat:no-repeat;background-size:150%}.x-progress:indeterminate::-moz-progress-bar{background-color:transparent}.x-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.x-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.x-progress::-webkit-meter-optimum-value{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress::-webkit-meter-suboptimum-value{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress::-webkit-meter-even-less-good-value{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:is(.sm){--x-progress-block-size: .5rem}.x-progress:is(.lg){--x-progress-block-size: 1.5rem}:root,:host{--x-range-track-block-size: .375rem;--x-range-thumb-size: 1.125rem;--x-range-thumb-border-width: 0;--x-range-thumb-outline-width: 2px;--x-range-thumb-focus-outline-opacity: 50%;--x-range-track-start: 0%;--x-range-track-end: 100%}.x-range{--x-range-thumb-background-color: var(--color-accent);--x-range-thumb-border-color: var(--x-range-thumb-background-color);--x-range-track-background-color: var(--color-accent);--x-range-track-background: linear-gradient( to right, var(--x-range-track-background-color) 0%, var(--x-range-track-background-color) var(--x-range-track-start), transparent var(--x-range-track-start), transparent var(--x-range-track-end) );min-block-size:var(--x-range-thumb-size);display:grid}.x-range :where(input){block-size:var(--x-range-track-block-size);background-color:color-mix(in var(--x-range-background-color-space, srgb),var(--x-range-background-color, var(--color-accent)) var(--x-range-background-color-opacity, 10%),var(--x-range-background-color-mix, var(--color-body)));position:relative;grid-area:1/1}.x-range :where(input)::-webkit-slider-runnable-track{block-size:var(--x-range-track-block-size);border-radius:var(--x-range-track-border-radius, var(--radius-full));background:var(--x-range-track-background)}.x-range :where(input)::-moz-range-track{block-size:var(--x-range-track-block-size);border-radius:var(--radius-full);background:var(--x-range-track-background)}.x-range :where(input)::-webkit-slider-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));margin-block-start:calc((var(--x-range-thumb-size) - var(--x-range-track-block-size)) / 2 * -1);-webkit-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-webkit-slider-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input)::-moz-range-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));-moz-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-moz-range-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-webkit-slider-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-moz-range-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):not(:only-of-type){--x-range-track-background: linear-gradient( to right, transparent 0%, transparent var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-end), transparent var(--x-range-track-end), transparent 100% );pointer-events:none}:is(.x-range :where(input):not(:only-of-type))~input{background:transparent}.x-range:where(.vertical){min-inline-size:var(--x-range-thumb-size);container-type:size}.x-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:calc(50% - 25cqw);inset-inline-start:calc(-50% + 50cqw)}:root,:host{--x-rating-inline-size: 1.25rem;--x-rating-block-size: 1.25rem;--x-rating-color: var(--color-accent);--x-rating-gap: .25rem;--x-rating-opacity: .2;--x-rating-icon: var(--mask-star)}.x-rating{display:flex;align-items:center}.x-rating :where(input){inline-size:var(--x-rating-inline-size);block-size:var(--x-rating-block-size);color:var(--x-rating-color);opacity:var(--x-rating-opacity);transition:var(--transition-opacity);display:grid;box-sizing:content-box}.x-rating :where(input):not(:last-child){border-inline-end-width:var(--x-rating-gap);border-inline-color:transparent}.x-rating :where(input):before{-webkit-mask:var(--x-rating-icon);mask:var(--x-rating-icon);background-color:currentColor;content:""}.x-rating:has(:checked) input{opacity:100%}.x-rating:has(:checked) input:where(:checked~input){opacity:var(--x-rating-opacity)}.x-rating:hover input{opacity:100%}:is(.x-rating:hover input):hover~input{opacity:var(--x-rating-opacity)}.x-rating.invalid,.x-rating :user-invalid,.validated .x-rating :invalid{--x-rating-color: var(--x-rating-invalid-color, var(--color-error))}:root,:host{--x-switch-inline-size: 3rem;--x-switch-block-size: 1.5rem;--x-switch-icon-size: 1.125rem;--x-switch-font-weight: var(--font-weight-normal);--x-switch-font-size: var(--font-size-sm);--x-switch-line-height: calc(1em + .25rem) ;--x-switch-gap: .75rem;--x-switch-border-radius: var(--radius-full);--x-switch-background-color: currentColor;--x-switch-outline-width: 2px;--x-switch-outline-color: currentColor}.dark:root,.dark:host{--x-switch-background-color: var(--color-body-tertiary)}.x-switch{font-weight:var(--x-switch-font-weight);font-size:var(--x-switch-font-size);line-height:var(--x-switch-line-height);letter-spacing:var(--x-switch-letter-spacing);gap:var(--x-switch-gap);display:inline-flex;text-wrap:pretty}.x-switch :where(input){inline-size:var(--x-switch-inline-size);block-size:var(--x-switch-block-size);padding:calc((var(--x-switch-block-size) - var(--x-switch-icon-size)) / 2);border-radius:var(--x-switch-border-radius);background-color:color-mix(in var(--x-switch-background-color-space, srgb),var(--x-switch-background-color) var(--x-switch-background-color-opacity, 100%),var(--x-switch-background-color-mix, transparent));outline:var(--x-switch-outline-width) solid color-mix(in var(--x-switch-outline-color-space, srgb),var(--x-switch-outline-color) var(--x-switch-outline-color-opacity, 0%),var(--x-switch-outline-color-mix, transparent));outline-offset:var(--x-switch-outline-offset);display:flex;position:relative;flex-shrink:0}.x-switch :where(input):before{inline-size:var(--x-switch-icon-size);block-size:var(--x-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.x-switch :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-switch :where(input):where(:required))+*:after{color:var(--x-switch-required-color, var(--color-error));content:" *"}.x-switch :where(input):enabled:focus{--x-switch-outline-offset: var(--x-switch-focus-outline-offset);--x-switch-outline-color-opacity: var(--x-switch-focus-outline-color-opacity, 40%)}.x-switch :where(input):disabled{--x-switch-background-color: var(--x-switch-disabled-background-color, currentColor);--x-switch-background-color-opacity: var(--x-switch-disabled-background-color-opacity, 15%);--x-switch-outline-color: var(--x-switch-disabled-outline-color, currentColor);--x-switch-outline-color-opacity: var(--x-check-disabled-outline-color-opacity, 5%);cursor:not-allowed}.x-switch :where(input):checked{--x-switch-outline-color: var(--color-accent);--x-switch-background-color: var(--color-accent)}.x-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--x-switch-icon-size))}.x-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--x-switch-icon-size) / 2)}.x-switch.invalid,.x-switch :user-invalid,.validated .x-switch :invalid{--x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));--x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error))}:root,:host{--x-text-content-bold: var(--font-weight-semibold);--x-text-content-margin-block: var(--spacing-xl);--x-text-list-marker-size: .375em;--x-text-line-height: calc(1em + .75rem) ;--x-text-hr-margin-block: 3em;--x-text-heading-line-height: calc(1em + .375rem) ;--x-text-heading-margin-block: 1.5em .5em}.x-text{font-family:var(--x-text-font-family);font-weight:var(--x-text-font-weight);font-size:var(--x-text-font-size);line-height:var(--x-text-line-height);letter-spacing:var(--x-text-letter-spacing);text-wrap:pretty}.x-text>:is(*:first-child){margin-block-start:0}.x-text>:is(*:last-child){margin-block-end:0}.x-text :where(b,strong){font-weight:var(--x-text-content-bold)}.x-text :where(em){font-style:italic}.x-text :where(img){display:block;height:auto}.x-text :where(p){margin-block:var(--x-text-p-margin-block, var(--x-text-content-margin-block))}.x-text :where(p):empty{line-height:0;margin:0}.x-text :where(p):empty:after{content:" "}.x-text :where(hr){margin-block:var(--x-text-hr-margin-block);background-color:color-mix(in var(--x-text-hr-background-color-space, srgb),var(--x-text-hr-background-color, currentColor) var(--x-text-hr-background-color-opacity, 10%),var(--x-text-hr-background-color-mix, transparent))}.x-text :where(a){color:var(--x-text-link-color, var(--color-accent));-webkit-text-decoration:var(--x-text-link-text-decoration, underline);text-decoration:var(--x-text-link-text-decoration, underline);transition:var(--transition-color)}.x-text :where(a):hover{color:color-mix(in var(--x-text-link-hover-color-space, srgb),var(--x-text-link-hover-color, var(--color-accent)) var(--x-text-link-hover-color-opacity, 75%),var(--x-text-link-hover-color-mix, transparent))}.x-text :where(a):focus-visible{color:color-mix(in var(--x-text-link-focus-color-space, srgb),var(--x-text-link-focus-color, var(--color-accent)) var(--x-text-link-focus-color-opacity, 75%),var(--x-text-link-focus-color-mix, transparent))}.x-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--x-text-heading-font-family);font-weight:var(--x-text-heading-font-weight, var(--x-text-content-bold));font-size:var(--x-text-heading-font-size);line-height:var(--x-text-heading-line-height);letter-spacing:var(--x-text-heading-letter-spacing);margin-block:var(--x-text-heading-margin-block);color:var(--x-text-heading-color);text-wrap:balance}.x-text :where(h1){--x-text-heading-font-size: var(--x-text-heading-1-font-size, var(--font-size-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--font-size-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--font-size-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--font-size-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--font-size-lg))}.x-text :where(h6){--x-text-heading-font-size: var(--x-text-heading-6-font-size)}.x-text :where(table){border:0;min-inline-size:100%}.x-text :where(table) :where(td,th){padding:var(--x-text-table-cell-padding-block, 1em) var(--x-text-table-cell-padding-inline, 1.25em);text-align:left}.x-text :where(table) :where(thead){font-weight:var(--x-text-table-thead-font-weight, var(--x-text-content-bold));border-block-end:1px solid color-mix(in var(--x-text-table-thead-border-color-space, srgb),var(--x-text-table-thead-border-color, currentColor) var(--x-text-table-thead-border-color-opacity, 10%),var(--x-text-table-thead-border-color-mix, transparent))}.x-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--x-text-table-row-even-background-color-space, srgb),var(--x-text-table-row-even-background-color, currentColor) var(--x-text-table-row-even-background-color-opacity, 5%),var(--x-text-table-row-even-background-color-mix, transparent))}.x-text :where(ol,ul){margin-inline-start:var(--x-text-list-margin-inline-start, .75em);padding-inline-start:var(--x-text-list-padding-inline-start, 1em);margin-block:var(--x-text-list-margin-block, var(--x-text-content-margin-block))}.x-text :where(ol,ul) :where(li){margin-block:var(--x-text-list-item-margin-block, .5em);padding-inline-start:var(--x-text-list-item-padding-inline-start, 1ch)}.x-text :where(ol):not([type]){list-style:decimal}.x-text :where(ol) :where(li)::marker{color:var(--x-text-list-marker-color, var(--color-accent));font-weight:var(--x-text-list-marker-font-weight, var(--x-text-content-bold))}.x-text :where(ul) :where(li){position:relative;list-style-type:""}.x-text :where(ul) :where(li):before{inline-size:var(--x-text-list-marker-size);block-size:var(--x-text-list-marker-size);inset-inline-start:var(--x-text-list-marker-inset-inline-start, -.75em);inset-block-start:var(--x-text-list-marker-inset-block-start, .5lh);border:var(--x-text-list-marker-border-width, 1px) solid var(--x-text-list-marker-border-color, var(--color-accent));background-color:var(--x-text-list-marker-background-color, var(--color-accent));margin-inline-start:calc((var(--x-text-list-marker-size) / 2) * -1);margin-block-start:calc(var(--x-text-list-marker-size) / 2 * -1);border-radius:var(--x-text-list-marker-border-radius, 50%);-webkit-mask:var(--x-text-list-marker-mask);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}.x-text [style*=square]:where(ul){--x-text-list-marker-border-radius: 0}.x-text [style*=circle]:where(ul){--x-text-list-marker-background-color: transparent}.x-text :where(blockquote){border-inline-start:var(--x-text-blockquote-border-inline-start-width, .375em) solid var(--x-text-blockquote-border-inline-start-color, var(--color-accent));margin-block:var(--x-text-blockquote-margin-block, var(--x-text-content-margin-block));padding:var(--x-text-blockquote-padding-block, .5em) var(--x-text-blockquote-padding-inline, 1.25em);font-size:var(--x-text-blockquote-font-size, inherit)}.x-text :where(code){font-size:var(--x-text-code-font-size, 87.5%)}.x-text :where(figure){margin-block:var(--x-text-figure-margin-block, var(--x-text-content-margin-block))}.x-text :where(figcaption){font-size:var(--x-text-figcaption-font-size, 87.5%);font-weight:var(--x-text-figcaption-font-weight, var(--font-weight-semibold));line-height:var(--x-text-figcaption-line-height, 1.5);margin-block-start:var(--x-text-figcaption-margin-block-start, .5em)}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--font-size-sm);--x-title-line-height: calc(1em + .25rem) }.x-title{font-family:var(--x-title-font-family);font-weight:var(--x-title-font-weight);font-size:var(--x-title-font-size);line-height:var(--x-title-line-height);letter-spacing:var(--x-title-letter-spacing);text-wrap:pretty}.x-title:is(.sm){--x-title-font-size: var(--font-size-xs)}.x-title:is(.lg){--x-title-font-size: var(--font-size-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker: var(--mask-chevron-right);--x-breadcrumb-gap: var(--spacing-xs)}.x-breadcrumb>:where(ul,ol),.x-breadcrumb>:where(ul,ol)>li{display:flex;align-items:center}.x-breadcrumb>:where(ul,ol)>li:not(:last-child):after{-webkit-mask:var(--x-breadcrumb-marker);mask:var(--x-breadcrumb-marker);background-color:var(--x-breadcrumb-marker-background-color, currentColor);margin-inline:var(--x-breadcrumb-gap);inline-size:var(--x-breadcrumb-marker-size);block-size:var(--x-breadcrumb-marker-size);flex-shrink:0;content:""}:root,:host{--x-card-background-color: var(--color-body-primary);--x-card-border-radius: var(--radius-2xl);--x-card-padding-block: var(--spacing-2xl);--x-card-padding-inline: var(--spacing-3xl)}.x-card{background-color:var(--x-card-background-color);border-radius:var(--x-card-border-radius);padding:var(--x-card-padding-block) var(--x-card-padding-inline);display:flex;flex-direction:column}:root,:host{--x-dialog-padding-block: 2rem;--x-dialog-padding-inline: 1.5rem;--x-dialog-background-color: var(--color-dark);--x-dialog-background-color-opacity: 80%;--x-dialog-content-padding-block: 2rem;--x-dialog-content-padding-inline: 1.5rem;--x-dialog-content-inline-size: 35rem}.x-dialog{z-index:var(--x-dialog-z-index, var(--z-index-30));padding:var(--x-dialog-padding-block) var(--x-dialog-padding-inline);background-color:color-mix(in var(--x-dialog-background-color-space, srgb),var(--x-dialog-background-color) var(--x-dialog-background-color-opacity),var(--x-dialog-background-color-mix, 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}.x-dialog::backdrop,.x-dialog:not([open]){display:none}.x-dialog[data-closed]{background-color:transparent}html:has(.x-dialog[open]){padding-inline-end:var(--default-scrollbar-width);scrollbar-width:none}html:has(.x-dialog[open])::-webkit-scrollbar{display:none}.x-dialog-content{background-color:var(--x-dialog-content-background-color, var(--color-body-primary));border-radius:var(--x-dialog-content-border-radius, var(--radius-3xl));padding:var(--x-dialog-content-padding-block) var(--x-dialog-content-padding-inline);inline-size:min(100%,var(--x-dialog-content-inline-size));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog[data-closed]) .x-dialog-content{transform:translateY(-2rem);opacity:0%}:root,:host{--x-drawer-background-color-opacity: 75%;--x-drawer-content-background-color: var(--color-body-primary);--x-drawer-content-padding-block: 2rem;--x-drawer-content-padding-inline: 1.5rem;--x-drawer-content-inline-size: calc(100vw - 4rem) ;--x-drawer-content-block-size: 100%}.x-drawer{z-index:var(--x-drawer-z-index, var(--z-index-30));background-color:color-mix(in var(--x-drawer-background-color-space, srgb),var(--color-dark) calc(var(--background-color-opacity, 0) * var(--x-drawer-background-color-opacity)),var(--x-drawer-background-color-mix, transparent));position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer[inert]{pointer-events:none}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-height:100dvh}.x-drawer-content{inline-size:var(--x-drawer-content-inline-size);block-size:var(--x-drawer-content-block-size);background-color:var(--x-drawer-content-background-color);flex-shrink:0;scroll-snap-align:end}.x-field{gap:var(--x-field-gap, var(--spacing-sm));display:flex;flex-direction:column}.validated .x-field:has(:invalid) :where(.x-info[hidden]){display:revert}.x-field:has([required]) :where(.x-label):after{color:var(--x-field-required-color, var(--color-error));content:" *"}.x-carousel{inline-size:100%}.x-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.x-carousel-content::-webkit-scrollbar{display:none}.x-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}.x-carousel-content>:where(*):last-child{scroll-snap-align:end}.x-carousel-content:is(.grabbing),.x-carousel-content:is(.grabbing) *{cursor:grabbing}.x-carousel-content:is(.grabbing) a{pointer-events:none}.x-compare{--x-compare-position: 50%;--x-compare-clip-path: polygon(0% 0, var(--x-compare-position) 0%, var(--x-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.x-compare>*,.x-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.x-compare:before{background-color:var(--color-accent);inset-inline-start:var(--x-compare-position);inline-size:1px;content:""}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}:is(.x-compare>:where(input)):active~.x-button{--x-button-background-color-mix: var(--x-button-active-background-color-mix, var(--color-dark));--x-button-background-color-opacity: var(--x-button-active-background-color-opacity, 80%)}:is(.x-compare>:where(input)):focus-visible~.x-button{--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-offset: var(--x-button-focus-outline-offset, 2px);--x-button-outline-color-opacity: var(--x-button-focus-outline-opacity, 50%)}.x-compare>:where(input):active{cursor:grabbing}.x-compare>:where(.x-button){inset-inline-start:var(--x-compare-position);margin-inline-start:calc(var(--x-button-width) / 2 * -1);margin-block:auto}.x-compare>:where(.x-image){display:grid;z-index:0}.x-compare>:where(.x-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.x-compare>:where(.x-image)>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-pagination{gap:var(--x-pagination-gap, var(--spacing-xs));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius);--x-popover-content-padding-block: var(--spacing-sm);--x-popover-content-padding-inline: var(--spacing-sm);--x-popover-content-scale-y: .75;--x-popover-content-scale-x: .75}.x-popover{position:relative;display:inline-block}.x-popover-content{background-color:var(--x-popover-content-background-color);border-radius:var(--x-popover-content-border-radius);padding:var(--x-popover-content-padding-block) var(--x-popover-content-padding-inline);z-index:var(--x-popover-content-z-index, var(--z-index-10));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute}.x-popover-content:where(.bottom),.x-popover-content{transform-origin:top}.x-popover-content:where(.bottom-start){transform-origin:top left}.x-popover-content:where(.bottom-end){transform-origin:top right}.x-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.x-popover-content:where(.right-start){transform-origin:left top}.x-popover-content:where(.right-end){transform-origin:left bottom}.x-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.x-popover-content:where(.left-start){transform-origin:right top}.x-popover-content:where(.left-end){transform-origin:right bottom}.x-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.x-popover-content:where(.top-start){transform-origin:bottom left}.x-popover-content:where(.top-end){transform-origin:bottom right}.x-popover-content:where(.end){inset-inline-end:0}.x-popover-content:where(.block-end){inset-block:auto 0}.x-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}.x-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.x-popover-content[popover]:not([data-open]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;pointer-events:none}.focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.hover:not(:hover)>.x-popover-content:not([popover]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;visibility:hidden}:root,:host{--x-table-border-radius: var(--radius);--x-table-padding-inline: 1rem;--x-table-cell-spacing-x: .625rem;--x-table-cell-spacing-y: .875rem;--x-table-cell-block-size: auto;--x-table-cell-border-block-width: 1px}.x-table{border-radius:var(--x-table-border-radius);background-color:var(--x-table-background-color, var(--color-body-primary));max-inline-size:100%;overflow:auto}.x-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.x-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--x-table-cell-border-block-width) solid var(--x-table-border-color, var(--color-body-tertiary))}.x-table :where(td,th){padding:var(--x-table-cell-spacing-y) var(--x-table-cell-spacing-x);block-size:var(--x-table-cell-block-size);border-color:var(--x-table-border-color, var(--color-body-tertiary));border-inline-width:var(--x-table-cell-border-inline-width, 0)}.x-table :where(td,th):first-child{padding-inline-start:var(--x-table-padding-inline);border-inline-start:0}.x-table :where(td,th):last-child{padding-inline-end:var(--x-table-padding-inline);border-inline-end:0}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:first-child){border-start-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:last-child){border-start-end-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:first-child){border-end-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:last-child){border-end-end-radius:var(--x-table-border-radius)}.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline){transition:var(--transition-all);outline:var(--x-table-outline-width, 1px) solid transparent;outline-offset:calc(var(--x-table-outline-width, 1px) * -1)}.x-table :where(tr,th,td):where([tabindex="0"]):is(:hover,:focus-visible,.active),.x-table :where(.outline):is(:hover,:focus-visible,.active){background-color:color-mix(in var(--x-table-outline-background-color-space, srgb),var(--x-table-outline-accent-color, var(--color-accent)) var(--x-table-outline-background-color-opacity, 5%),var(--x-table-outline-background-color-mix, transparent));outline-color:var(--x-table-outline-accent-color, var(--color-accent))}.x-tabs-list{background-color:var(--x-tabs-list-background-color, var(--color-body-secondary));gap:var(--x-tabs-list-gap, var(--spacing-xs));padding:var(--x-tabs-list-padding, var(--spacing-xs));border-radius:var(--x-tabs-list-border-radius, var(--radius));display:flex;inline-size:-moz-max-content;inline-size:max-content}:root,:host{--x-tooltip-background-color: var(--color-main);--x-tooltip-color: var(--color-main-foreground);--x-tooltip-border-radius: var(--radius-md);--x-tooltip-font-size: var(--font-size-sm);--x-tooltip-padding-block: var(--spacing-xs);--x-tooltip-padding-inline: var(--spacing-sm);--x-tooltip-margin-block: var(--spacing-xs);--x-tooltip-margin-inline: var(--spacing-xs);--x-tooltip-scale-x: .75;--x-tooltip-scale-y: .75}.x-tooltip{position:relative;display:inline-block}.x-tooltip:before{--tw-content: attr(aria-label);background-color:var(--x-tooltip-background-color);color:var(--x-tooltip-color);border-radius:var(--x-tooltip-border-radius);font-size:var(--x-tooltip-font-size);padding:var(--x-tooltip-padding-block) var(--x-tooltip-padding-inline);z-index:var(--x-tooltip-z-index, var(--z-index-20));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);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));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute;pointer-events:none}.x-tooltip:where(.top):before,.x-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}.x-tooltip:where(.left):before,.x-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--x-tooltip-margin-inline);inset-block-start:50%}.x-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.x-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.x-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.x-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.x-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--x-tooltip-scale-x);--tw-scale-y: var(--x-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--x-toaster-padding: var(--spacing-xl);--x-toaster-margin-block: var(--spacing-xs)}.x-toaster{z-index:var(--x-toaster-z-index, var(--z-index-50));padding:var(--x-toaster-padding);margin-block:calc(var(--x-toaster-margin-block) * -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{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2);--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: var(--spacing-md);--x-toast-content-padding-inline: var(--spacing-lg);--x-toast-content-gap: var(--spacing-xl);--x-toast-content-background-color: var(--color-body-primary)}.x-toast{inline-size:min(100%,var(--x-toast-inline-size));block-size:var(--x-toast-block-size);transition:all var(--x-toast-transition-duration) var(--x-toast-transition-timing-function, var(--transition-timing-function-in-out));position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0%}.flex-col-reverse .x-toast{justify-content:flex-end}.x-toast.in{margin-block:var(--x-toaster-margin-block)}.x-toast.in:where(:nth-last-child(-n+3)){visibility:visible;opacity:100%}.x-toast.out{visibility:hidden;opacity:0%;height:0;margin-block:0}.x-toast-content{border-radius:var(--x-toast-content-border-radius);padding:var(--x-toast-content-padding-block) var(--x-toast-content-padding-inline);gap:var(--x-toast-content-gap);background-color:var(--x-toast-content-background-color);color:var(--x-toast-content-color, var(--color-accent));border:var(--x-toast-content-border-width, 1px) solid color-mix(in var(--x-toast-content-border-color-space, srgb),var(--x-toast-content-border-color, var(--color-accent)) var(--x-toast-content-border-color-opacity, 15%),var(--x-toast-content-border-color-mix, var(--color-body-primary)));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.x-toast-content .x-text{--x-text-font-size: var(--font-size-sm);--x-text-line-height: calc(1em + .375rem) }
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(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),:where([popover]){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}: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-primary-foreground);background-color:var(--color-primary)}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}: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, 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){background-color:color-mix(in var(--default-color-space),currentColor 100%,transparent);block-size:1px;inline-size:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--default-color-scheme);font-family:var(--font-family-primary);font-weight:var(--font-weight-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{--default-font-family: 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-family-primary: var(--default-font-family);--font-family-secondary: var(--default-font-family);--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-thin: 200;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--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-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></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;--radius: var(--radius-xl);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-5xl: 2.5rem;--radius-6xl: 3rem;--radius-full: calc(infinity * 1px);--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;--default-transition-duration: .15s;--default-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1);--transition-all: all var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-color: color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-background: background var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-opacity: opacity var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-transform: transform var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-border: border-color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-shadow: box-shadow var(--default-transition-duration) var(--transition-timing-function-in-out)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{0%{opacity:100%}}:root,:host{--default-color-space: sRGB;--default-color-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(--default-color-space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--default-color-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(--default-color-space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--default-color-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{--default-color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.x-badge{--x-badge-background-color: var(--color-accent);--x-badge-border-color: var(--color-accent);--x-badge-color: var(--color-accent-foreground);inline-size:var(--x-badge-inline-size);block-size:var(--x-badge-block-size);padding:var(--x-badge-padding-block) var(--x-badge-padding-inline);padding-inline:calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));border-radius:var(--x-badge-border-radius);font-family:var(--x-badge-font-family);font-weight:var(--x-badge-font-weight);font-size:var(--x-badge-font-size);letter-spacing:var(--x-badge-letter-spacing);background-color:color-mix(in var(--x-badge-background-color-space, srgb),var(--x-badge-background-color) var(--x-badge-background-color-opacity, 100%),var(--x-badge-background-color-mix, transparent));color:color-mix(in var(--x-badge-color-space, srgb),var(--x-badge-color) var(--x-badge-color-opacity, 100%),var(--x-badge-color-mix, transparent));border:var(--x-badge-border-width) solid color-mix(in var(--x-badge-border-color-space, srgb),var(--x-badge-border-color) var(--x-badge-border-color-opacity, 100%),var(--x-badge-border-color-mix, transparent));gap:var(--x-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--x-badge-border-width: 0px;--x-badge-border-radius: var(--radius-lg);--x-badge-font-size: var(--font-size-xs);--x-badge-gap: var(--spacing-xs);--x-badge-block-size: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-height: 1.25rem;--x-badge-font-size: var(--font-size-xs)}.x-badge:is(.lg){--x-badge-height: 1.75rem}.x-badge:is(.bordered){--x-badge-border-width: 1px;--x-badge-border-color-opacity: 100%;--x-badge-background-color-opacity: 0%;--x-badge-color: var(--color-accent)}.x-badge:is(.muted){--x-badge-color: var(--color-accent);--x-badge-background-color-opacity: 10%}.x-badge:is(.square){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size)}.x-badge:is(.circle){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size);--x-badge-border-radius: var(--radius-full)}:root,:host{--x-button-outline-width: 2px;--x-button-border-width: 0px;--x-button-border-radius: var(--radius);--x-button-font-size: var(--font-size-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: var(--spacing-sm);--x-button-block-size: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem;--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 80%;--x-button-focus-outline-offset: 2px;--x-button-focus-outline-color-opacity: 50%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%;--x-button-disabled-background-color-opacity: 75%}.x-button{--x-button-background-color: var(--color-accent);--x-button-border-color: var(--color-accent);--x-button-color: var(--color-accent-foreground);inline-size:var(--x-button-inline-size);block-size:var(--x-button-block-size);padding:var(--x-button-padding-block) var(--x-button-padding-inline);padding-inline:calc(var(--x-button-padding-inline) - var(--x-button-border-width));border-radius:var(--x-button-border-radius);font-family:var(--x-button-font-family);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);letter-spacing:var(--x-button-letter-spacing);background-color:color-mix(in var(--x-button-background-color-space, srgb),var(--x-button-background-color) var(--x-button-background-color-opacity, 100%),var(--x-button-background-color-mix, transparent));color:color-mix(in var(--x-button-color-space, srgb),var(--x-button-color) var(--x-button-color-opacity, 100%),var(--x-button-color-mix, transparent));border:var(--x-button-border-width) solid color-mix(in var(--x-button-border-color-space, srgb),var(--x-button-border-color) var(--x-button-border-color-opacity, 100%),var(--x-button-border-color-mix, transparent));outline:var(--x-button-outline-width) solid color-mix(in var(--x-button-outline-color-space, srgb),var(--x-button-outline-color, transparent) var(--x-button-outline-color-opacity, 100%),var(--x-button-outline-color-mix, transparent));outline-offset:var(--x-button-outline-offset);gap:var(--x-button-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}.x-button :where(*){pointer-events:none}.x-button:where(input):after{content:attr(aria-label)}.x-button{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-button:where(.accent-primary),.x-button:where(.accent-body),.x-button:where(.accent-light),.x-button:where(.accent-dark){--x-button-hover-background-color-mix: var(--color-accent-foreground)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):active,.x-button:is(button,input,label,:-moz-any-link,[role=button]):checked,.x-button.active:is(button,input,label,:-moz-any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):active,.x-button:is(button,input,label,:any-link,[role=button]):checked,.x-button.active:is(button,input,label,:any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(button,input,label,:any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(.sm){--x-button-block-size: 2rem;--x-button-padding-inline: 1rem}.x-button:is(.lg){--x-button-block-size: 3rem;--x-button-padding-inline: 1.75rem}.x-button:is(.bordered){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-border-color-opacity: 30%;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-border-color-opacity: 30%;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-border-color-opacity: 30%;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: 0px;--x-button-border-width: 1px;--x-button-border-color-opacity: 100%;--x-button-background-color-opacity: 0%;--x-button-color: var(--color-accent)}.x-button:is(.ghosted){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 0%}.x-button:is(.muted){--x-button-disabled-background-color-opacity: 5%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 30%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 20%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 10%}.x-button:is(.raised){--x-button-border-width: 1px;--x-button-border-color-opacity: 75%;--x-button-border-color: var(--x-button-background-color);--x-button-border-color-mix: var(--x-button-color)}.x-button:is(.fill){--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 100%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%}.x-button:is(.square){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size)}.x-button:is(.circle){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size);--x-button-border-radius: var(--radius-full)}:root,:host{--x-check-size: 1.25rem;--x-check-icon-size: 1.125rem;--x-check-icon: var(--mask-check);--x-check-gap: var(--spacing-md);--x-check-font-size: var(--font-size-sm);--x-check-line-height: calc(1em + .25rem) ;--x-check-border-radius: var(--radius-md);--x-check-border-width: 1px;--x-check-background-color: currentColor;--x-check-border-color: currentColor;--x-check-outline-width: 2px}.x-check{--x-check-outline-color: var(--color-accent);--x-check-icon-color: var(--color-accent-foreground);font-weight:var(--x-check-font-weight);font-size:var(--x-check-font-size);line-height:var(--x-check-line-height);letter-spacing:var(--x-check-letter-spacing);gap:var(--x-check-gap);display:inline-flex;text-wrap:pretty}.x-check:has([type=radio]){--x-check-icon: var(--mask-radio);--x-check-border-radius: 50%}.x-check :where(input){inline-size:var(--x-check-size);block-size:var(--x-check-size);border-radius:var(--x-check-border-radius);background-color:color-mix(in var(--x-check-background-color-space, srgb),var(--x-check-background-color) var(--x-check-background-color-opacity, 0%),var(--x-check-background-color-mix, transparent));border:var(--x-check-border-width) solid color-mix(in var(--x-check-border-color-space, srgb),var(--x-check-border-color) var(--x-check-border-color-opacity, 20%),var(--x-check-border-color-mix, transparent));outline:var(--x-check-outline-width) solid color-mix(in var(--x-check-outline-color-space, srgb),var(--x-check-outline-color) var(--x-check-outline-color-opacity, 0%),var(--x-check-outline-color-mix, transparent));outline-offset:var(--x-check-outline-offset);display:flex;flex-shrink:0}.x-check :where(input):before{inline-size:var(--x-check-icon-size);block-size:var(--x-check-icon-size);color:var(--x-check-icon-color);-webkit-mask:var(--x-check-icon);mask:var(--x-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}:is(.x-check :where(input):where(:required))+*:after{color:var(--x-check-required-color, var(--color-error));content:" *"}.x-check{--x-check-hover-border-color: var(--color-accent);--x-check-hover-background-color: var(--color-accent);--x-check-checked-background-color: var(--color-accent);--x-check-focus-border-color: var(--color-accent)}.x-check :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-check :where(input):where(:hover,:focus-visible){--x-check-background-color: var(--x-check-hover-background-color);--x-check-background-color-opacity: var(--x-check-hover-background-color-opacity, 10%);--x-check-border-color: var(--x-check-hover-border-color);--x-check-border-color-opacity: var(--x-check-hover-border-color-opacity, 75%)}.x-check :where(input):focus{--x-check-border-color: var(--x-check-focus-border-color);--x-check-border-color-opacity: var(--x-check-focus-border-color-opacity, 75%);--x-check-outline-color-opacity: var(--x-check-focus-outline-opacity, 20%);--x-check-outline-offset: var(--x-check-focus-outline-offset)}.x-check :where(input):disabled{--x-check-background-color: var(--x-check-disabled-background-color, currentColor);--x-check-background-color-mix: var(--x-check-disabled-background-color-mix, transparent);--x-check-background-color-opacity: var(--x-check-disabled-background-color-opacity, 5%);--x-check-border-color: var(--x-check-disabled-border-color, currentColor);--x-check-border-color-mix: var(--x-check-disabled-border-color-mix, transparent);--x-check-border-color-opacity: var(--x-check-disabled-border-color-opacity, 15%);cursor:not-allowed}.x-check :where(input):where([type=checkbox]):indeterminate{--x-check-icon: var(--mask-indeterminate)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate){--x-check-background-color: var(--x-check-checked-background-color);--x-check-background-color-opacity: 100%;--x-check-border-color-opacity: 0%}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):disabled{opacity:var(--x-check-checked-disabled-opacity, 75%)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:100%;transform:scale(1)}.x-check :user-invalid{--x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));--x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));--x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));--x-check-background-color-opacity: var(--x-check-invalid-background-color-opacity, 15%);--x-check-border-color-opacity: var(--x-check-invalid-border-color-opacity, 100%)}:root,:host{--x-color-primary: currentColor;--x-color-secondary: transparent;--x-color-size: 1.5rem;--x-color-border-radius: var(--radius-full)}.x-color{--x-color-outline-color: var(--color-accent);display:inline-flex}.x-color :where(input){inline-size:var(--x-color-size);block-size:var(--x-color-size);border-radius:var(--x-color-border-radius);outline:var(--x-color-outline-width, 1px) solid color-mix(in var(--x-color-outline-color-space, srgb),var(--x-color-outline-color) var(--x-color-outline-color-opacity, 0%),var(--x-color-outline-color-mix, transparent));outline-offset:var(--x-color-outline-offset);display:inline-grid}.x-color :where(input):before,.x-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.x-color :where(input):before{background-color:var(--x-color-primary)}.x-color :where(input):after{background-color:var(--x-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}.x-color :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-color :where(input):disabled{cursor:not-allowed}.x-color :where(input):disabled:before,.x-color :where(input):disabled:after{opacity:var(--x-color-disabled-opacity, 50%)}.x-color :where(input):enabled:hover{--x-color-outline-color-opacity: var(--x-color-hover-outline-color-opacity);--x-color-outline-offset: var(--x-color-hover-outline-offset)}.x-color :where(input):enabled:focus-visible{--x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked{--x-color-outline-color-opacity: var(--x-color-checked-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked:focus-visible{outline-style:dashed}:root,:host{--x-control-height: 3rem;--x-control-height-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius);--x-control-border-color: currentColor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--font-size-base);--x-control-background-color: transparent;--x-control-color: currentColor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentColor;--x-control-placeholder-opacity: 50%;--x-control-color-swatch-inline-size: 1.25rem;--x-control-color-swatch-block-size: 1.25rem;--x-control-color-swatch-border-radius: var(--radius-full);--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem;--x-control-label-translate-y: .625rem;--x-control-label-scale: .8;--x-control-select-icon-size: 1.5rem;--x-control-select-icon-margin-inline-end: -.25rem}.x-control{display:grid;block-size:var(--x-control-height);font-family:var(--x-control-font-family);font-weight:var(--x-control-font-weight);font-size:var(--x-control-font-size);letter-spacing:var(--x-control-letter-spacing);color:var(--x-control-color);border-radius:var(--x-control-border-radius);background-color:color-mix(in var(--x-control-background-color-space, srgb),var(--x-control-background-color) var(--x-control-background-color-opacity, 100%),var(--x-control-background-color-mix, transparent));border:var(--x-control-border-width) solid color-mix(in var(--x-control-border-color-space, srgb),var(--x-control-border-color) var(--x-control-border-color-opacity, 15%),var(--x-control-border-color-mix, transparent));outline:var(--x-control-outline-width) solid color-mix(in var(--x-control-outline-color-space, srgb),var(--x-control-outline-color, var(--color-accent)) var(--x-control-outline-color-opacity, 0%),var(--x-control-outline-color-mix, transparent));outline-offset:var(--x-control-outline-offset);grid-template:[x-control-start] calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-padding] 1fr calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-end] / [x-control-start] var(--x-control-padding-inline) [x-control-padding] 1fr var(--x-control-padding-inline) [x-control-end]}.x-control:has(textarea){height:auto}.x-control>:where(*){grid-area:x-control-padding;align-self:center}.x-control>:where(input,textarea,select){padding-block:var(--x-control-padding-block-start, var(--x-control-padding-block)) var(--x-control-padding-block-end, var(--x-control-padding-block));padding-inline:calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));grid-area:x-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,textarea)::-moz-placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(input,textarea)::placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(textarea){min-block-size:var(--x-control-height-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-control:focus-within{--x-control-border-color: var(--x-control-focus-border-color, var(--color-accent));--x-control-border-color-opacity: var(--x-control-focus-border-color-opacity, 100%);--x-control-outline-offset: var(--x-control-focus-outline-offset);--x-control-outline-color-opacity: var(--x-control-focus-outline-color-opacity, 20%)}.x-control.disabled,.x-control:has(:where(input,textarea,select):disabled){--x-control-background-color: var(--x-control-disabled-background-color, currentColor);--x-control-background-color-opacity: var(--x-control-disabled-background-color-opacity, 5%);--x-control-border-color: var(--x-control-disabled-border-color, currentColor);--x-control-border-color-opacity: var(--x-control-disabled-border-color-opacity)}.x-control:has(:user-invalid){--x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));--x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);--x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));--x-control-border-color-opacity: var(--x-control-invalid-border-color-opacity, 100%);--x-control-outline-color: var(--x-control-invalid-outline-color, var(--color-error));--x-control-color: var(--x-control-invalid-color, var(--color-error))}.x-control>:where(input)::-webkit-color-swatch-wrapper{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);padding:0}.x-control>:where(input)::-moz-color-swatch{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);border-radius:var(--x-control-color-swatch-border-radius);margin:0}.x-control>:where(input)::-webkit-color-swatch{border-radius:var(--x-control-color-swatch-border-radius)}[type=color]:is(.x-control>:where(input))~label{margin-inline-start:calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-inline-size))}.x-control{--x-control-start: calc(var(--x-control-icon-count-start, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap));--x-control-end: calc(var(--x-control-icon-count-end, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap))}.x-control:has(textarea) :where(.me-auto),.x-control:has(textarea) :where(.ms-auto){align-self:start}.x-control:has(.me-auto){--x-control-padding-inline-start: calc(var(--x-control-start) + var(--x-control-padding-inline))}.x-control:has(.ms-auto){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline))}.x-control:has(.me-auto>*:nth-child(2)){--x-control-icon-count-start: 2}.x-control:has(.ms-auto>*:nth-child(2)){--x-control-icon-count-end: 2}.x-control :where(.me-auto),.x-control :where(.ms-auto){gap:var(--x-control-icon-gap);display:flex;align-items:center}.x-control:where(:has([type=file])){overflow:clip}.x-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--x-control-file-background-color-space, srgb),var(--x-control-file-background-color, currentColor) var(--x-control-file-background-color-opacity, 15%),var(--x-control-file-background-color-mix, transparent));block-size:calc(var(--x-control-height) - var(--x-control-border-width) * 2);padding-inline:var(--x-control-padding-inline);margin-inline:calc(var(--x-control-padding-inline) * -1) var(--x-control-padding-inline);margin-block-start:calc(var(--x-control-padding-block) * -1);border-start-end-radius:var(--x-control-border-radius);border-end-end-radius:var(--x-control-border-radius);transition:var(--transition-background);cursor:pointer}.x-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--x-control-file-background-color-opacity: 20%}.x-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--x-control-padding-inline-start, 0) var(--x-control-padding-inline-end, 0);transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform}.x-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale))}:is(.x-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.x-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale)) calc(var(--x-control-padding-block) - var(--x-control-label-translate-y) * var(--x-control-label-scale))}.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--x-control-label-translate-y) * var(--x-control-label-scale) * -1))}.x-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--x-control-required-color, var(--color-error));content:" *"}.x-control:where(:has(:not([type=color])~label)){--x-control-label-focus-opacity: 50%;--x-control-placeholder-color: transparent}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}.x-control:has(select:not([multiple])){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline) + var(--x-control-select-icon-margin-inline-end))}.x-control:has(select:not([multiple])):has(.ms-auto){--x-control-icon-count-end: 2}.x-control:has(select:not([multiple])):after{inline-size:var(--x-control-select-icon-size);block-size:var(--x-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--x-control-select-icon-margin-inline-end);grid-area:x-control-padding;background-color:currentColor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select[multiple]){--x-control-height: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-group{display:flex;border-radius:var(--radius)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-height);height:auto}.x-group:has(.x-control)>:is(.x-button){--x-button-border-width: var(--x-control-border-width)}.x-group>:where(*){border-radius:inherit}.x-group>:where(*):is(.x-control){--x-control-border-color-mix: var(--color-body-primary)}.x-group>:where(*):is(.x-button){--x-button-focus-outline-offset: 0}.x-group>:where(*):focus-within{z-index:1}.x-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.x-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.x-group:where(.vertical){flex-direction:column}.x-group:where(.vertical)>:where(*){border-radius:inherit}.x-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.x-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--x-heading-font-family: var(--font-family-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--font-size-xl);--x-heading-line-height: calc(1em + .375rem) }.x-heading{font-family:var(--x-heading-font-family);font-weight:var(--x-heading-font-weight);font-size:var(--x-heading-font-size);line-height:var(--x-heading-line-height);letter-spacing:var(--x-heading-letter-spacing);text-wrap:balance}.x-heading:is(.sm){--x-heading-font-size: var(--font-size-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--font-size-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;-o-object-fit:contain;object-fit:contain}.x-image:where(.avatar){border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.x-image:where(.avatar) :where(span){font-weight:var(--font-weight-medium);font-size:50cqi}:root,:host{--x-info-font-size: var(--font-size-xs);--x-info-line-height: calc(1em + .25rem) }.x-info{font-family:var(--x-info-font-family);font-weight:var(--x-info-font-weight);font-size:var(--x-info-font-size);line-height:var(--x-info-line-height);letter-spacing:var(--x-info-letter-spacing);text-wrap:pretty}:root,:host{--x-label-font-size: var(--font-size-sm);--x-label-line-height: calc(1em + .25rem) }.x-label{font-family:var(--x-label-font-family);font-weight:var(--x-label-font-weight);font-size:var(--x-label-font-size);line-height:var(--x-label-line-height);letter-spacing:var(--x-label-letter-spacing);text-wrap:pretty}:root,:host{--x-link-font-size: var(--font-size-sm);--x-link-line-height: calc(1em + .25rem) }.x-link{font-family:var(--x-link-font-family);font-weight:var(--x-link-font-weight);font-size:var(--x-link-font-size);line-height:var(--x-link-line-height);letter-spacing:var(--x-link-letter-spacing);text-wrap:pretty}.x-link:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:-moz-any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}.x-link:where(:any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}:root,:host{--x-notice-padding-block: 1.25rem;--x-notice-padding-inline: 1.5rem;--x-notice-font-size: var(--font-size-sm);--x-notice-border-radius: var(--radius);--x-notice-outline-width: 1px;--x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1)}.x-notice{padding:var(--x-notice-padding-block) var(--x-notice-padding-inline);font-size:var(--x-notice-font-size);border-radius:var(--x-notice-border-radius);background-color:color-mix(in var(--x-notice-background-color-space, srgb),var(--x-notice-background-color, var(--color-accent)) var(--x-notice-background-color-opacity, 10%),var(--x-notice-background-color-mix, transparent));color:var(--x-notice-color, var(--color-accent));outline:var(--x-notice-outline-width) solid color-mix(in var(--x-notice-outline-color-space, srgb),var(--x-notice-outline-color, var(--color-accent)) var(--x-notice-outline-color-opacity, 10%),var(--x-notice-outline-color-mix, transparent));outline-offset:var(--x-notice-outline-offset);text-wrap:pretty}:root,:host{--x-progress-block-size: 1rem;--x-progress-border-radius: var(--radius-full);--x-progress-transition-duration: .3s;--x-progress-indeterminate-transition-duration: 1s}.x-progress{inline-size:var(--x-progress-inline-size, 100%);block-size:var(--x-progress-block-size);border-radius:var(--x-progress-border-radius);background-color:color-mix(in var(--x-progress-background-color-space, srgb),var(--x-progress-background-color, var(--color-accent)) var(--x-progress-background-color-opacity, 10%),var(--x-progress-background-color-mix, var(--color-body)));position:relative;overflow:clip}.x-progress::-moz-progress-bar{background-color:var(--x-progress-bar-background-color, var(--color-accent));-moz-transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.x-progress::-webkit-progress-inner-element{border-radius:inherit}.x-progress::-webkit-progress-value{background-color:var(--x-progress-bar-background-color, var(--color-accent));-webkit-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-transition-duration) var(--transition-timing-function-linear) infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 33.33%,transparent 0%);background-position:top left;background-repeat:no-repeat;background-size:150%}.x-progress:indeterminate::-moz-progress-bar{background-color:transparent}.x-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.x-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.x-progress::-webkit-meter-optimum-value{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress::-webkit-meter-suboptimum-value{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress::-webkit-meter-even-less-good-value{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:is(.sm){--x-progress-block-size: .5rem}.x-progress:is(.lg){--x-progress-block-size: 1.5rem}:root,:host{--x-range-track-block-size: .375rem;--x-range-thumb-size: 1.125rem;--x-range-thumb-border-width: 0;--x-range-thumb-outline-width: 2px;--x-range-thumb-focus-outline-opacity: 50%;--x-range-track-start: 0%;--x-range-track-end: 100%}.x-range{--x-range-thumb-background-color: var(--color-accent);--x-range-thumb-border-color: var(--x-range-thumb-background-color);--x-range-track-background-color: var(--color-accent);--x-range-track-background: linear-gradient( to right, var(--x-range-track-background-color) 0%, var(--x-range-track-background-color) var(--x-range-track-start), transparent var(--x-range-track-start), transparent var(--x-range-track-end) );min-block-size:var(--x-range-thumb-size);display:grid}.x-range :where(input){block-size:var(--x-range-track-block-size);background-color:color-mix(in var(--x-range-background-color-space, srgb),var(--x-range-background-color, var(--color-accent)) var(--x-range-background-color-opacity, 10%),var(--x-range-background-color-mix, var(--color-body)));position:relative;grid-area:1/1}.x-range :where(input)::-webkit-slider-runnable-track{block-size:var(--x-range-track-block-size);border-radius:var(--x-range-track-border-radius, var(--radius-full));background:var(--x-range-track-background)}.x-range :where(input)::-moz-range-track{block-size:var(--x-range-track-block-size);border-radius:var(--radius-full);background:var(--x-range-track-background)}.x-range :where(input)::-webkit-slider-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));margin-block-start:calc((var(--x-range-thumb-size) - var(--x-range-track-block-size)) / 2 * -1);-webkit-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-webkit-slider-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input)::-moz-range-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));-moz-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-moz-range-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-webkit-slider-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-moz-range-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):not(:only-of-type){--x-range-track-background: linear-gradient( to right, transparent 0%, transparent var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-end), transparent var(--x-range-track-end), transparent 100% );pointer-events:none}:is(.x-range :where(input):not(:only-of-type))~input{background:transparent}.x-range:where(.vertical){min-inline-size:var(--x-range-thumb-size);container-type:size}.x-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:calc(50% - 25cqw);inset-inline-start:calc(-50% + 50cqw)}:root,:host{--x-rating-inline-size: 1.25rem;--x-rating-block-size: 1.25rem;--x-rating-gap: .25rem;--x-rating-opacity: .2;--x-rating-icon: var(--mask-star)}.x-rating{--x-rating-color: var(--color-accent);display:flex;align-items:center;border-radius:var(--radius-full)}.x-rating:focus-within{outline:2px dotted var(--color-accent);outline-offset:3px}.x-rating :where(input){inline-size:var(--x-rating-inline-size);block-size:var(--x-rating-block-size);color:var(--x-rating-color);opacity:var(--x-rating-opacity);transition:var(--transition-opacity);display:grid;box-sizing:content-box}.x-rating :where(input):not(:last-child){border-inline-end-width:var(--x-rating-gap);border-inline-color:transparent}.x-rating :where(input):before{-webkit-mask:var(--x-rating-icon);mask:var(--x-rating-icon);background-color:currentColor;content:""}.x-rating:has(:checked) input{opacity:100%}.x-rating:has(:checked) input:where(:checked~input){opacity:var(--x-rating-opacity)}.x-rating:hover input{opacity:100%}:is(.x-rating:hover input):hover~input{opacity:var(--x-rating-opacity)}.x-rating :user-invalid{--x-rating-color: var(--x-rating-invalid-color, var(--color-error))}:root,:host{--x-switch-inline-size: 3rem;--x-switch-block-size: 1.5rem;--x-switch-icon-size: 1.125rem;--x-switch-font-weight: var(--font-weight-normal);--x-switch-font-size: var(--font-size-sm);--x-switch-line-height: calc(1em + .25rem) ;--x-switch-gap: .75rem;--x-switch-border-radius: var(--radius-full);--x-switch-background-color: currentColor;--x-switch-outline-width: 2px;--x-switch-outline-color: currentColor}.dark:root,.dark:host{--x-switch-background-color: var(--color-body-tertiary)}.x-switch{font-weight:var(--x-switch-font-weight);font-size:var(--x-switch-font-size);line-height:var(--x-switch-line-height);letter-spacing:var(--x-switch-letter-spacing);gap:var(--x-switch-gap);display:inline-flex;text-wrap:pretty}.x-switch :where(input){inline-size:var(--x-switch-inline-size);block-size:var(--x-switch-block-size);padding:calc((var(--x-switch-block-size) - var(--x-switch-icon-size)) / 2);border-radius:var(--x-switch-border-radius);background-color:color-mix(in var(--x-switch-background-color-space, srgb),var(--x-switch-background-color) var(--x-switch-background-color-opacity, 100%),var(--x-switch-background-color-mix, transparent));outline:var(--x-switch-outline-width) solid color-mix(in var(--x-switch-outline-color-space, srgb),var(--x-switch-outline-color) var(--x-switch-outline-color-opacity, 0%),var(--x-switch-outline-color-mix, transparent));outline-offset:var(--x-switch-outline-offset);display:flex;position:relative;flex-shrink:0}.x-switch :where(input):before{inline-size:var(--x-switch-icon-size);block-size:var(--x-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.x-switch :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-switch :where(input):where(:required))+*:after{color:var(--x-switch-required-color, var(--color-error));content:" *"}.x-switch :where(input):enabled:focus{--x-switch-outline-offset: var(--x-switch-focus-outline-offset);--x-switch-outline-color-opacity: var(--x-switch-focus-outline-color-opacity, 40%)}.x-switch :where(input):disabled{--x-switch-background-color: var(--x-switch-disabled-background-color, currentColor);--x-switch-background-color-opacity: var(--x-switch-disabled-background-color-opacity, 15%);--x-switch-outline-color: var(--x-switch-disabled-outline-color, currentColor);--x-switch-outline-color-opacity: var(--x-check-disabled-outline-color-opacity, 5%);cursor:not-allowed}.x-switch :where(input):checked{--x-switch-outline-color: var(--color-accent);--x-switch-background-color: var(--color-accent)}.x-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--x-switch-icon-size))}.x-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--x-switch-icon-size) / 2)}.x-switch :user-invalid{--x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));--x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error))}:root,:host{--x-text-content-bold: var(--font-weight-semibold);--x-text-content-margin-block: var(--spacing-xl);--x-text-list-marker-size: .375em;--x-text-line-height: calc(1em + .75rem) ;--x-text-hr-margin-block: 3em;--x-text-heading-line-height: calc(1em + .375rem) ;--x-text-heading-margin-block: 1.5em .5em}.x-text{font-family:var(--x-text-font-family);font-weight:var(--x-text-font-weight);font-size:var(--x-text-font-size);line-height:var(--x-text-line-height);letter-spacing:var(--x-text-letter-spacing);text-wrap:pretty}.x-text>:is(*:first-child){margin-block-start:0}.x-text>:is(*:last-child){margin-block-end:0}.x-text :where(b,strong){font-weight:var(--x-text-content-bold)}.x-text :where(em){font-style:italic}.x-text :where(img){display:block;height:auto}.x-text :where(p){margin-block:var(--x-text-p-margin-block, var(--x-text-content-margin-block))}.x-text :where(p):empty{line-height:0;margin:0}.x-text :where(p):empty:after{content:" "}.x-text :where(hr){margin-block:var(--x-text-hr-margin-block);background-color:color-mix(in var(--x-text-hr-background-color-space, srgb),var(--x-text-hr-background-color, currentColor) var(--x-text-hr-background-color-opacity, 10%),var(--x-text-hr-background-color-mix, transparent))}.x-text :where(a){color:var(--x-text-link-color, var(--color-accent));-webkit-text-decoration:var(--x-text-link-text-decoration, underline);text-decoration:var(--x-text-link-text-decoration, underline);transition:var(--transition-color)}.x-text :where(a):hover{color:color-mix(in var(--x-text-link-hover-color-space, srgb),var(--x-text-link-hover-color, var(--color-accent)) var(--x-text-link-hover-color-opacity, 75%),var(--x-text-link-hover-color-mix, transparent))}.x-text :where(a):focus-visible{color:color-mix(in var(--x-text-link-focus-color-space, srgb),var(--x-text-link-focus-color, var(--color-accent)) var(--x-text-link-focus-color-opacity, 75%),var(--x-text-link-focus-color-mix, transparent))}.x-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--x-text-heading-font-family);font-weight:var(--x-text-heading-font-weight, var(--x-text-content-bold));font-size:var(--x-text-heading-font-size);line-height:var(--x-text-heading-line-height);letter-spacing:var(--x-text-heading-letter-spacing);margin-block:var(--x-text-heading-margin-block);color:var(--x-text-heading-color);text-wrap:balance}.x-text :where(h1){--x-text-heading-font-size: var(--x-text-heading-1-font-size, var(--font-size-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--font-size-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--font-size-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--font-size-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--font-size-lg))}.x-text :where(h6){--x-text-heading-font-size: var(--x-text-heading-6-font-size)}.x-text :where(table){border:0;min-inline-size:100%}.x-text :where(table) :where(td,th){padding:var(--x-text-table-cell-padding-block, 1em) var(--x-text-table-cell-padding-inline, 1.25em);text-align:left}.x-text :where(table) :where(thead){font-weight:var(--x-text-table-thead-font-weight, var(--x-text-content-bold));border-block-end:1px solid color-mix(in var(--x-text-table-thead-border-color-space, srgb),var(--x-text-table-thead-border-color, currentColor) var(--x-text-table-thead-border-color-opacity, 10%),var(--x-text-table-thead-border-color-mix, transparent))}.x-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--x-text-table-row-even-background-color-space, srgb),var(--x-text-table-row-even-background-color, currentColor) var(--x-text-table-row-even-background-color-opacity, 5%),var(--x-text-table-row-even-background-color-mix, transparent))}.x-text :where(ol,ul){margin-inline-start:var(--x-text-list-margin-inline-start, .75em);padding-inline-start:var(--x-text-list-padding-inline-start, 1em);margin-block:var(--x-text-list-margin-block, var(--x-text-content-margin-block))}.x-text :where(ol,ul) :where(li){margin-block:var(--x-text-list-item-margin-block, .5em);padding-inline-start:var(--x-text-list-item-padding-inline-start, 1ch)}.x-text :where(ol):not([type]){list-style:decimal}.x-text :where(ol) :where(li)::marker{color:var(--x-text-list-marker-color, var(--color-accent));font-weight:var(--x-text-list-marker-font-weight, var(--x-text-content-bold))}.x-text :where(ul) :where(li){position:relative;list-style-type:""}.x-text :where(ul) :where(li):before{inline-size:var(--x-text-list-marker-size);block-size:var(--x-text-list-marker-size);inset-inline-start:var(--x-text-list-marker-inset-inline-start, -.75em);inset-block-start:var(--x-text-list-marker-inset-block-start, .5lh);border:var(--x-text-list-marker-border-width, 1px) solid var(--x-text-list-marker-border-color, var(--color-accent));background-color:var(--x-text-list-marker-background-color, var(--color-accent));margin-inline-start:calc((var(--x-text-list-marker-size) / 2) * -1);margin-block-start:calc(var(--x-text-list-marker-size) / 2 * -1);border-radius:var(--x-text-list-marker-border-radius, 50%);-webkit-mask:var(--x-text-list-marker-mask);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}.x-text [style*=square]:where(ul){--x-text-list-marker-border-radius: 0}.x-text [style*=circle]:where(ul){--x-text-list-marker-background-color: transparent}.x-text :where(blockquote){border-inline-start:var(--x-text-blockquote-border-inline-start-width, .375em) solid var(--x-text-blockquote-border-inline-start-color, var(--color-accent));margin-block:var(--x-text-blockquote-margin-block, var(--x-text-content-margin-block));padding:var(--x-text-blockquote-padding-block, .5em) var(--x-text-blockquote-padding-inline, 1.25em);font-size:var(--x-text-blockquote-font-size, inherit)}.x-text :where(code){font-size:var(--x-text-code-font-size, 87.5%)}.x-text :where(figure){margin-block:var(--x-text-figure-margin-block, var(--x-text-content-margin-block))}.x-text :where(figcaption){font-size:var(--x-text-figcaption-font-size, 87.5%);font-weight:var(--x-text-figcaption-font-weight, var(--font-weight-semibold));line-height:var(--x-text-figcaption-line-height, 1.5);margin-block-start:var(--x-text-figcaption-margin-block-start, .5em)}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--font-size-sm);--x-title-line-height: calc(1em + .25rem) }.x-title{font-family:var(--x-title-font-family);font-weight:var(--x-title-font-weight);font-size:var(--x-title-font-size);line-height:var(--x-title-line-height);letter-spacing:var(--x-title-letter-spacing);text-wrap:pretty}.x-title:is(.sm){--x-title-font-size: var(--font-size-xs)}.x-title:is(.lg){--x-title-font-size: var(--font-size-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker: var(--mask-chevron-right);--x-breadcrumb-gap: var(--spacing-xs)}.x-breadcrumb>:where(ul,ol),.x-breadcrumb>:where(ul,ol)>li{display:flex;align-items:center}.x-breadcrumb>:where(ul,ol)>li:not(:last-child):after{-webkit-mask:var(--x-breadcrumb-marker);mask:var(--x-breadcrumb-marker);background-color:var(--x-breadcrumb-marker-background-color, currentColor);margin-inline:var(--x-breadcrumb-gap);inline-size:var(--x-breadcrumb-marker-size);block-size:var(--x-breadcrumb-marker-size);flex-shrink:0;content:""}:root,:host{--x-card-background-color: var(--color-body-primary);--x-card-border-radius: var(--radius-2xl);--x-card-padding-block: var(--spacing-2xl);--x-card-padding-inline: var(--spacing-3xl)}.x-card{background-color:var(--x-card-background-color);border-radius:var(--x-card-border-radius);padding:var(--x-card-padding-block) var(--x-card-padding-inline);display:flex;flex-direction:column}:root,:host{--x-dialog-padding-block: 2rem;--x-dialog-padding-inline: 1.5rem;--x-dialog-background-color: var(--color-dark);--x-dialog-background-color-opacity: 80%;--x-dialog-content-padding-block: 2rem;--x-dialog-content-padding-inline: 1.5rem;--x-dialog-content-inline-size: 35rem}.x-dialog{z-index:var(--x-dialog-z-index, var(--z-index-30));padding:var(--x-dialog-padding-block) var(--x-dialog-padding-inline);background-color:color-mix(in var(--x-dialog-background-color-space, srgb),var(--x-dialog-background-color) var(--x-dialog-background-color-opacity),var(--x-dialog-background-color-mix, 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}.x-dialog::backdrop,.x-dialog:not([open]){display:none}.x-dialog[data-closed]{background-color:transparent}html:has(.x-dialog[open]){padding-inline-end:var(--default-scrollbar-width);scrollbar-width:none}html:has(.x-dialog[open])::-webkit-scrollbar{display:none}.x-dialog-content{background-color:var(--x-dialog-content-background-color, var(--color-body-primary));border-radius:var(--x-dialog-content-border-radius, var(--radius-3xl));padding:var(--x-dialog-content-padding-block) var(--x-dialog-content-padding-inline);inline-size:min(100%,var(--x-dialog-content-inline-size));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog[data-closed]) .x-dialog-content{transform:translateY(-2rem);opacity:0%}:root,:host{--x-drawer-background-color-opacity: 75%;--x-drawer-content-background-color: var(--color-body-primary);--x-drawer-content-padding-block: 2rem;--x-drawer-content-padding-inline: 1.5rem;--x-drawer-content-inline-size: calc(100vw - 4rem) ;--x-drawer-content-block-size: 100%}.x-drawer{z-index:var(--x-drawer-z-index, var(--z-index-30));background-color:color-mix(in var(--x-drawer-background-color-space, srgb),var(--color-dark) calc(var(--background-color-opacity, 0) * var(--x-drawer-background-color-opacity)),var(--x-drawer-background-color-mix, transparent));position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer[inert]{pointer-events:none}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-height:100dvh}.x-drawer-content{inline-size:var(--x-drawer-content-inline-size);block-size:var(--x-drawer-content-block-size);background-color:var(--x-drawer-content-background-color);flex-shrink:0;scroll-snap-align:end}.x-field{gap:var(--x-field-gap, var(--spacing-sm));display:flex;flex-direction:column}.x-field:has(:user-invalid) :where(.x-info[hidden]){display:revert}.x-field:has([required]) :where(.x-label):after{color:var(--x-field-required-color, var(--color-error));content:" *"}.x-carousel{inline-size:100%}.x-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.x-carousel-content::-webkit-scrollbar{display:none}.x-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}.x-carousel-content>:where(*):last-child{scroll-snap-align:end}.x-carousel-content:is(.grabbing),.x-carousel-content:is(.grabbing) *{cursor:grabbing}.x-carousel-content:is(.grabbing) a{pointer-events:none}.x-compare{--x-compare-position: 50%;--x-compare-clip-path: polygon(0% 0, var(--x-compare-position) 0%, var(--x-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.x-compare>*,.x-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.x-compare:before{background-color:var(--color-accent);inset-inline-start:var(--x-compare-position);inline-size:1px;content:""}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}:is(.x-compare>:where(input)):active~.x-button{--x-button-background-color-mix: var(--x-button-active-background-color-mix, var(--color-dark));--x-button-background-color-opacity: var(--x-button-active-background-color-opacity, 80%)}:is(.x-compare>:where(input)):focus-visible~.x-button{--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-offset: var(--x-button-focus-outline-offset, 2px);--x-button-outline-color-opacity: var(--x-button-focus-outline-opacity, 50%)}.x-compare>:where(input):active{cursor:grabbing}.x-compare>:where(.x-button){inset-inline-start:var(--x-compare-position);margin-inline-start:calc(var(--x-button-inline-size) / 2 * -1);margin-block:auto}.x-compare>:where(.x-image){display:grid;z-index:0}.x-compare>:where(.x-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.x-compare>:where(.x-image)>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-pagination{gap:var(--x-pagination-gap, var(--spacing-xs));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius);--x-popover-content-padding-block: var(--spacing-sm);--x-popover-content-padding-inline: var(--spacing-sm);--x-popover-content-scale-y: .75;--x-popover-content-scale-x: .75}.x-popover{position:relative;display:inline-block}.x-popover-content{background-color:var(--x-popover-content-background-color);border-radius:var(--x-popover-content-border-radius);padding:var(--x-popover-content-padding-block) var(--x-popover-content-padding-inline);z-index:var(--x-popover-content-z-index, var(--z-index-10));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute}.x-popover-content:where(.bottom),.x-popover-content{transform-origin:top}.x-popover-content:where(.bottom-start){transform-origin:top left}.x-popover-content:where(.bottom-end){transform-origin:top right}.x-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.x-popover-content:where(.right-start){transform-origin:left top}.x-popover-content:where(.right-end){transform-origin:left bottom}.x-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.x-popover-content:where(.left-start){transform-origin:right top}.x-popover-content:where(.left-end){transform-origin:right bottom}.x-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.x-popover-content:where(.top-start){transform-origin:bottom left}.x-popover-content:where(.top-end){transform-origin:bottom right}.x-popover-content:where(.end){inset-inline-end:0}.x-popover-content:where(.block-end){inset-block:auto 0}.x-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}.x-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.x-popover-content[popover]:not([data-open]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;pointer-events:none}.focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.hover:not(:hover)>.x-popover-content:not([popover]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;visibility:hidden}:root,:host{--x-table-border-radius: var(--radius);--x-table-padding-inline: 1rem;--x-table-cell-spacing-x: .625rem;--x-table-cell-spacing-y: .875rem;--x-table-cell-block-size: auto;--x-table-cell-border-block-width: 1px}.x-table{border-radius:var(--x-table-border-radius);background-color:var(--x-table-background-color, var(--color-body-primary));max-inline-size:100%;overflow:auto}.x-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.x-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--x-table-cell-border-block-width) solid var(--x-table-border-color, var(--color-body-tertiary))}.x-table :where(td,th){padding:var(--x-table-cell-spacing-y) var(--x-table-cell-spacing-x);block-size:var(--x-table-cell-block-size);border-color:var(--x-table-border-color, var(--color-body-tertiary));border-inline-width:var(--x-table-cell-border-inline-width, 0)}.x-table :where(td,th):first-child{padding-inline-start:var(--x-table-padding-inline);border-inline-start:0}.x-table :where(td,th):last-child{padding-inline-end:var(--x-table-padding-inline);border-inline-end:0}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:first-child){border-start-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:last-child){border-start-end-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:first-child){border-end-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:last-child){border-end-end-radius:var(--x-table-border-radius)}.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline){transition:var(--transition-all);outline:var(--x-table-outline-width, 1px) solid transparent;outline-offset:calc(var(--x-table-outline-width, 1px) * -1)}.x-table :where(tr,th,td):where([tabindex="0"]):is(:hover,:focus-visible,.active),.x-table :where(.outline):is(:hover,:focus-visible,.active){background-color:color-mix(in var(--x-table-outline-background-color-space, srgb),var(--x-table-outline-accent-color, var(--color-accent)) var(--x-table-outline-background-color-opacity, 5%),var(--x-table-outline-background-color-mix, transparent));outline-color:var(--x-table-outline-accent-color, var(--color-accent))}.x-tabs-list{background-color:var(--x-tabs-list-background-color, var(--color-body-secondary));gap:var(--x-tabs-list-gap, var(--spacing-xs));padding:var(--x-tabs-list-padding, var(--spacing-xs));border-radius:var(--x-tabs-list-border-radius, var(--radius));display:flex;inline-size:-moz-max-content;inline-size:max-content}:root,:host{--x-tooltip-background-color: var(--color-main);--x-tooltip-color: var(--color-main-foreground);--x-tooltip-border-radius: var(--radius-md);--x-tooltip-font-size: var(--font-size-sm);--x-tooltip-padding-block: var(--spacing-xs);--x-tooltip-padding-inline: var(--spacing-sm);--x-tooltip-margin-block: var(--spacing-xs);--x-tooltip-margin-inline: var(--spacing-xs);--x-tooltip-scale-x: .75;--x-tooltip-scale-y: .75}.x-tooltip{position:relative;display:inline-block}.x-tooltip:before{--tw-content: attr(aria-label);background-color:var(--x-tooltip-background-color);color:var(--x-tooltip-color);border-radius:var(--x-tooltip-border-radius);font-size:var(--x-tooltip-font-size);padding:var(--x-tooltip-padding-block) var(--x-tooltip-padding-inline);z-index:var(--x-tooltip-z-index, var(--z-index-20));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);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));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute;pointer-events:none}.x-tooltip:where(.top):before,.x-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}.x-tooltip:where(.left):before,.x-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--x-tooltip-margin-inline);inset-block-start:50%}.x-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.x-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.x-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.x-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.x-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--x-tooltip-scale-x);--tw-scale-y: var(--x-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--x-toaster-padding: var(--spacing-xl);--x-toaster-margin-block: var(--spacing-xs)}.x-toaster{z-index:var(--x-toaster-z-index, var(--z-index-50));padding:var(--x-toaster-padding);margin-block:calc(var(--x-toaster-margin-block) * -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{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2);--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: var(--spacing-md);--x-toast-content-padding-inline: var(--spacing-lg);--x-toast-content-gap: var(--spacing-xl);--x-toast-content-background-color: var(--color-body-primary)}.x-toast{inline-size:min(100%,var(--x-toast-inline-size));block-size:var(--x-toast-block-size);transition:all var(--x-toast-transition-duration) var(--x-toast-transition-timing-function, var(--transition-timing-function-in-out));position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0%}.flex-col-reverse .x-toast{justify-content:flex-end}.x-toast[data-open]{margin-block:var(--x-toaster-margin-block)}.x-toast[data-open]:where(:nth-last-child(-n+3)){visibility:visible;opacity:100%}.x-toast[data-closed]{visibility:hidden;opacity:0%;height:0;margin-block:0}.x-toast-content{border-radius:var(--x-toast-content-border-radius);padding:var(--x-toast-content-padding-block) var(--x-toast-content-padding-inline);gap:var(--x-toast-content-gap);background-color:var(--x-toast-content-background-color);color:var(--x-toast-content-color, var(--color-accent));border:var(--x-toast-content-border-width, 1px) solid color-mix(in var(--x-toast-content-border-color-space, srgb),var(--x-toast-content-border-color, var(--color-accent)) var(--x-toast-content-border-color-opacity, 15%),var(--x-toast-content-border-color-mix, var(--color-body-primary)));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.x-toast-content .x-text{--x-text-font-size: var(--font-size-sm);--x-text-line-height: calc(1em + .375rem) }
package/dist/test.css ADDED
@@ -0,0 +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(em),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),: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),:where([popover]){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}: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-primary-foreground);background-color:var(--color-primary)}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}: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, 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){background-color:color-mix(in var(--default-color-space),currentColor 100%,transparent);block-size:1px;inline-size:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--default-color-scheme);font-family:var(--font-family-primary);font-weight:var(--font-weight-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{--default-font-family: 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-family-primary: var(--default-font-family);--font-family-secondary: var(--default-font-family);--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-thin: 200;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--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-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></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;--radius: var(--radius-xl);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-5xl: 2.5rem;--radius-6xl: 3rem;--radius-full: calc(infinity * 1px);--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;--default-transition-duration: .15s;--default-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1);--transition-all: all var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-color: color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-background: background var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-opacity: opacity var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-transform: transform var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-border: border-color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-shadow: box-shadow var(--default-transition-duration) var(--transition-timing-function-in-out)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{0%{opacity:100%}}:root,:host{--default-color-space: sRGB;--default-color-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(--default-color-space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--default-color-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(--default-color-space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--default-color-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{--default-color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.animation-ripple{animation-name:ripple}.divide-gap-x-xl>:where(*:not(:first-child)){padding-left:var(--spacing-xl);margin-left:var(--spacing-xl)}.dot{display:inline-flex;inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;justify-content:center;align-items:center}.x-badge{--x-badge-background-color: var(--color-accent);--x-badge-border-color: var(--color-accent);--x-badge-color: var(--color-accent-foreground);inline-size:var(--x-badge-inline-size);block-size:var(--x-badge-block-size);padding:var(--x-badge-padding-block) var(--x-badge-padding-inline);padding-inline:calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));border-radius:var(--x-badge-border-radius);font-family:var(--x-badge-font-family);font-weight:var(--x-badge-font-weight);font-size:var(--x-badge-font-size);letter-spacing:var(--x-badge-letter-spacing);background-color:color-mix(in var(--x-badge-background-color-space, srgb),var(--x-badge-background-color) var(--x-badge-background-color-opacity, 100%),var(--x-badge-background-color-mix, transparent));color:color-mix(in var(--x-badge-color-space, srgb),var(--x-badge-color) var(--x-badge-color-opacity, 100%),var(--x-badge-color-mix, transparent));border:var(--x-badge-border-width) solid color-mix(in var(--x-badge-border-color-space, srgb),var(--x-badge-border-color) var(--x-badge-border-color-opacity, 100%),var(--x-badge-border-color-mix, transparent));gap:var(--x-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--x-badge-border-width: 0px;--x-badge-border-radius: var(--radius-lg);--x-badge-font-size: var(--font-size-xs);--x-badge-gap: var(--spacing-xs);--x-badge-block-size: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-height: 1.25rem;--x-badge-font-size: var(--font-size-xs)}.x-badge:is(.lg){--x-badge-height: 1.75rem}.x-badge:is(.bordered){--x-badge-border-width: 1px;--x-badge-border-color-opacity: 100%;--x-badge-background-color-opacity: 0%;--x-badge-color: var(--color-accent)}.x-badge:is(.muted){--x-badge-color: var(--color-accent);--x-badge-background-color-opacity: 10%}.x-badge:is(.square){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size)}.x-badge:is(.circle){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-inline-size: var(--x-badge-block-size);--x-badge-border-radius: var(--radius-full)}:root,:host{--x-button-outline-width: 2px;--x-button-border-width: 0px;--x-button-border-radius: var(--radius);--x-button-font-size: var(--font-size-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: var(--spacing-sm);--x-button-block-size: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem;--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 80%;--x-button-focus-outline-offset: 2px;--x-button-focus-outline-color-opacity: 50%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%;--x-button-disabled-background-color-opacity: 75%}.x-button{--x-button-background-color: var(--color-accent);--x-button-border-color: var(--color-accent);--x-button-color: var(--color-accent-foreground);inline-size:var(--x-button-inline-size);block-size:var(--x-button-block-size);padding:var(--x-button-padding-block) var(--x-button-padding-inline);padding-inline:calc(var(--x-button-padding-inline) - var(--x-button-border-width));border-radius:var(--x-button-border-radius);font-family:var(--x-button-font-family);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);letter-spacing:var(--x-button-letter-spacing);background-color:color-mix(in var(--x-button-background-color-space, srgb),var(--x-button-background-color) var(--x-button-background-color-opacity, 100%),var(--x-button-background-color-mix, transparent));color:color-mix(in var(--x-button-color-space, srgb),var(--x-button-color) var(--x-button-color-opacity, 100%),var(--x-button-color-mix, transparent));border:var(--x-button-border-width) solid color-mix(in var(--x-button-border-color-space, srgb),var(--x-button-border-color) var(--x-button-border-color-opacity, 100%),var(--x-button-border-color-mix, transparent));outline:var(--x-button-outline-width) solid color-mix(in var(--x-button-outline-color-space, srgb),var(--x-button-outline-color, transparent) var(--x-button-outline-color-opacity, 100%),var(--x-button-outline-color-mix, transparent));outline-offset:var(--x-button-outline-offset);gap:var(--x-button-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}.x-button :where(*){pointer-events:none}.x-button:where(input):after{content:attr(aria-label)}.x-button{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-button:where(.accent-primary),.x-button:where(.accent-body),.x-button:where(.accent-light),.x-button:where(.accent-dark){--x-button-hover-background-color-mix: var(--color-accent-foreground)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):active,.x-button:is(button,input,label,:-moz-any-link,[role=button]):checked,.x-button.active:is(button,input,label,:-moz-any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:any-link,[role=button]):active,.x-button:is(button,input,label,:any-link,[role=button]):checked,.x-button.active:is(button,input,label,:any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,label,:-moz-any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(button,input,label,:any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(.sm){--x-button-block-size: 2rem;--x-button-padding-inline: 1rem}.x-button:is(.lg){--x-button-block-size: 3rem;--x-button-padding-inline: 1.75rem}.x-button:is(.bordered){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-border-color-opacity: 30%;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-border-color-opacity: 30%;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-border-color-opacity: 30%;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: 0px;--x-button-border-width: 1px;--x-button-border-color-opacity: 100%;--x-button-background-color-opacity: 0%;--x-button-color: var(--color-accent)}.x-button:is(.ghosted){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 0%}.x-button:is(.muted){--x-button-disabled-background-color-opacity: 5%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 30%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 20%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 10%}.x-button:is(.raised){--x-button-border-width: 1px;--x-button-border-color-opacity: 75%;--x-button-border-color: var(--x-button-background-color);--x-button-border-color-mix: var(--x-button-color)}.x-button:is(.fill){--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 100%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%}.x-button:is(.square){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size)}.x-button:is(.circle){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-inline-size: var(--x-button-block-size);--x-button-border-radius: var(--radius-full)}:root,:host{--x-check-size: 1.25rem;--x-check-icon-size: 1.125rem;--x-check-icon: var(--mask-check);--x-check-gap: var(--spacing-md);--x-check-font-size: var(--font-size-sm);--x-check-line-height: calc(1em + .25rem) ;--x-check-border-radius: var(--radius-md);--x-check-border-width: 1px;--x-check-background-color: currentColor;--x-check-border-color: currentColor;--x-check-outline-width: 2px}.x-check{--x-check-outline-color: var(--color-accent);--x-check-icon-color: var(--color-accent-foreground);font-weight:var(--x-check-font-weight);font-size:var(--x-check-font-size);line-height:var(--x-check-line-height);letter-spacing:var(--x-check-letter-spacing);gap:var(--x-check-gap);display:inline-flex;text-wrap:pretty}.x-check:has([type=radio]){--x-check-icon: var(--mask-radio);--x-check-border-radius: 50%}.x-check :where(input){inline-size:var(--x-check-size);block-size:var(--x-check-size);border-radius:var(--x-check-border-radius);background-color:color-mix(in var(--x-check-background-color-space, srgb),var(--x-check-background-color) var(--x-check-background-color-opacity, 0%),var(--x-check-background-color-mix, transparent));border:var(--x-check-border-width) solid color-mix(in var(--x-check-border-color-space, srgb),var(--x-check-border-color) var(--x-check-border-color-opacity, 20%),var(--x-check-border-color-mix, transparent));outline:var(--x-check-outline-width) solid color-mix(in var(--x-check-outline-color-space, srgb),var(--x-check-outline-color) var(--x-check-outline-color-opacity, 0%),var(--x-check-outline-color-mix, transparent));outline-offset:var(--x-check-outline-offset);display:flex;flex-shrink:0}.x-check :where(input):before{inline-size:var(--x-check-icon-size);block-size:var(--x-check-icon-size);color:var(--x-check-icon-color);-webkit-mask:var(--x-check-icon);mask:var(--x-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}:is(.x-check :where(input):where(:required))+*:after{color:var(--x-check-required-color, var(--color-error));content:" *"}.x-check{--x-check-hover-border-color: var(--color-accent);--x-check-hover-background-color: var(--color-accent);--x-check-checked-background-color: var(--color-accent);--x-check-focus-border-color: var(--color-accent)}.x-check :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-check :where(input):where(:hover,:focus-visible){--x-check-background-color: var(--x-check-hover-background-color);--x-check-background-color-opacity: var(--x-check-hover-background-color-opacity, 10%);--x-check-border-color: var(--x-check-hover-border-color);--x-check-border-color-opacity: var(--x-check-hover-border-color-opacity, 75%)}.x-check :where(input):focus{--x-check-border-color: var(--x-check-focus-border-color);--x-check-border-color-opacity: var(--x-check-focus-border-color-opacity, 75%);--x-check-outline-color-opacity: var(--x-check-focus-outline-opacity, 20%);--x-check-outline-offset: var(--x-check-focus-outline-offset)}.x-check :where(input):disabled{--x-check-background-color: var(--x-check-disabled-background-color, currentColor);--x-check-background-color-mix: var(--x-check-disabled-background-color-mix, transparent);--x-check-background-color-opacity: var(--x-check-disabled-background-color-opacity, 5%);--x-check-border-color: var(--x-check-disabled-border-color, currentColor);--x-check-border-color-mix: var(--x-check-disabled-border-color-mix, transparent);--x-check-border-color-opacity: var(--x-check-disabled-border-color-opacity, 15%);cursor:not-allowed}.x-check :where(input):where([type=checkbox]):indeterminate{--x-check-icon: var(--mask-indeterminate)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate){--x-check-background-color: var(--x-check-checked-background-color);--x-check-background-color-opacity: 100%;--x-check-border-color-opacity: 0%}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):disabled{opacity:var(--x-check-checked-disabled-opacity, 75%)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:100%;transform:scale(1)}.x-check :user-invalid{--x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));--x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));--x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));--x-check-background-color-opacity: var(--x-check-invalid-background-color-opacity, 15%);--x-check-border-color-opacity: var(--x-check-invalid-border-color-opacity, 100%)}:root,:host{--x-color-primary: currentColor;--x-color-secondary: transparent;--x-color-size: 1.5rem;--x-color-border-radius: var(--radius-full)}.x-color{--x-color-outline-color: var(--color-accent);display:inline-flex}.x-color :where(input){inline-size:var(--x-color-size);block-size:var(--x-color-size);border-radius:var(--x-color-border-radius);outline:var(--x-color-outline-width, 1px) solid color-mix(in var(--x-color-outline-color-space, srgb),var(--x-color-outline-color) var(--x-color-outline-color-opacity, 0%),var(--x-color-outline-color-mix, transparent));outline-offset:var(--x-color-outline-offset);display:inline-grid}.x-color :where(input):before,.x-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.x-color :where(input):before{background-color:var(--x-color-primary)}.x-color :where(input):after{background-color:var(--x-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}.x-color :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-color :where(input):disabled{cursor:not-allowed}.x-color :where(input):disabled:before,.x-color :where(input):disabled:after{opacity:var(--x-color-disabled-opacity, 50%)}.x-color :where(input):enabled:hover{--x-color-outline-color-opacity: var(--x-color-hover-outline-color-opacity);--x-color-outline-offset: var(--x-color-hover-outline-offset)}.x-color :where(input):enabled:focus-visible{--x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked{--x-color-outline-color-opacity: var(--x-color-checked-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked:focus-visible{outline-style:dashed}:root,:host{--x-control-height: 3rem;--x-control-height-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius);--x-control-border-color: currentColor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--font-size-base);--x-control-background-color: transparent;--x-control-color: currentColor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentColor;--x-control-placeholder-opacity: 50%;--x-control-color-swatch-inline-size: 1.25rem;--x-control-color-swatch-block-size: 1.25rem;--x-control-color-swatch-border-radius: var(--radius-full);--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem;--x-control-label-translate-y: .625rem;--x-control-label-scale: .8;--x-control-select-icon-size: 1.5rem;--x-control-select-icon-margin-inline-end: -.25rem}.x-control{display:grid;block-size:var(--x-control-height);font-family:var(--x-control-font-family);font-weight:var(--x-control-font-weight);font-size:var(--x-control-font-size);letter-spacing:var(--x-control-letter-spacing);color:var(--x-control-color);border-radius:var(--x-control-border-radius);background-color:color-mix(in var(--x-control-background-color-space, srgb),var(--x-control-background-color) var(--x-control-background-color-opacity, 100%),var(--x-control-background-color-mix, transparent));border:var(--x-control-border-width) solid color-mix(in var(--x-control-border-color-space, srgb),var(--x-control-border-color) var(--x-control-border-color-opacity, 15%),var(--x-control-border-color-mix, transparent));outline:var(--x-control-outline-width) solid color-mix(in var(--x-control-outline-color-space, srgb),var(--x-control-outline-color, var(--color-accent)) var(--x-control-outline-color-opacity, 0%),var(--x-control-outline-color-mix, transparent));outline-offset:var(--x-control-outline-offset);grid-template:[x-control-start] calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-padding] 1fr calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-end] / [x-control-start] var(--x-control-padding-inline) [x-control-padding] 1fr var(--x-control-padding-inline) [x-control-end]}.x-control:has(textarea){height:auto}.x-control>:where(*){grid-area:x-control-padding;align-self:center}.x-control>:where(input,textarea,select){padding-block:var(--x-control-padding-block-start, var(--x-control-padding-block)) var(--x-control-padding-block-end, var(--x-control-padding-block));padding-inline:calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));grid-area:x-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,textarea)::-moz-placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(input,textarea)::placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(textarea){min-block-size:var(--x-control-height-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-control:focus-within{--x-control-border-color: var(--x-control-focus-border-color, var(--color-accent));--x-control-border-color-opacity: var(--x-control-focus-border-color-opacity, 100%);--x-control-outline-offset: var(--x-control-focus-outline-offset);--x-control-outline-color-opacity: var(--x-control-focus-outline-color-opacity, 20%)}.x-control.disabled,.x-control:has(:where(input,textarea,select):disabled){--x-control-background-color: var(--x-control-disabled-background-color, currentColor);--x-control-background-color-opacity: var(--x-control-disabled-background-color-opacity, 5%);--x-control-border-color: var(--x-control-disabled-border-color, currentColor);--x-control-border-color-opacity: var(--x-control-disabled-border-color-opacity)}.x-control:has(:user-invalid){--x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));--x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);--x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));--x-control-border-color-opacity: var(--x-control-invalid-border-color-opacity, 100%);--x-control-outline-color: var(--x-control-invalid-outline-color, var(--color-error));--x-control-color: var(--x-control-invalid-color, var(--color-error))}.x-control>:where(input)::-webkit-color-swatch-wrapper{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);padding:0}.x-control>:where(input)::-moz-color-swatch{inline-size:var(--x-control-color-swatch-inline-size);block-size:var(--x-control-color-swatch-block-size);border-radius:var(--x-control-color-swatch-border-radius);margin:0}.x-control>:where(input)::-webkit-color-swatch{border-radius:var(--x-control-color-swatch-border-radius)}[type=color]:is(.x-control>:where(input))~label{margin-inline-start:calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-inline-size))}.x-control{--x-control-start: calc(var(--x-control-icon-count-start, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap));--x-control-end: calc(var(--x-control-icon-count-end, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap))}.x-control:has(textarea) :where(.me-auto),.x-control:has(textarea) :where(.ms-auto){align-self:start}.x-control:has(.me-auto){--x-control-padding-inline-start: calc(var(--x-control-start) + var(--x-control-padding-inline))}.x-control:has(.ms-auto){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline))}.x-control:has(.me-auto>*:nth-child(2)){--x-control-icon-count-start: 2}.x-control:has(.ms-auto>*:nth-child(2)){--x-control-icon-count-end: 2}.x-control :where(.me-auto),.x-control :where(.ms-auto){gap:var(--x-control-icon-gap);display:flex;align-items:center}.x-control:where(:has([type=file])){overflow:clip}.x-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--x-control-file-background-color-space, srgb),var(--x-control-file-background-color, currentColor) var(--x-control-file-background-color-opacity, 15%),var(--x-control-file-background-color-mix, transparent));block-size:calc(var(--x-control-height) - var(--x-control-border-width) * 2);padding-inline:var(--x-control-padding-inline);margin-inline:calc(var(--x-control-padding-inline) * -1) var(--x-control-padding-inline);margin-block-start:calc(var(--x-control-padding-block) * -1);border-start-end-radius:var(--x-control-border-radius);border-end-end-radius:var(--x-control-border-radius);transition:var(--transition-background);cursor:pointer}.x-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--x-control-file-background-color-opacity: 20%}.x-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--x-control-padding-inline-start, 0) var(--x-control-padding-inline-end, 0);transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform}.x-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale))}:is(.x-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.x-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale)) calc(var(--x-control-padding-block) - var(--x-control-label-translate-y) * var(--x-control-label-scale))}.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--x-control-label-translate-y) * var(--x-control-label-scale) * -1))}.x-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--x-control-required-color, var(--color-error));content:" *"}.x-control:where(:has(:not([type=color])~label)){--x-control-label-focus-opacity: 50%;--x-control-placeholder-color: transparent}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}.x-control:has(select:not([multiple])){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline) + var(--x-control-select-icon-margin-inline-end))}.x-control:has(select:not([multiple])):has(.ms-auto){--x-control-icon-count-end: 2}.x-control:has(select:not([multiple])):after{inline-size:var(--x-control-select-icon-size);block-size:var(--x-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--x-control-select-icon-margin-inline-end);grid-area:x-control-padding;background-color:currentColor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select[multiple]){--x-control-height: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-group{display:flex;border-radius:var(--radius)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-height);height:auto}.x-group:has(.x-control)>:is(.x-button){--x-button-border-width: var(--x-control-border-width)}.x-group>:where(*){border-radius:inherit}.x-group>:where(*):is(.x-control){--x-control-border-color-mix: var(--color-body-primary)}.x-group>:where(*):is(.x-button){--x-button-focus-outline-offset: 0}.x-group>:where(*):focus-within{z-index:1}.x-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.x-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.x-group:where(.vertical){flex-direction:column}.x-group:where(.vertical)>:where(*){border-radius:inherit}.x-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.x-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--x-heading-font-family: var(--font-family-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--font-size-xl);--x-heading-line-height: calc(1em + .375rem) }.x-heading{font-family:var(--x-heading-font-family);font-weight:var(--x-heading-font-weight);font-size:var(--x-heading-font-size);line-height:var(--x-heading-line-height);letter-spacing:var(--x-heading-letter-spacing);text-wrap:balance}.x-heading:is(.sm){--x-heading-font-size: var(--font-size-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--font-size-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;-o-object-fit:contain;object-fit:contain}.x-image:where(.avatar){border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.x-image:where(.avatar) :where(span){font-weight:var(--font-weight-medium);font-size:50cqi}:root,:host{--x-info-font-size: var(--font-size-xs);--x-info-line-height: calc(1em + .25rem) }.x-info{font-family:var(--x-info-font-family);font-weight:var(--x-info-font-weight);font-size:var(--x-info-font-size);line-height:var(--x-info-line-height);letter-spacing:var(--x-info-letter-spacing);text-wrap:pretty}:root,:host{--x-label-font-size: var(--font-size-sm);--x-label-line-height: calc(1em + .25rem) }.x-label{font-family:var(--x-label-font-family);font-weight:var(--x-label-font-weight);font-size:var(--x-label-font-size);line-height:var(--x-label-line-height);letter-spacing:var(--x-label-letter-spacing);text-wrap:pretty}:root,:host{--x-link-font-size: var(--font-size-sm);--x-link-line-height: calc(1em + .25rem) }.x-link{font-family:var(--x-link-font-family);font-weight:var(--x-link-font-weight);font-size:var(--x-link-font-size);line-height:var(--x-link-line-height);letter-spacing:var(--x-link-letter-spacing);text-wrap:pretty}.x-link:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:-moz-any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}.x-link:where(:any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}:root,:host{--x-notice-padding-block: 1.25rem;--x-notice-padding-inline: 1.5rem;--x-notice-font-size: var(--font-size-sm);--x-notice-border-radius: var(--radius);--x-notice-outline-width: 1px;--x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1)}.x-notice{padding:var(--x-notice-padding-block) var(--x-notice-padding-inline);font-size:var(--x-notice-font-size);border-radius:var(--x-notice-border-radius);background-color:color-mix(in var(--x-notice-background-color-space, srgb),var(--x-notice-background-color, var(--color-accent)) var(--x-notice-background-color-opacity, 10%),var(--x-notice-background-color-mix, transparent));color:var(--x-notice-color, var(--color-accent));outline:var(--x-notice-outline-width) solid color-mix(in var(--x-notice-outline-color-space, srgb),var(--x-notice-outline-color, var(--color-accent)) var(--x-notice-outline-color-opacity, 10%),var(--x-notice-outline-color-mix, transparent));outline-offset:var(--x-notice-outline-offset);text-wrap:pretty}:root,:host{--x-progress-block-size: 1rem;--x-progress-border-radius: var(--radius-full);--x-progress-transition-duration: .3s;--x-progress-indeterminate-transition-duration: 1s}.x-progress{inline-size:var(--x-progress-inline-size, 100%);block-size:var(--x-progress-block-size);border-radius:var(--x-progress-border-radius);background-color:color-mix(in var(--x-progress-background-color-space, srgb),var(--x-progress-background-color, var(--color-accent)) var(--x-progress-background-color-opacity, 10%),var(--x-progress-background-color-mix, var(--color-body)));position:relative;overflow:clip}.x-progress::-moz-progress-bar{background-color:var(--x-progress-bar-background-color, var(--color-accent));-moz-transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.x-progress::-webkit-progress-inner-element{border-radius:inherit}.x-progress::-webkit-progress-value{background-color:var(--x-progress-bar-background-color, var(--color-accent));-webkit-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-transition-duration) var(--transition-timing-function-linear) infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 33.33%,transparent 0%);background-position:top left;background-repeat:no-repeat;background-size:150%}.x-progress:indeterminate::-moz-progress-bar{background-color:transparent}.x-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.x-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.x-progress::-webkit-meter-optimum-value{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress::-webkit-meter-suboptimum-value{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress::-webkit-meter-even-less-good-value{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:is(.sm){--x-progress-block-size: .5rem}.x-progress:is(.lg){--x-progress-block-size: 1.5rem}:root,:host{--x-range-track-block-size: .375rem;--x-range-thumb-size: 1.125rem;--x-range-thumb-border-width: 0;--x-range-thumb-outline-width: 2px;--x-range-thumb-focus-outline-opacity: 50%;--x-range-track-start: 0%;--x-range-track-end: 100%}.x-range{--x-range-thumb-background-color: var(--color-accent);--x-range-thumb-border-color: var(--x-range-thumb-background-color);--x-range-track-background-color: var(--color-accent);--x-range-track-background: linear-gradient( to right, var(--x-range-track-background-color) 0%, var(--x-range-track-background-color) var(--x-range-track-start), transparent var(--x-range-track-start), transparent var(--x-range-track-end) );min-block-size:var(--x-range-thumb-size);display:grid}.x-range :where(input){block-size:var(--x-range-track-block-size);background-color:color-mix(in var(--x-range-background-color-space, srgb),var(--x-range-background-color, var(--color-accent)) var(--x-range-background-color-opacity, 10%),var(--x-range-background-color-mix, var(--color-body)));position:relative;grid-area:1/1}.x-range :where(input)::-webkit-slider-runnable-track{block-size:var(--x-range-track-block-size);border-radius:var(--x-range-track-border-radius, var(--radius-full));background:var(--x-range-track-background)}.x-range :where(input)::-moz-range-track{block-size:var(--x-range-track-block-size);border-radius:var(--radius-full);background:var(--x-range-track-background)}.x-range :where(input)::-webkit-slider-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));margin-block-start:calc((var(--x-range-thumb-size) - var(--x-range-track-block-size)) / 2 * -1);-webkit-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-webkit-slider-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input)::-moz-range-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));-moz-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-moz-range-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-webkit-slider-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-moz-range-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):not(:only-of-type){--x-range-track-background: linear-gradient( to right, transparent 0%, transparent var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-end), transparent var(--x-range-track-end), transparent 100% );pointer-events:none}:is(.x-range :where(input):not(:only-of-type))~input{background:transparent}.x-range:where(.vertical){min-inline-size:var(--x-range-thumb-size);container-type:size}.x-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:calc(50% - 25cqw);inset-inline-start:calc(-50% + 50cqw)}:root,:host{--x-rating-inline-size: 1.25rem;--x-rating-block-size: 1.25rem;--x-rating-gap: .25rem;--x-rating-opacity: .2;--x-rating-icon: var(--mask-star)}.x-rating{--x-rating-color: var(--color-accent);display:flex;align-items:center;border-radius:var(--radius-full)}.x-rating:focus-within{outline:2px dotted var(--color-accent);outline-offset:3px}.x-rating :where(input){inline-size:var(--x-rating-inline-size);block-size:var(--x-rating-block-size);color:var(--x-rating-color);opacity:var(--x-rating-opacity);transition:var(--transition-opacity);display:grid;box-sizing:content-box}.x-rating :where(input):not(:last-child){border-inline-end-width:var(--x-rating-gap);border-inline-color:transparent}.x-rating :where(input):before{-webkit-mask:var(--x-rating-icon);mask:var(--x-rating-icon);background-color:currentColor;content:""}.x-rating:has(:checked) input{opacity:100%}.x-rating:has(:checked) input:where(:checked~input){opacity:var(--x-rating-opacity)}.x-rating:hover input{opacity:100%}:is(.x-rating:hover input):hover~input{opacity:var(--x-rating-opacity)}.x-rating :user-invalid{--x-rating-color: var(--x-rating-invalid-color, var(--color-error))}:root,:host{--x-switch-inline-size: 3rem;--x-switch-block-size: 1.5rem;--x-switch-icon-size: 1.125rem;--x-switch-font-weight: var(--font-weight-normal);--x-switch-font-size: var(--font-size-sm);--x-switch-line-height: calc(1em + .25rem) ;--x-switch-gap: .75rem;--x-switch-border-radius: var(--radius-full);--x-switch-background-color: currentColor;--x-switch-outline-width: 2px;--x-switch-outline-color: currentColor}.dark:root,.dark:host{--x-switch-background-color: var(--color-body-tertiary)}.x-switch{font-weight:var(--x-switch-font-weight);font-size:var(--x-switch-font-size);line-height:var(--x-switch-line-height);letter-spacing:var(--x-switch-letter-spacing);gap:var(--x-switch-gap);display:inline-flex;text-wrap:pretty}.x-switch :where(input){inline-size:var(--x-switch-inline-size);block-size:var(--x-switch-block-size);padding:calc((var(--x-switch-block-size) - var(--x-switch-icon-size)) / 2);border-radius:var(--x-switch-border-radius);background-color:color-mix(in var(--x-switch-background-color-space, srgb),var(--x-switch-background-color) var(--x-switch-background-color-opacity, 100%),var(--x-switch-background-color-mix, transparent));outline:var(--x-switch-outline-width) solid color-mix(in var(--x-switch-outline-color-space, srgb),var(--x-switch-outline-color) var(--x-switch-outline-color-opacity, 0%),var(--x-switch-outline-color-mix, transparent));outline-offset:var(--x-switch-outline-offset);display:flex;position:relative;flex-shrink:0}.x-switch :where(input):before{inline-size:var(--x-switch-icon-size);block-size:var(--x-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.x-switch :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-switch :where(input):where(:required))+*:after{color:var(--x-switch-required-color, var(--color-error));content:" *"}.x-switch :where(input):enabled:focus{--x-switch-outline-offset: var(--x-switch-focus-outline-offset);--x-switch-outline-color-opacity: var(--x-switch-focus-outline-color-opacity, 40%)}.x-switch :where(input):disabled{--x-switch-background-color: var(--x-switch-disabled-background-color, currentColor);--x-switch-background-color-opacity: var(--x-switch-disabled-background-color-opacity, 15%);--x-switch-outline-color: var(--x-switch-disabled-outline-color, currentColor);--x-switch-outline-color-opacity: var(--x-check-disabled-outline-color-opacity, 5%);cursor:not-allowed}.x-switch :where(input):checked{--x-switch-outline-color: var(--color-accent);--x-switch-background-color: var(--color-accent)}.x-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--x-switch-icon-size))}.x-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--x-switch-icon-size) / 2)}.x-switch :user-invalid{--x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));--x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error))}:root,:host{--x-text-content-bold: var(--font-weight-semibold);--x-text-content-margin-block: var(--spacing-xl);--x-text-list-marker-size: .375em;--x-text-line-height: calc(1em + .75rem) ;--x-text-hr-margin-block: 3em;--x-text-heading-line-height: calc(1em + .375rem) ;--x-text-heading-margin-block: 1.5em .5em}.x-text{font-family:var(--x-text-font-family);font-weight:var(--x-text-font-weight);font-size:var(--x-text-font-size);line-height:var(--x-text-line-height);letter-spacing:var(--x-text-letter-spacing);text-wrap:pretty}.x-text>:is(*:first-child){margin-block-start:0}.x-text>:is(*:last-child){margin-block-end:0}.x-text :where(b,strong){font-weight:var(--x-text-content-bold)}.x-text :where(em){font-style:italic}.x-text :where(img){display:block;height:auto}.x-text :where(p){margin-block:var(--x-text-p-margin-block, var(--x-text-content-margin-block))}.x-text :where(p):empty{line-height:0;margin:0}.x-text :where(p):empty:after{content:" "}.x-text :where(hr){margin-block:var(--x-text-hr-margin-block);background-color:color-mix(in var(--x-text-hr-background-color-space, srgb),var(--x-text-hr-background-color, currentColor) var(--x-text-hr-background-color-opacity, 10%),var(--x-text-hr-background-color-mix, transparent))}.x-text :where(a){color:var(--x-text-link-color, var(--color-accent));-webkit-text-decoration:var(--x-text-link-text-decoration, underline);text-decoration:var(--x-text-link-text-decoration, underline);transition:var(--transition-color)}.x-text :where(a):hover{color:color-mix(in var(--x-text-link-hover-color-space, srgb),var(--x-text-link-hover-color, var(--color-accent)) var(--x-text-link-hover-color-opacity, 75%),var(--x-text-link-hover-color-mix, transparent))}.x-text :where(a):focus-visible{color:color-mix(in var(--x-text-link-focus-color-space, srgb),var(--x-text-link-focus-color, var(--color-accent)) var(--x-text-link-focus-color-opacity, 75%),var(--x-text-link-focus-color-mix, transparent))}.x-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--x-text-heading-font-family);font-weight:var(--x-text-heading-font-weight, var(--x-text-content-bold));font-size:var(--x-text-heading-font-size);line-height:var(--x-text-heading-line-height);letter-spacing:var(--x-text-heading-letter-spacing);margin-block:var(--x-text-heading-margin-block);color:var(--x-text-heading-color);text-wrap:balance}.x-text :where(h1){--x-text-heading-font-size: var(--x-text-heading-1-font-size, var(--font-size-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--font-size-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--font-size-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--font-size-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--font-size-lg))}.x-text :where(h6){--x-text-heading-font-size: var(--x-text-heading-6-font-size)}.x-text :where(table){border:0;min-inline-size:100%}.x-text :where(table) :where(td,th){padding:var(--x-text-table-cell-padding-block, 1em) var(--x-text-table-cell-padding-inline, 1.25em);text-align:left}.x-text :where(table) :where(thead){font-weight:var(--x-text-table-thead-font-weight, var(--x-text-content-bold));border-block-end:1px solid color-mix(in var(--x-text-table-thead-border-color-space, srgb),var(--x-text-table-thead-border-color, currentColor) var(--x-text-table-thead-border-color-opacity, 10%),var(--x-text-table-thead-border-color-mix, transparent))}.x-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--x-text-table-row-even-background-color-space, srgb),var(--x-text-table-row-even-background-color, currentColor) var(--x-text-table-row-even-background-color-opacity, 5%),var(--x-text-table-row-even-background-color-mix, transparent))}.x-text :where(ol,ul){margin-inline-start:var(--x-text-list-margin-inline-start, .75em);padding-inline-start:var(--x-text-list-padding-inline-start, 1em);margin-block:var(--x-text-list-margin-block, var(--x-text-content-margin-block))}.x-text :where(ol,ul) :where(li){margin-block:var(--x-text-list-item-margin-block, .5em);padding-inline-start:var(--x-text-list-item-padding-inline-start, 1ch)}.x-text :where(ol):not([type]){list-style:decimal}.x-text :where(ol) :where(li)::marker{color:var(--x-text-list-marker-color, var(--color-accent));font-weight:var(--x-text-list-marker-font-weight, var(--x-text-content-bold))}.x-text :where(ul) :where(li){position:relative;list-style-type:""}.x-text :where(ul) :where(li):before{inline-size:var(--x-text-list-marker-size);block-size:var(--x-text-list-marker-size);inset-inline-start:var(--x-text-list-marker-inset-inline-start, -.75em);inset-block-start:var(--x-text-list-marker-inset-block-start, .5lh);border:var(--x-text-list-marker-border-width, 1px) solid var(--x-text-list-marker-border-color, var(--color-accent));background-color:var(--x-text-list-marker-background-color, var(--color-accent));margin-inline-start:calc((var(--x-text-list-marker-size) / 2) * -1);margin-block-start:calc(var(--x-text-list-marker-size) / 2 * -1);border-radius:var(--x-text-list-marker-border-radius, 50%);-webkit-mask:var(--x-text-list-marker-mask);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}.x-text [style*=square]:where(ul){--x-text-list-marker-border-radius: 0}.x-text [style*=circle]:where(ul){--x-text-list-marker-background-color: transparent}.x-text :where(blockquote){border-inline-start:var(--x-text-blockquote-border-inline-start-width, .375em) solid var(--x-text-blockquote-border-inline-start-color, var(--color-accent));margin-block:var(--x-text-blockquote-margin-block, var(--x-text-content-margin-block));padding:var(--x-text-blockquote-padding-block, .5em) var(--x-text-blockquote-padding-inline, 1.25em);font-size:var(--x-text-blockquote-font-size, inherit)}.x-text :where(code){font-size:var(--x-text-code-font-size, 87.5%)}.x-text :where(figure){margin-block:var(--x-text-figure-margin-block, var(--x-text-content-margin-block))}.x-text :where(figcaption){font-size:var(--x-text-figcaption-font-size, 87.5%);font-weight:var(--x-text-figcaption-font-weight, var(--font-weight-semibold));line-height:var(--x-text-figcaption-line-height, 1.5);margin-block-start:var(--x-text-figcaption-margin-block-start, .5em)}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--font-size-sm);--x-title-line-height: calc(1em + .25rem) }.x-title{font-family:var(--x-title-font-family);font-weight:var(--x-title-font-weight);font-size:var(--x-title-font-size);line-height:var(--x-title-line-height);letter-spacing:var(--x-title-letter-spacing);text-wrap:pretty}.x-title:is(.sm){--x-title-font-size: var(--font-size-xs)}.x-title:is(.lg){--x-title-font-size: var(--font-size-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker: var(--mask-chevron-right);--x-breadcrumb-gap: var(--spacing-xs)}.x-breadcrumb>:where(ul,ol),.x-breadcrumb>:where(ul,ol)>li{display:flex;align-items:center}.x-breadcrumb>:where(ul,ol)>li:not(:last-child):after{-webkit-mask:var(--x-breadcrumb-marker);mask:var(--x-breadcrumb-marker);background-color:var(--x-breadcrumb-marker-background-color, currentColor);margin-inline:var(--x-breadcrumb-gap);inline-size:var(--x-breadcrumb-marker-size);block-size:var(--x-breadcrumb-marker-size);flex-shrink:0;content:""}:root,:host{--x-card-background-color: var(--color-body-primary);--x-card-border-radius: var(--radius-2xl);--x-card-padding-block: var(--spacing-2xl);--x-card-padding-inline: var(--spacing-3xl)}.x-card{background-color:var(--x-card-background-color);border-radius:var(--x-card-border-radius);padding:var(--x-card-padding-block) var(--x-card-padding-inline);display:flex;flex-direction:column}:root,:host{--x-dialog-padding-block: 2rem;--x-dialog-padding-inline: 1.5rem;--x-dialog-background-color: var(--color-dark);--x-dialog-background-color-opacity: 80%;--x-dialog-content-padding-block: 2rem;--x-dialog-content-padding-inline: 1.5rem;--x-dialog-content-inline-size: 35rem}.x-dialog{z-index:var(--x-dialog-z-index, var(--z-index-30));padding:var(--x-dialog-padding-block) var(--x-dialog-padding-inline);background-color:color-mix(in var(--x-dialog-background-color-space, srgb),var(--x-dialog-background-color) var(--x-dialog-background-color-opacity),var(--x-dialog-background-color-mix, 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}.x-dialog::backdrop,.x-dialog:not([open]){display:none}.x-dialog[data-closed]{background-color:transparent}html:has(.x-dialog[open]){padding-inline-end:var(--default-scrollbar-width);scrollbar-width:none}html:has(.x-dialog[open])::-webkit-scrollbar{display:none}.x-dialog-content{background-color:var(--x-dialog-content-background-color, var(--color-body-primary));border-radius:var(--x-dialog-content-border-radius, var(--radius-3xl));padding:var(--x-dialog-content-padding-block) var(--x-dialog-content-padding-inline);inline-size:min(100%,var(--x-dialog-content-inline-size));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog[data-closed]) .x-dialog-content{transform:translateY(-2rem);opacity:0%}:root,:host{--x-drawer-background-color-opacity: 75%;--x-drawer-content-background-color: var(--color-body-primary);--x-drawer-content-padding-block: 2rem;--x-drawer-content-padding-inline: 1.5rem;--x-drawer-content-inline-size: calc(100vw - 4rem) ;--x-drawer-content-block-size: 100%}.x-drawer{z-index:var(--x-drawer-z-index, var(--z-index-30));background-color:color-mix(in var(--x-drawer-background-color-space, srgb),var(--color-dark) calc(var(--background-color-opacity, 0) * var(--x-drawer-background-color-opacity)),var(--x-drawer-background-color-mix, transparent));position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer[inert]{pointer-events:none}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-height:100dvh}.x-drawer-content{inline-size:var(--x-drawer-content-inline-size);block-size:var(--x-drawer-content-block-size);background-color:var(--x-drawer-content-background-color);flex-shrink:0;scroll-snap-align:end}.x-field{gap:var(--x-field-gap, var(--spacing-sm));display:flex;flex-direction:column}.x-field:has(:user-invalid) :where(.x-info[hidden]){display:revert}.x-field:has([required]) :where(.x-label):after{color:var(--x-field-required-color, var(--color-error));content:" *"}.x-carousel{inline-size:100%}.x-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.x-carousel-content::-webkit-scrollbar{display:none}.x-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}.x-carousel-content>:where(*):last-child{scroll-snap-align:end}.x-carousel-content:is(.grabbing),.x-carousel-content:is(.grabbing) *{cursor:grabbing}.x-carousel-content:is(.grabbing) a{pointer-events:none}.x-compare{--x-compare-position: 50%;--x-compare-clip-path: polygon(0% 0, var(--x-compare-position) 0%, var(--x-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.x-compare>*,.x-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.x-compare:before{background-color:var(--color-accent);inset-inline-start:var(--x-compare-position);inline-size:1px;content:""}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}:is(.x-compare>:where(input)):active~.x-button{--x-button-background-color-mix: var(--x-button-active-background-color-mix, var(--color-dark));--x-button-background-color-opacity: var(--x-button-active-background-color-opacity, 80%)}:is(.x-compare>:where(input)):focus-visible~.x-button{--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-offset: var(--x-button-focus-outline-offset, 2px);--x-button-outline-color-opacity: var(--x-button-focus-outline-opacity, 50%)}.x-compare>:where(input):active{cursor:grabbing}.x-compare>:where(.x-button){inset-inline-start:var(--x-compare-position);margin-inline-start:calc(var(--x-button-inline-size) / 2 * -1);margin-block:auto}.x-compare>:where(.x-image){display:grid;z-index:0}.x-compare>:where(.x-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.x-compare>:where(.x-image)>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-pagination{gap:var(--x-pagination-gap, var(--spacing-xs));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius);--x-popover-content-padding-block: var(--spacing-sm);--x-popover-content-padding-inline: var(--spacing-sm);--x-popover-content-scale-y: .75;--x-popover-content-scale-x: .75}.x-popover{position:relative;display:inline-block}.x-popover-content{background-color:var(--x-popover-content-background-color);border-radius:var(--x-popover-content-border-radius);padding:var(--x-popover-content-padding-block) var(--x-popover-content-padding-inline);z-index:var(--x-popover-content-z-index, var(--z-index-10));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute}.x-popover-content:where(.bottom),.x-popover-content{transform-origin:top}.x-popover-content:where(.bottom-start){transform-origin:top left}.x-popover-content:where(.bottom-end){transform-origin:top right}.x-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.x-popover-content:where(.right-start){transform-origin:left top}.x-popover-content:where(.right-end){transform-origin:left bottom}.x-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.x-popover-content:where(.left-start){transform-origin:right top}.x-popover-content:where(.left-end){transform-origin:right bottom}.x-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.x-popover-content:where(.top-start){transform-origin:bottom left}.x-popover-content:where(.top-end){transform-origin:bottom right}.x-popover-content:where(.end){inset-inline-end:0}.x-popover-content:where(.block-end){inset-block:auto 0}.x-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}.x-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.x-popover-content[popover]:not([data-open]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;pointer-events:none}.focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.hover:not(:hover)>.x-popover-content:not([popover]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;visibility:hidden}:root,:host{--x-table-border-radius: var(--radius);--x-table-padding-inline: 1rem;--x-table-cell-spacing-x: .625rem;--x-table-cell-spacing-y: .875rem;--x-table-cell-block-size: auto;--x-table-cell-border-block-width: 1px}.x-table{border-radius:var(--x-table-border-radius);background-color:var(--x-table-background-color, var(--color-body-primary));max-inline-size:100%;overflow:auto}.x-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.x-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--x-table-cell-border-block-width) solid var(--x-table-border-color, var(--color-body-tertiary))}.x-table :where(td,th){padding:var(--x-table-cell-spacing-y) var(--x-table-cell-spacing-x);block-size:var(--x-table-cell-block-size);border-color:var(--x-table-border-color, var(--color-body-tertiary));border-inline-width:var(--x-table-cell-border-inline-width, 0)}.x-table :where(td,th):first-child{padding-inline-start:var(--x-table-padding-inline);border-inline-start:0}.x-table :where(td,th):last-child{padding-inline-end:var(--x-table-padding-inline);border-inline-end:0}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:first-child){border-start-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:last-child){border-start-end-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:first-child){border-end-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:last-child){border-end-end-radius:var(--x-table-border-radius)}.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline){transition:var(--transition-all);outline:var(--x-table-outline-width, 1px) solid transparent;outline-offset:calc(var(--x-table-outline-width, 1px) * -1)}.x-table :where(tr,th,td):where([tabindex="0"]):is(:hover,:focus-visible,.active),.x-table :where(.outline):is(:hover,:focus-visible,.active){background-color:color-mix(in var(--x-table-outline-background-color-space, srgb),var(--x-table-outline-accent-color, var(--color-accent)) var(--x-table-outline-background-color-opacity, 5%),var(--x-table-outline-background-color-mix, transparent));outline-color:var(--x-table-outline-accent-color, var(--color-accent))}:root,:host{--x-tooltip-background-color: var(--color-main);--x-tooltip-color: var(--color-main-foreground);--x-tooltip-border-radius: var(--radius-md);--x-tooltip-font-size: var(--font-size-sm);--x-tooltip-padding-block: var(--spacing-xs);--x-tooltip-padding-inline: var(--spacing-sm);--x-tooltip-margin-block: var(--spacing-xs);--x-tooltip-margin-inline: var(--spacing-xs);--x-tooltip-scale-x: .75;--x-tooltip-scale-y: .75}.x-tooltip{position:relative;display:inline-block}.x-tooltip:before{--tw-content: attr(aria-label);background-color:var(--x-tooltip-background-color);color:var(--x-tooltip-color);border-radius:var(--x-tooltip-border-radius);font-size:var(--x-tooltip-font-size);padding:var(--x-tooltip-padding-block) var(--x-tooltip-padding-inline);z-index:var(--x-tooltip-z-index, var(--z-index-20));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);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));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute;pointer-events:none}.x-tooltip:where(.top):before,.x-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}.x-tooltip:where(.left):before,.x-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--x-tooltip-margin-inline);inset-block-start:50%}.x-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.x-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.x-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.x-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.x-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--x-tooltip-scale-x);--tw-scale-y: var(--x-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--x-toaster-padding: var(--spacing-xl);--x-toaster-margin-block: var(--spacing-xs)}.x-toaster{z-index:var(--x-toaster-z-index, var(--z-index-50));padding:var(--x-toaster-padding);margin-block:calc(var(--x-toaster-margin-block) * -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{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2);--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: var(--spacing-md);--x-toast-content-padding-inline: var(--spacing-lg);--x-toast-content-gap: var(--spacing-xl);--x-toast-content-background-color: var(--color-body-primary)}.x-toast{inline-size:min(100%,var(--x-toast-inline-size));block-size:var(--x-toast-block-size);transition:all var(--x-toast-transition-duration) var(--x-toast-transition-timing-function, var(--transition-timing-function-in-out));position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0%}.flex-col-reverse .x-toast{justify-content:flex-end}.x-toast[data-open]{margin-block:var(--x-toaster-margin-block)}.x-toast[data-open]:where(:nth-last-child(-n+3)){visibility:visible;opacity:100%}.x-toast[data-closed]{visibility:hidden;opacity:0%;height:0;margin-block:0}.x-toast-content{border-radius:var(--x-toast-content-border-radius);padding:var(--x-toast-content-padding-block) var(--x-toast-content-padding-inline);gap:var(--x-toast-content-gap);background-color:var(--x-toast-content-background-color);color:var(--x-toast-content-color, var(--color-accent));border:var(--x-toast-content-border-width, 1px) solid color-mix(in var(--x-toast-content-border-color-space, srgb),var(--x-toast-content-border-color, var(--color-accent)) var(--x-toast-content-border-color-opacity, 15%),var(--x-toast-content-border-color-mix, var(--color-body-primary)));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.x-toast-content .x-text{--x-text-font-size: var(--font-size-sm);--x-text-line-height: calc(1em + .375rem) }.animation{animation-duration:var(--default-transition-duration);animation-fill-mode:both}[hidden]{display:none}.grid-cols-container{grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-lg-start] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-lg-end] minmax(var(--container-padding),1fr) [container-full-end]}.grid-cols-container>:where(*){grid-column:container}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));--container-width: 80rem;--container-lg-width: 90rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.divider{--color-accent: currentColor;display:flex;align-items:center;align-self:stretch}.divider:where(:not(:empty)){gap:var(--divider-gap, var(--spacing-md))}.divider:before,.divider:after{content:"";flex-grow:1;border-block-start:1px solid color-mix(in var(--divider-border-block-color-space, srgb),var(--divider-border-block-color, var(--color-accent)) var(--divider-border-block-color-opacity, 15%),var(--divider-border-block-color-mix, transparent))}.divider:where(.flex-col):before,.divider:where(.flex-col):after{border-block-start:0;border-inline-start:1px solid color-mix(in var(--divider-border-inline-color-space, srgb),var(--divider-border-inline-color, var(--color-accent)) var(--divider-border-inline-color-opacity, 15%),var(--divider-border-inline-color-mix, transparent))}.ripple{inline-size:var(--ripple-size, 2rem);block-size:var(--ripple-size, 2rem);background-color:color-mix(in var(--ripple-background-color-space, srgb),var(--ripple-background-color, currentColor) var(--ripple-background-color-opacity, 40%),var(--ripple-background-color-mix, transparent));animation-duration:var(--ripple-animation-duration, 1s);position:absolute;border-radius:50%;transform:scale(0);pointer-events:none}.skeleton{background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}:root,:host{--skeleton-opacity: 50%;--skeleton-gradient-from: color-mix(in var(--default-color-space), var(--color-body) 50%, var(--color-main));--skeleton-gradient-to: color-mix(in var(--default-color-space), var(--color-body) 80%, var(--color-main))}.swap{cursor:var(--cursor-pointer, pointer);display:inline-grid}.swap>:where(*){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);grid-area:1/-1;opacity:0%}.swap>[aria-hidden=false],.swap input:not(:checked,:indeterminate)+:where(*),.swap input:indeterminate~:where(*:nth-last-child(2)),.swap input:checked~:where(*:last-child){transform:none;opacity:100%}.underline{text-underline-offset:var(--default-underline-offset, .125em)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}.underline-transparent:where(:any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.sticky{position:sticky}.bottom-\[7\%\]{bottom:7%}.end-\[7\%\]{inset-inline-end:7%}.start-0{inset-inline-start:0px}.z-10{z-index:var(--z-index-10)}.col-\[x-control-padding\]{grid-column:x-control-padding}.col-\[x-control\]{grid-column:x-control}.col-span-12{grid-column:span 12 / span 12}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.row-\[x-control\]{grid-row:x-control}.me-auto{margin-inline-end:auto}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.ms-auto{margin-inline-start:auto}.mt-12{margin-top:3rem}.mt-2\.5{margin-top:.625rem}.mt-4{margin-top:1rem}.mt-\[90vh\]{margin-top:90vh}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-32{width:8rem;height:8rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-9{width:2.25rem;height:2.25rem}.size-\[15\%\]{width:15%;height:15%}.size-fit{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.h-24{height:6rem}.h-4{height:1rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-\[200vh\]{height:200vh}.h-\[586px\]{height:586px}.h-auto{height:auto}.min-h-\[200vh\]{min-height:200vh}.w-28{width:7rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[--x-control-height\]{width:var(--x-control-height)}.w-\[1280px\]{width:1280px}.w-\[30rem\]{width:30rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-96{max-width:24rem}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.-translate-x-1\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-y-16{row-gap:4rem}.gap-y-4{row-gap:1rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-body-tertiary>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-divide-opacity) * 100%),var(--default-color-mix, transparent))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:var(--radius)}.rounded-full{border-radius:var(--radius-full)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-body-tertiary{--tw-border-opacity: 1;border-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-border-opacity) * 100%),var(--default-color-mix, transparent))}.border-dark\/20{border-color:color-mix(in var(--default-color-space),var(--color-dark) 20%,var(--default-color-mix, transparent))}.border-b-main{--tw-border-opacity: 1;border-bottom-color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-border-opacity) * 100%),var(--default-color-mix, transparent))}.border-opacity-100{--tw-border-opacity: 1}.border-opacity-25{--tw-border-opacity: .25}.border-opacity-50{--tw-border-opacity: .5}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-blue-100\/10{background-color:#dbeafe1a}.bg-body-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-current{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-info{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.bg-warning\/10{background-color:color-mix(in var(--default-color-space),var(--color-warning) 10%,var(--default-color-mix, transparent))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-4xl{padding:var(--spacing-4xl)}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[--card-p\]{padding:var(--card-p)}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.py-4{padding-top:1rem;padding-bottom:1rem}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.pe-16{padding-inline-end:4rem}.ps-10{padding-inline-start:2.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-primary{font-family:var(--font-family-primary)}.font-secondary{font-family:var(--font-family-secondary)}.text-9xl{font-size:var(--font-size-9xl, 8rem);line-height:calc(var(--font-size-9xl) + .5rem)}.text-lg{font-size:var(--font-size-lg, 1.125rem);line-height:calc(var(--font-size-lg) + .5rem)}.text-sm{font-size:var(--font-size-sm, .875rem);line-height:calc(var(--font-size-sm) + .5rem)}.font-black{font-weight:900}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-light{font-weight:var(--font-weight-light)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-opacity-60{--tw-text-opacity: .6}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-body{outline-color:color-mix(in var(--default-color-space),var(--color-body) 100%,var(--default-color-mix, transparent))}.transition{transition-property:var(--default-transition-property);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--default-transition-duration)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--default-transition-duration)}.accent-accent{--color-accent: var(--color-accent);--color-accent-foreground: var(--color-accent-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-body{--color-accent: var(--color-body);--color-accent-foreground: var(--color-body-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: color-mix(in var(--default-color-space), currentcolor 100% , var(--default-color-mix, transparent));accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-foreground: var(--color-dark-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-foreground: var(--color-error-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-foreground: var(--color-info-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-foreground: var(--color-light-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-foreground: var(--color-main-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-foreground: var(--color-success-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-foreground: var(--color-warning-foreground, var(--color-light));accent-color:var(--color-accent)}.text-accent{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-body{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-body) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-current{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-current\/50{color:color-mix(in var(--default-color-space),currentcolor 50%,var(--default-color-mix, transparent))}.text-dark{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-error{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-info{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-light{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-main{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-main-secondary{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-main-secondary) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-primary{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-primary\/50{color:color-mix(in var(--default-color-space),var(--color-primary) 50%,var(--default-color-mix, transparent))}.text-red-400\/50{color:#f8717180}.text-success{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.text-warning{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.paused{animation-play-state:paused}.\[--x-control-padding-inline-end\:theme\(spacing\.14\)\]{--x-control-padding-inline-end: 3.5rem}.\[--x-control-padding-inline-start\:theme\(spacing\.8\)\]{--x-control-padding-inline-start: 2rem}.before\:skeleton:before{content:var(--tw-content);background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}.backdrop\:hidden::backdrop{display:none}.before\:hidden:before{content:var(--tw-content);display:none}.before\:border-t-4:before{content:var(--tw-content);border-top-width:4px}.before\:border-dashed:before{content:var(--tw-content);border-style:dashed}.before\:content-\[attr\(data-unit\)\]:before{--tw-content: attr(data-unit);content:var(--tw-content)}.after\:-order-last:after{content:var(--tw-content);order:-9999}.after\:border-t-4:after{content:var(--tw-content);border-top-width:4px}.after\:border-dashed:after{content:var(--tw-content);border-style:dashed}.hover\:text-opacity-100:hover{--tw-text-opacity: 1}.hover\:decoration-primary:hover{text-decoration-color:color-mix(in var(--default-color-space),var(--color-primary) 100%,var(--default-color-mix, transparent))}.hover\:text-light:hover{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.hover\:text-primary:hover{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}.focus\:\!outline-purple-600\/30:focus{outline-color:#9333ea4d!important}.disabled\:text-main\/75:disabled{color:color-mix(in var(--default-color-space),var(--color-main) 75%,var(--default-color-mix, transparent))}.group[open] .group-open\:-scale-y-100{--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-hidden\:hidden[aria-hidden=true]{display:none}.aria-selected\:border-opacity-100[aria-selected=true]{--tw-border-opacity: 1}.dark\:bg-dark:is(.dark *){--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),var(--default-color-mix, transparent))}.dark\:text-light:is(.dark *){--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),var(--default-color-mix, transparent))}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "winduum",
3
- "version": "2.0.0-next.10",
3
+ "version": "2.0.0-next.12",
4
4
  "type": "module",
5
5
  "types": "types/index.d.ts",
6
6
  "main": "plugin/index.cjs",
package/src/base/reset.css CHANGED
@@ -19,7 +19,6 @@
19
19
  :where(h1, h2, h3, h4, h5, h6),
20
20
  :where(hgroup),
21
21
  :where(hr),
22
- :where(html),
23
22
  :where(input),
24
23
  :where(kbd),
25
24
  :where(label),
package/src/components/badge/circle.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-badge:is(.circle) {
2
2
  --x-badge-padding-inline: var(--x-badge-padding-block);
3
- --x-badge-width: var(--x-badge-height);
3
+ --x-badge-inline-size: var(--x-badge-block-size);
4
4
  --x-badge-border-radius: var(--radius-full);
5
5
  }
package/src/components/badge/default.css CHANGED
@@ -3,8 +3,8 @@
3
3
  --x-badge-border-color: var(--color-accent);
4
4
  --x-badge-color: var(--color-accent-foreground);
5
5
 
6
- inline-size: var(--x-badge-width);
7
- block-size: var(--x-badge-height);
6
+ inline-size: var(--x-badge-inline-size);
7
+ block-size: var(--x-badge-block-size);
8
8
  padding: var(--x-badge-padding-block) var(--x-badge-padding-inline);
9
9
  padding-inline: calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));
10
10
  border-radius: var(--x-badge-border-radius);
package/src/components/badge/props/default.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --x-badge-border-radius: var(--radius-lg);
4
4
  --x-badge-font-size: var(--font-size-xs);
5
5
  --x-badge-gap: var(--spacing-xs);
6
- --x-badge-height: 1.5rem;
6
+ --x-badge-block-size: 1.5rem;
7
7
  --x-badge-padding-block: 0;
8
8
  --x-badge-padding-inline: 0.5rem;
9
9
  }
package/src/components/badge/square.css CHANGED
@@ -1,4 +1,4 @@
1
1
  .x-badge:is(.square) {
2
2
  --x-badge-padding-inline: var(--x-badge-padding-block);
3
- --x-badge-width: var(--x-badge-height);
3
+ --x-badge-inline-size: var(--x-badge-block-size);
4
4
  }
package/src/components/button/bordered.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --x-button-hover-color: var(--color-accent);
14
14
  --x-button-focus-outline-offset: 0px;
15
15
  --x-button-border-width: 1px;
16
- --x-button-border-color-opacity: 30%;
16
+ --x-button-border-color-opacity: 100%;
17
17
  --x-button-background-color-opacity: 0%;
18
18
  --x-button-color: var(--color-accent);
19
19
  }
package/src/components/button/circle.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .x-button:is(.circle) {
2
2
  --x-button-padding-block: 0;
3
3
  --x-button-padding-inline: 0;
4
- --x-button-width: var(--x-button-height);
4
+ --x-button-inline-size: var(--x-button-block-size);
5
5
  --x-button-border-radius: var(--radius-full);
6
6
  }
package/src/components/button/default.css CHANGED
@@ -3,8 +3,8 @@
3
3
  --x-button-border-color: var(--color-accent);
4
4
  --x-button-color: var(--color-accent-foreground);
5
5
 
6
- inline-size: var(--x-button-width);
7
- block-size: var(--x-button-height);
6
+ inline-size: var(--x-button-inline-size);
7
+ block-size: var(--x-button-block-size);
8
8
  padding: var(--x-button-padding-block) var(--x-button-padding-inline);
9
9
  padding-inline: calc(var(--x-button-padding-inline) - var(--x-button-border-width));
10
10
  border-radius: var(--x-button-border-radius);
package/src/components/button/lg.css CHANGED
@@ -1,4 +1,4 @@
1
1
  .x-button:is(.lg) {
2
- --x-button-height: 3rem;
2
+ --x-button-block-size: 3rem;
3
3
  --x-button-padding-inline: 1.75rem;
4
4
  }
package/src/components/button/props/default.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --x-button-font-size: var(--font-size-sm);
6
6
  --x-button-font-weight: var(--font-weight-medium);
7
7
  --x-button-gap: var(--spacing-sm);
8
- --x-button-height: 2.25rem;
8
+ --x-button-block-size: 2.25rem;
9
9
  --x-button-padding-block: 0.375rem;
10
10
  --x-button-padding-inline: 0.75rem;
11
11
  }
package/src/components/button/sm.css CHANGED
@@ -1,4 +1,4 @@
1
1
  .x-button:is(.sm) {
2
- --x-button-height: 2rem;
2
+ --x-button-block-size: 2rem;
3
3
  --x-button-padding-inline: 1rem;
4
4
  }
package/src/components/button/square.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-button:is(.square) {
2
2
  --x-button-padding-block: 0;
3
3
  --x-button-padding-inline: 0;
4
- --x-button-width: var(--x-button-height);
4
+ --x-button-inline-size: var(--x-button-block-size);
5
5
  }
package/src/components/check/invalid.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-check {
2
- &.invalid, :user-invalid, .validated & :invalid {
2
+ :user-invalid {
3
3
  --x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));
4
4
  --x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));
5
5
  --x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));
package/src/components/color/interactive.css CHANGED
@@ -19,7 +19,7 @@
19
19
  }
20
20
 
21
21
  &:focus-visible {
22
- --x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 50%);
22
+ --x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 100%);
23
23
  --x-color-outline-offset: var(--x-color-focus-outline-offset, 3px);
24
24
  }
25
25
 
package/src/components/color/props/default.css CHANGED
@@ -3,5 +3,4 @@
3
3
  --x-color-secondary: transparent;
4
4
  --x-color-size: 1.5rem;
5
5
  --x-color-border-radius: var(--radius-full);
6
- --x-color-outline-width: 1px;
7
6
  }
package/src/components/compare/default.css CHANGED
@@ -43,7 +43,7 @@
43
43
 
44
44
  > :where(.x-button) {
45
45
  inset-inline-start: var(--x-compare-position);
46
- margin-inline-start: calc(var(--x-button-width) / 2 * -1);
46
+ margin-inline-start: calc(var(--x-button-inline-size) / 2 * -1);
47
47
  margin-block: auto;
48
48
  }
49
49
 
package/src/components/control/color.css CHANGED
@@ -1,14 +1,14 @@
1
1
  .x-control {
2
2
  > :where(input) {
3
3
  &::-webkit-color-swatch-wrapper {
4
- inline-size: var(--x-control-color-swatch-width);
5
- block-size: var(--x-control-color-swatch-height);
4
+ inline-size: var(--x-control-color-swatch-inline-size);
5
+ block-size: var(--x-control-color-swatch-block-size);
6
6
  padding: 0;
7
7
  }
8
8
 
9
9
  &::-moz-color-swatch {
10
- inline-size: var(--x-control-color-swatch-width);
11
- block-size: var(--x-control-color-swatch-height);
10
+ inline-size: var(--x-control-color-swatch-inline-size);
11
+ block-size: var(--x-control-color-swatch-block-size);
12
12
  border-radius: var(--x-control-color-swatch-border-radius);
13
13
  margin: 0;
14
14
  }
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  &[type="color"] ~ label {
21
- margin-inline-start: calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-width));
21
+ margin-inline-start: calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-inline-size));
22
22
  }
23
23
  }
24
24
  }
package/src/components/control/default.css CHANGED
@@ -46,7 +46,7 @@
46
46
  }
47
47
 
48
48
  > :where(input, textarea, select) {
49
- padding-block: var(--x-control-padding-block);
49
+ padding-block: var(--x-control-padding-block-start, var(--x-control-padding-block)) var(--x-control-padding-block-end, var(--x-control-padding-block));
50
50
  padding-inline: calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));
51
51
  grid-area: x-control;
52
52
  text-overflow: ellipsis;
package/src/components/control/invalid.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-control {
2
- &.invalid, &:has(:user-invalid), .validated &:has(:invalid) {
2
+ &:has(:user-invalid) {
3
3
  --x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));
4
4
  --x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);
5
5
  --x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));
package/src/components/control/props/color.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root, :host {
2
- --x-control-color-swatch-width: 1.25rem;
3
- --x-control-color-swatch-height: 1.25rem;
2
+ --x-control-color-swatch-inline-size: 1.25rem;
3
+ --x-control-color-swatch-block-size: 1.25rem;
4
4
  --x-control-color-swatch-border-radius: var(--radius-full);
5
5
  }
package/src/components/control/props/default.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --x-control-border-radius: var(--radius);
8
8
  --x-control-border-color: currentColor;
9
9
  --x-control-font-weight: var(--font-weight-medium);
10
- --x-control-font-size: var(--font-size-sm);
10
+ --x-control-font-size: var(--font-size-base);
11
11
  --x-control-background-color: transparent;
12
12
  --x-control-color: currentColor;
13
13
  --x-control-outline-width: 3px;
package/src/components/dialog/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export interface DefaultOptions {
3
3
  closable?: boolean | null
4
4
  openAttribute?: string
5
5
  closedAttribute?: string
6
+ contentSelector?: string
6
7
  scrollbarWidthProperty?: string
7
8
  }
8
9
 
package/src/components/dialog/index.js CHANGED
@@ -7,6 +7,7 @@ export const defaultOptions = {
7
7
  closedAttribute: 'data-closed',
8
8
  openAttribute: 'data-open',
9
9
  scrollbarWidthProperty: '--default-scrollbar-width',
10
+ contentSelector: '.x-dialog-content',
10
11
  closable: true,
11
12
  remove: false
12
13
  }
@@ -46,7 +47,7 @@ export const showDialog = async (element, options = {}) => {
46
47
  element.scroll(0, 0)
47
48
 
48
49
  element.removeAttribute(options.closedAttribute)
49
- await animationsFinished(element.lastElementChild)
50
+ await animationsFinished(element.querySelector(options.contentSelector))
50
51
  element.setAttribute(options.openAttribute, '')
51
52
 
52
53
  element.dispatchEvent(new CustomEvent('x-dialog:show'))
@@ -67,7 +68,7 @@ export const closeDialog = async (element, options = {}) => {
67
68
  element.removeAttribute(options.openAttribute)
68
69
  element.setAttribute(options.closedAttribute, '')
69
70
 
70
- await animationsFinished(element.lastElementChild)
71
+ await animationsFinished(element.querySelector(options.contentSelector))
71
72
 
72
73
  element.close()
73
74
 
package/src/components/field/default.css CHANGED
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
 
6
- .validated &:has(:invalid) {
6
+ &:has(:user-invalid) {
7
7
  :where(.x-info[hidden]) {
8
8
  display: revert;
9
9
  }
package/src/components/form/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export interface ValidateFormOptions {
2
2
  validateSelectors?: string
3
3
  validateOptions?: ValidateFieldOptions
4
- submitterLoadingClass?: string
4
+ submitterLoadingAttribute?: string
5
5
  }
6
6
 
7
7
  export interface ValidateFieldOptions {
@@ -15,11 +15,11 @@ export interface ValidateFieldOptions {
15
15
  endParentSelector?: string
16
16
  endSelector?: string
17
17
  endContent?: string
18
- validClass?: string
18
+ validAttribute?: string
19
19
  validIcon?: string | null
20
- invalidClass?: string
20
+ invalidAttribute?: string
21
21
  invalidIcon?: string
22
- activeClass?: string
22
+ activeAttribute?: string
23
23
  }
24
24
 
25
25
  export function validateForm(event: Event | SubmitEvent, options?: ValidateFormOptions): void
package/src/components/form/index.js CHANGED
@@ -7,7 +7,7 @@ export const validateForm = (event, options = {}) => {
7
7
  options = {
8
8
  validateSelectors: '.x-control, .x-check, .x-switch, .x-rating, .x-color',
9
9
  validateOptions: {},
10
- submitterLoadingClass: 'loading',
10
+ submitterLoadingAttribute: 'data-loading',
11
11
  ...options
12
12
  }
13
13
 
@@ -18,7 +18,7 @@ export const validateForm = (event, options = {}) => {
18
18
  event.target.querySelector(':invalid').scrollIntoView({ behavior: 'smooth', block: 'center' })
19
19
  event.target.querySelector(':invalid').focus()
20
20
  } else {
21
- event?.submitter?.classList.add(options.submitterLoadingClass)
21
+ event?.submitter?.setAttribute(options.submitterLoadingAttribute, '')
22
22
  }
23
23
 
24
24
  event.target.querySelectorAll(options.validateSelectors).forEach(element => {
@@ -43,11 +43,11 @@ export const validateField = (element, options = {}) => {
43
43
  endParentSelector: '.x-control',
44
44
  endSelector: '.ms-auto',
45
45
  endContent: '<div class="ms-auto"></div>',
46
- validClass: 'valid',
46
+ validAttribute: 'data-valid',
47
47
  validIcon: null,
48
- invalidClass: 'invalid',
48
+ invalidAttribute: 'data-invalid',
49
49
  invalidIcon: '<svg class="text-error validity" aria-hidden="true"><use href="#icon-exclamation-circle"></use></svg>',
50
- activeClass: 'active',
50
+ activeAttribute: 'data-active',
51
51
  ...options
52
52
  }
53
53
 
@@ -71,23 +71,24 @@ export const validateField = (element, options = {}) => {
71
71
  }
72
72
 
73
73
  if (validationElement.value !== '') {
74
- element.classList.add(options.activeClass)
74
+ element.setAttribute(options.activeAttribute, '')
75
75
  } else {
76
- element.classList.remove(options.activeClass)
76
+ element.removeAttribute(options.activeAttribute)
77
77
  }
78
78
 
79
79
  if (!validationElement.outerHTML.match(options.ignoreMatch) && options.validate) {
80
- element?.classList?.remove(options.validClass, options.invalidClass)
80
+ element?.removeAttribute(options.validAttribute)
81
+ element?.removeAttribute(options.invalidAttribute)
81
82
 
82
83
  infoParentElement?.querySelector(infoSelector)?.remove()
83
84
  endParentElement?.querySelector(endSelector)?.remove()
84
85
 
85
86
  if (validationElement.checkValidity()) {
86
- element.classList.add(options.validClass)
87
+ element.setAttribute(options.validAttribute, '')
87
88
 
88
89
  insertIcon(options.validIcon)
89
90
  } else {
90
- element.classList.add(options.invalidClass)
91
+ element.setAttribute(options.invalidAttribute, '')
91
92
 
92
93
  insertIcon(options.invalidIcon)
93
94
 
package/src/components/rating/default.css CHANGED
@@ -1,6 +1,14 @@
1
1
  .x-rating {
2
+ --x-rating-color: var(--color-accent);
3
+
2
4
  display: flex;
3
5
  align-items: center;
6
+ border-radius: var(--radius-full);
7
+
8
+ &:focus-within {
9
+ outline: 2px dotted var(--color-accent);
10
+ outline-offset: 3px;
11
+ }
4
12
 
5
13
  :where(input) {
6
14
  inline-size: var(--x-rating-inline-size);
package/src/components/rating/invalid.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-rating {
2
- &.invalid, :user-invalid, .validated & :invalid {
2
+ :user-invalid {
3
3
  --x-rating-color: var(--x-rating-invalid-color, var(--color-error));
4
4
  }
5
5
  }
package/src/components/rating/props/default.css CHANGED
@@ -1,7 +1,6 @@
1
1
  :root, :host {
2
2
  --x-rating-inline-size: 1.25rem;
3
3
  --x-rating-block-size: 1.25rem;
4
- --x-rating-color: var(--color-accent);
5
4
  --x-rating-gap: 0.25rem;
6
5
  --x-rating-opacity: 0.2;
7
6
  --x-rating-icon: var(--mask-star);
package/src/components/switch/invalid.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .x-switch {
2
- &.invalid, :user-invalid, .validated & :invalid {
2
+ :user-invalid {
3
3
  --x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));
4
4
  --x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error));
5
5
  }
package/src/components/toast/default.css CHANGED
@@ -13,16 +13,16 @@
13
13
  justify-content: flex-end;
14
14
  }
15
15
 
16
- &.in {
16
+ &[data-open] {
17
17
  margin-block: var(--x-toaster-margin-block);
18
18
  }
19
19
 
20
- &.in:where(:nth-last-child(-n+3)) {
20
+ &[data-open]:where(:nth-last-child(-n+3)) {
21
21
  visibility: visible;
22
22
  opacity: 100%;
23
23
  }
24
24
 
25
- &.out {
25
+ &[data-closed] {
26
26
  visibility: hidden;
27
27
  opacity: 0%;
28
28
  height: 0;
package/src/components/toaster/index.d.ts CHANGED
@@ -1,30 +1,15 @@
1
1
  export interface ShowToastOptions {
2
- visibleClass?: string
2
+ openAttribute?: string
3
3
  autoHide?: number | null
4
4
  heightProperty?: string
5
5
  close?: CloseToastOptions
6
6
  }
7
7
 
8
8
  export interface CloseToastOptions {
9
- hiddenClass?: string
9
+ closedAttribute?: string
10
10
  heightProperty?: string
11
11
  }
12
12
 
13
- export interface InsertToasterOptions {
14
- classes?: string
15
- }
16
-
17
- export interface InsertToastOptions {
18
- classes?: string
19
- title?: string
20
- text?: string
21
- start?: string
22
- end?: string
23
- show?: ShowToastOptions
24
- }
25
-
26
13
  export function closeToast(element: HTMLElement, options?: CloseToastOptions): Promise<void>
27
14
  export function showToast(element: HTMLElement, options?: ShowToastOptions): Promise<void>
28
- export function insertToaster(element: HTMLElement, options?: InsertToasterOptions): Promise<void>
29
- export function insertToast(element: HTMLElement, options?: InsertToastOptions): Promise<void>
30
15
  export function closeToaster(element: HTMLElement, options?: CloseToastOptions): Promise<void>
package/src/components/toaster/index.js CHANGED
@@ -7,24 +7,20 @@ import { animationsFinished, nextRepaint } from '../../common.js'
7
7
  */
8
8
  export const closeToast = async (element, options = {}) => {
9
9
  options = {
10
- hiddenClass: 'out',
10
+ closedAttribute: 'data-closed',
11
11
  heightProperty: '--x-toast-block-size',
12
12
  ...options
13
13
  }
14
14
 
15
- const toaster = element.parentElement
16
-
17
15
  element.style.setProperty(options.heightProperty, `${element.offsetHeight}px`)
18
16
 
19
17
  await nextRepaint()
20
18
 
21
- element.classList.add(options.hiddenClass)
19
+ element.setAttribute(options.closedAttribute, '')
22
20
 
23
21
  await animationsFinished(element)
24
22
 
25
23
  element.remove()
26
-
27
- if (toaster.children.length < 1) toaster.remove()
28
24
  }
29
25
 
30
26
  /**
@@ -34,7 +30,7 @@ export const closeToast = async (element, options = {}) => {
34
30
  */
35
31
  export const showToast = async (element, options = {}) => {
36
32
  options = {
37
- visibleClass: 'in',
33
+ openAttribute: 'data-open',
38
34
  autoHide: null,
39
35
  heightProperty: '--x-toast-block-size',
40
36
  close: {},
@@ -47,61 +43,13 @@ export const showToast = async (element, options = {}) => {
47
43
  await animationsFinished(element)
48
44
 
49
45
  element.style.height = ''
50
- element.classList.add(options.visibleClass)
46
+ element.setAttribute(options.openAttribute, '')
51
47
 
52
48
  if (options.autoHide) {
53
49
  setTimeout(() => closeToast(element, options.close), options.autoHide * ((element.parentElement.children.length + 1) / 2))
54
50
  }
55
51
  }
56
52
 
57
- /**
58
- * @param {HTMLElement} element
59
- * @param {import('./').InsertToasterOptions} options
60
- * @returns Promise<void>
61
- */
62
- export const insertToaster = async (element, options = {}) => {
63
- options = {
64
- classes: '',
65
- ...options
66
- }
67
-
68
- if (!document.querySelector('.x-toaster')) {
69
- element.insertAdjacentHTML('beforeend', `<ol class="x-toaster ${options.classes}"></ol>`)
70
- }
71
- }
72
-
73
- /**
74
- * @param {HTMLElement} element
75
- * @param {import('./').InsertToastOptions} options
76
- * @returns Promise<void>
77
- */
78
- export const insertToast = async (element, options = {}) => {
79
- options = {
80
- classes: '',
81
- title: '',
82
- text: '',
83
- start: '',
84
- end: '',
85
- show: {},
86
- ...options
87
- }
88
-
89
- element.insertAdjacentHTML('beforeend', `
90
- <li class="x-toast ${options.classes}" role="status" aria-live="assertive" aria-atomic="true">
91
- <div class="x-toast-content">
92
- ${options.start}
93
- <div class="flex-col">
94
- <div class="x-title">${options.title}</div>
95
- <div class="x-text">${options.text}</div>
96
- </div>
97
- ${options.end}
98
- </div>
99
- </li>
100
- `)
101
-
102
- await showToast(element.children[element.children.length - 1], options.show)
103
- }
104
-
105
53
  /**
106
54
  * @param {HTMLElement} element
107
55
  * @param {import('./').CloseToastOptions} options