winduum 2.2.11 → 2.2.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.
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- :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-primary: var(--default-font-family);--font-secondary: var(--default-font-family);--font-weight-black: 900;--font-weight-extrabold: 800;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-extralight: 200;--font-weight-thin: 100;--text-xs: .75rem;--text-xs--line-height: 1rem;--text-sm: .875rem;--text-sm--line-height: 1.25rem;--text-base: 1rem;--text-base--line-height: 1.5rem;--text-lg: 1.125rem;--text-lg--line-height: 1.75rem;--text-xl: 1.25rem;--text-xl--line-height: 1.75rem;--text-2xl: 1.5rem;--text-2xl--line-height: 2rem;--text-3xl: 1.875rem;--text-3xl--line-height: 2.25rem;--text-4xl: 2.25rem;--text-4xl--line-height: 2.5rem;--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--text-8xl: 6rem;--text-8xl--line-height: 1;--text-9xl: 8rem;--text-9xl--line-height: 1}:root,:host{--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-full: calc(infinity * 1px)}:root,:host{--spacing: .25rem;--spacing-px: 1px;--spacing-0: 0px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem}:root,:host{--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, display, overlay;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: var(--default-transition-timing-function);--transition-all: all var(--default-transition-duration) var(--default-transition-timing-function);--transition-color: color var(--default-transition-duration) var(--default-transition-timing-function);--transition-background: background var(--default-transition-duration) var(--default-transition-timing-function);--transition-opacity: opacity var(--default-transition-duration) var(--default-transition-timing-function);--transition-transform: transform var(--default-transition-duration) var(--default-transition-timing-function);--transition-border: border-color var(--default-transition-duration) var(--default-transition-timing-function);--transition-shadow: box-shadow var(--default-transition-duration) var(--default-transition-timing-function);--transition-display: display var(--default-transition-duration) var(--default-transition-timing-function);--transition-overlay: overlay var(--default-transition-duration) var(--default-transition-timing-function);--view-transition-main-duration: var(--default-transition-duration)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0;--view-transition-main-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}: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)}: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(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]){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;user-select:auto;cursor:revert;background-color:revert}:where(textarea){white-space:revert}::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;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}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}:where(button),:where([type=checkbox]),:where([type=radio]),:where([role=button]),:where(summary){touch-action:manipulation;-webkit-user-select:none;user-select:none}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where([role=button]:not([aria-disabled=true])),:where(summary){cursor:var(--cursor-pointer, pointer)}: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:calc(var(--spacing) * 1) calc(var(--spacing) * 2);background-color:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);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-primary);font-weight:var(--font-weight-normal);block-size:100%;line-height:1.5;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)}[hidden]{display:none!important}@custom-media --media-xs (min-width: 22.5rem);@custom-media --media-sm (min-width: 26rem);@custom-media --media-md (min-width: 46.5rem);@custom-media --media-lg (min-width: 60rem);@custom-media --media-xl (min-width: 76rem);@custom-media --media-2xl (min-width: 82rem);@custom-media --media-3xl (min-width: 88rem);@custom-media --media-4xl (min-width: 100rem);@custom-media --media-xxl (min-width: 126rem);@custom-media --media-2xxl (min-width: 158rem);@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{to{opacity:0%}}@view-transition{navigation: auto;}::view-transition{pointer-events:none}::view-transition-group(main){animation-duration:var(--view-transition-main-duration)}::view-transition-new(main){animation-delay:var(--view-transition-main-duration)}.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(--text-xs);--x-badge-gap: calc(var(--spacing) * 1);--x-badge-block-size: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-block-size: 1.25rem;--x-badge-font-size: var(--text-xs)}.x-badge:is(.lg){--x-badge-block-size: 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-xl);--x-button-font-size: var(--text-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: calc(var(--spacing) * 2);--x-button-block-size: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem}:root,:host{--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;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(--x-button-transition-property, var(--default-transition-property));transition-timing-function:var(--x-button-transition-timing-function, var(--ease-in-out));transition-duration:var(--x-button-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)}@media (hover: hover) and (pointer: fine){.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,: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]):active,.x-button:is(button,input,label,:any-link,[role=button]):checked,.x-button:is(button,input,label,:any-link,[role=button]).active{--x-button-background-color: var(--x-button-active-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]):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-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: 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)}.x-button:has(.spinner-absolute){pointer-events:none;color:transparent}.x-button:has(.spinner-absolute) .spinner-absolute{color:var(--x-button-color);position:absolute}:root,:host{--x-check-size: 1.25rem;--x-check-gap: calc(var(--spacing) * 3);--x-check-font-size: var(--text-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-icon-size: 1.125rem;--x-check-icon-mask: 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>');--x-check-radio-icon-mask: 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>');--x-check-indeterminate-icon-mask: 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>')}.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-mask: var(--x-check-radio-icon-mask);--x-check-border-radius: var(--x-check-radio-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);mask:var(--x-check-icon-mask);transition:inherit;content:"";background-color:currentcolor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}.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(--ease-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-mask: var(--x-check-indeterminate-icon-mask)}.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(--ease-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-block-size: 3rem;--x-control-block-size-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius-xl);--x-control-border-color: currentcolor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--text-base);--x-control-background-color: var(--color-body-primary);--x-control-color: currentcolor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentcolor;--x-control-placeholder-opacity: 50%}:root,:host{--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)}:root,:host{--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem}:root,:host{--x-control-label-translate-y: .625rem;--x-control-label-scale: .8}:root,:host{--x-control-select-icon-size: 1.25rem;--x-control-select-icon-mask: 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>');--x-control-select-icon-margin-inline-end: -.25rem}:root,:host{--x-control-select-picker-border-width: 1px;--x-control-select-picker-border-radius: var(--radius-lg);--x-control-select-picker-border-color: currentcolor;--x-control-select-picker-background-color: var(--color-body-primary);--x-control-select-picker-margin-block: .375rem;--x-control-select-picker-padding-block: .375rem;--x-control-select-picker-padding-inline: .375rem;--x-control-select-picker-gap: .25rem;--x-control-select-picker-scrollbar-color: currentcolor var(--color-body-primary);--x-control-select-option-padding-block: .75rem;--x-control-select-option-padding-inline: .75rem;--x-control-select-option-border-radius: var(--radius-md);--x-control-select-option-hocus-background-color: var(--color-body-secondary)}.x-control{display:grid;block-size:var(--x-control-block-size);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;background-color:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,select){white-space:nowrap}.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-block-size-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--ease-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)}.x-control>:where(input)[type=color]~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:var(--x-control-block-size);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:var(--cursor-pointer, 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))}.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}.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);mask:var(--x-control-select-icon-mask);margin-inline:auto var(--x-control-select-icon-margin-inline-end);transition:var(--transition-transform);will-change:transform;grid-area:x-control-padding;background-color:currentcolor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])):has(select:open):after{transform:var(--x-control-select-open-icon-transform, rotate(180deg))}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select:not([multiple])) :where(select,option){cursor:var(--cursor-pointer, pointer)}.x-control:has(select[multiple]){--x-control-block-size: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-control:has(select:not([multiple])) select,.x-control:has(select:not([multiple])) select::picker(select){appearance:base-select}.x-control:has(select:not([multiple])) select::picker-icon{display:none}.x-control:has(select:not([multiple])) select::picker(select){border-radius:var(--x-control-select-picker-border-radius);border:var(--x-control-select-picker-border-width) solid color-mix(in var(--x-control-select-picker-border-color-space, srgb),var(--x-control-select-picker-border-color) var(--x-control-select-picker-border-color-opacity, 15%),var(--x-control-select-picker-border-color-mix, transparent));background-color:var(--x-control-select-picker-background-color);margin-block:var(--x-control-select-picker-margin-block);padding-block:var(--x-control-select-picker-padding-block);padding-inline:var(--x-control-select-picker-padding-inline);gap:var(--x-control-select-picker-gap);scrollbar-color:var(--x-control-select-picker-scrollbar-color);transition-property:var(--x-control-select-picker-transition-property, var(--default-transition-property));transition-duration:var(--x-control-select-picker-transition-duration, var(--default-transition-duration));transition-timing-function:var(--x-control-select-picker-transition-timing-function, var(--ease-in-out));transition-behavior:allow-discrete;will-change:var(--x-control-select-picker-will-change, transform, opacity);display:flex;flex-direction:column;cursor:auto;transform-origin:top center;scrollbar-width:thin;color:inherit}.x-control:has(select:not([multiple])) select:not(:open)::picker(select){opacity:var(--x-control-select-picker-closed-opacity, 0%);transform:var(--x-control-select-picker-closed-transform, scale(.9));display:revert}.x-control:has(select:not([multiple])) select:open::picker(select){opacity:var(--x-control-select-picker-open-opacity, revert);transform:var(--x-control-select-picker-open-transform, revert)}@starting-style{{opacity:var(--x-control-select-picker-closed-opacity, 0%);transform:var(--x-control-select-picker-closed-opacity, scale(.9))}}.x-control:has(select:not([multiple])) select option{padding-block:var(--x-control-select-option-padding-block);padding-inline:var(--x-control-select-option-padding-inline);font-size:var(--x-control-select-option-font-size);font-weight:var(--x-control-select-option-font-weight);line-height:var(--x-control-select-option-line-height);border-radius:var(--x-control-select-option-border-radius);transition:var(--transition-background),var(--transition-color)}.x-control:has(select:not([multiple])) select option::checkmark{display:none}.x-control:has(select:not([multiple])) select option:hover,.x-control:has(select:not([multiple])) select option:focus-visible{background-color:var(--x-control-select-option-hocus-background-color)}.x-control:has(select:not([multiple])) select option:checked{color:var(--x-control-select-option-checked-color, var(--color-accent));background-color:color-mix(in var(--x-control-select-option-checked-background-color-space, srgb),var(--x-control-select-option-checked-background-color, var(--color-accent)) var(--x-control-select-option-checked-background-color-opacity, 10%),var(--x-control-select-option-checked-background-color-mix, transparent))}.x-group{display:flex;border-radius:var(--radius-xl)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-block-size);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-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--text-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(--text-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--text-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;inset:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;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(--text-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(--text-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(--text-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(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--ease-in-out)}.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(--text-sm);--x-notice-border-radius: var(--radius-xl);--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)}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.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));transition:all var(--x-progress-transition-duration, .3s) var(--ease-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));transition:all var(--x-progress-transition-duration, .3s) var(--ease-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-animation-duration, 1s) var(--x-progress-indeterminate-animation-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);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);appearance:none;pointer-events:auto}.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));transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);appearance:none;pointer-events:auto}:is():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}.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-mask: 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>')}.x-rating{--x-rating-color: var(--color-accent);display:flex;align-items:center;border-radius:var(--radius-full)}.x-rating:has(:focus-visible){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{mask:var(--x-rating-icon-mask);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%}.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(--text-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}:is(:root,:host).dark{--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(--ease-in-out);transition-duration:var(--default-transition-duration)}.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: calc(var(--spacing) * 5);--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));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(--text-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--text-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--text-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--text-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--text-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%);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}.x-text :where(ul)[style*=square]{--x-text-list-marker-border-radius: 0}.x-text :where(ul)[style*=circle]{--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, 0) 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)}.x-text :where(pre){padding:var(--x-text-pre-padding-block, .25rem) var(--x-text-pre-padding-inline, .5rem);background-color:var(--x-text-pre-background-color, var(--color-body-secondary));border-radius:var(--x-pre-border-radius, var(--radius-md));scrollbar-color:var(--x-pre-scrollbar-color, currentcolor var(--color-body-secondary));overflow-x:auto;overscroll-behavior:contain}.x-text :where(pre)>:where(code){background:transparent;width:max-content;color:inherit}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--text-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(--text-xs)}.x-title:is(.lg){--x-title-font-size: var(--text-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker-mask: 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>');--x-breadcrumb-gap: calc(var(--spacing) * 1)}.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{mask:var(--x-breadcrumb-marker-mask);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: calc(var(--spacing) * 6);--x-card-padding-inline: calc(var(--spacing) * 7)}.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%}:root,:host{--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;inset: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%}:root,:host{--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: 100%;--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;inset:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.x-drawer:not([open]),.x-drawer::backdrop{display:none}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-block-size: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, calc(var(--spacing) * 2));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;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>.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>.x-image{display:grid;z-index:0}.x-compare>.x-image>:where(*):not(:only-child){object-fit:cover;object-position:left;grid-area:1/1}.x-compare>.x-image>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}.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%)}.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-pagination{gap:var(--x-pagination-gap, calc(var(--spacing) * 1));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius-xl);--x-popover-content-padding-block: calc(var(--spacing) * 2);--x-popover-content-padding-inline: calc(var(--spacing) * 2);--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(--ease-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x, 0),var(--tw-translate-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1));will-change:transform;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){inset-inline-end:0;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){inset-block:auto 0;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){inset-block:auto 0;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){inset-inline-end:0;transform-origin:bottom right}.x-popover-content:where(.inline-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}.trigger-focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.trigger-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-xl);--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)}:is(.x-table :where(tr,th,td):where([tabindex="0"]),.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, calc(var(--spacing) * 1));padding:var(--x-tabs-list-padding, calc(var(--spacing) * 1));border-radius:var(--x-tabs-list-border-radius, var(--radius-xl));display:flex;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(--text-sm);--x-tooltip-padding-block: calc(var(--spacing) * 1);--x-tooltip-padding-inline: calc(var(--spacing) * 2);--x-tooltip-margin-block: calc(var(--spacing) * 1);--x-tooltip-margin-inline: calc(var(--spacing) * 1);--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(--ease-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, 0),var(--tw-translate-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1));will-change:transform;inline-size:max-content;position:absolute;pointer-events:none}:is(.x-tooltip:where(.top),.x-tooltip:where(.bottom)):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}:is(.x-tooltip:where(.left),.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: calc(var(--spacing) * 5);--x-toaster-margin-block: calc(var(--spacing) * 1)}.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;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.x-toaster:not(:has(>*)){display:none}:root,:host{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2)}:root,:host{--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: calc(var(--spacing) * 3);--x-toast-content-padding-inline: calc(var(--spacing) * 4);--x-toast-content-gap: calc(var(--spacing) * 5);--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(--ease-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:fit-content}.grid-cols-container{grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-breakout-start] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-breakout-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-breakout: min(100% - (var(--container-padding) * 2), var(--container-breakout-width));--container-width: 80rem;--container-breakout-width: calc(var(--container-width) + 10rem);--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, calc(var(--spacing) * 3))}.divider:before,.divider:after{content:"";flex-grow:1;border:0;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: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))}.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}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}.ripple{inline-size:var(--ripple-size, 5rem);block-size:var(--ripple-size, 5rem);background-color:color-mix(in var(--ripple-background-color-space, srgb),var(--ripple-background-color, currentColor) var(--ripple-background-color-opacity, 15%),var(--ripple-background-color-mix, transparent));animation-duration:var(--ripple-animation-duration, .5s);animation-timing-function:var(--ripple-animation-timing-function, var(--ease-in-out));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))}@keyframes spinner-ring-stretch{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-124px}}.spinner{inline-size:var(--spinner-inline-size, 1rem);block-size:var(--spinner-block-size, 1rem);border-radius:50%;border-width:var(--spinner-border-width, 2px);border-color:color-mix(in var(--default-color-space),currentcolor var(--spinner-border-block-start-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentcolor var(--spinner-border-inline-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentcolor var(--spinner-border-block-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentcolor var(--spinner-border-inline-start-color-opacity, 0%),transparent);border-style:solid;animation:linear var(--spinner-animation-duration, 1s) infinite spin}.spinner-circle{--spinner-border-inline-start-color-opacity: 25%;--spinner-border-inline-end-color-opacity: 25%;--spinner-border-block-end-color-opacity: 25%}.spinner-ring{--spinner-animation-duration: 2s;transform-origin:center;border:0}.spinner-ring circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:spinner-ring-stretch calc(var(--spinner-animation-duration) * .75) ease-in-out infinite;fill:none;stroke:currentcolor}.swap{cursor:var(--cursor-pointer, pointer);display:inline-grid}.swap>:where(*){transition-property:var(--default-transition-property);transition-timing-function:var(--ease-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;rotate:none;opacity:100%}.underline{text-underline-offset:var(--default-underline-offset, .125em)}.underline-transparent:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--ease-in-out)}.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}
1
+ :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-primary: var(--default-font-family);--font-secondary: var(--default-font-family);--font-weight-black: 900;--font-weight-extrabold: 800;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-extralight: 200;--font-weight-thin: 100;--text-xs: .75rem;--text-xs--line-height: 1rem;--text-sm: .875rem;--text-sm--line-height: 1.25rem;--text-base: 1rem;--text-base--line-height: 1.5rem;--text-lg: 1.125rem;--text-lg--line-height: 1.75rem;--text-xl: 1.25rem;--text-xl--line-height: 1.75rem;--text-2xl: 1.5rem;--text-2xl--line-height: 2rem;--text-3xl: 1.875rem;--text-3xl--line-height: 2.25rem;--text-4xl: 2.25rem;--text-4xl--line-height: 2.5rem;--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--text-8xl: 6rem;--text-8xl--line-height: 1;--text-9xl: 8rem;--text-9xl--line-height: 1}:root,:host{--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-full: calc(infinity * 1px)}:root,:host{--spacing: .25rem;--spacing-px: 1px;--spacing-0: 0px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem}:root,:host{--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, display, overlay;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: var(--default-transition-timing-function);--transition-all: all var(--default-transition-duration) var(--default-transition-timing-function);--transition-color: color var(--default-transition-duration) var(--default-transition-timing-function);--transition-background: background var(--default-transition-duration) var(--default-transition-timing-function);--transition-opacity: opacity var(--default-transition-duration) var(--default-transition-timing-function);--transition-transform: transform var(--default-transition-duration) var(--default-transition-timing-function);--transition-border: border-color var(--default-transition-duration) var(--default-transition-timing-function);--transition-shadow: box-shadow var(--default-transition-duration) var(--default-transition-timing-function);--transition-display: display var(--default-transition-duration) var(--default-transition-timing-function);--transition-overlay: overlay var(--default-transition-duration) var(--default-transition-timing-function);--view-transition-main-duration: var(--default-transition-duration)}@media(prefers-reduced-motion){:root,:host{--default-transition-duration: 0;--view-transition-main-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}: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)}: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(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]){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;user-select:auto;cursor:revert;background-color:revert}:where(textarea){white-space:revert}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-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}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}:where(button),:where([type=checkbox]),:where([type=radio]),:where([role=button]),:where(summary){touch-action:manipulation;-webkit-user-select:none;user-select:none}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where([role=button]:not([aria-disabled=true])),:where(summary){cursor:var(--cursor-pointer, pointer)}: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:calc(var(--spacing) * 1) calc(var(--spacing) * 2);background-color:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);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-primary);font-weight:var(--font-weight-normal);block-size:100%;line-height:1.5;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)}[hidden]{display:none!important}@custom-media --media-xs (min-width: 22.5rem);@custom-media --media-sm (min-width: 26rem);@custom-media --media-md (min-width: 46.5rem);@custom-media --media-lg (min-width: 60rem);@custom-media --media-xl (min-width: 76rem);@custom-media --media-2xl (min-width: 82rem);@custom-media --media-3xl (min-width: 88rem);@custom-media --media-4xl (min-width: 100rem);@custom-media --media-xxl (min-width: 126rem);@custom-media --media-2xxl (min-width: 158rem);@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{to{opacity:0%}}@view-transition{navigation:auto}::view-transition{pointer-events:none}::view-transition-group(main){animation-duration:var(--view-transition-main-duration)}::view-transition-new(main){animation-delay:var(--view-transition-main-duration)}.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(--text-xs);--x-badge-gap: calc(var(--spacing) * 1);--x-badge-block-size: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-block-size: 1.25rem;--x-badge-font-size: var(--text-xs)}.x-badge:is(.lg){--x-badge-block-size: 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-xl);--x-button-font-size: var(--text-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: calc(var(--spacing) * 2);--x-button-block-size: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem}:root,:host{--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;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(--x-button-transition-property, var(--default-transition-property));transition-timing-function:var(--x-button-transition-timing-function, var(--ease-in-out));transition-duration:var(--x-button-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)}@media(hover:hover)and (pointer:fine){.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,: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]):active,.x-button:is(button,input,label,:any-link,[role=button]):checked,.x-button:is(button,input,label,:any-link,[role=button]).active{--x-button-background-color: var(--x-button-active-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]):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-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: 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)}.x-button:has(.spinner-absolute){pointer-events:none;color:transparent}.x-button:has(.spinner-absolute) .spinner-absolute{color:var(--x-button-color);position:absolute}:root,:host{--x-check-size: 1.25rem;--x-check-gap: calc(var(--spacing) * 3);--x-check-font-size: var(--text-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-icon-size: 1.125rem;--x-check-icon-mask: 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>');--x-check-radio-icon-mask: 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>');--x-check-indeterminate-icon-mask: 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>')}.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-mask: var(--x-check-radio-icon-mask);--x-check-border-radius: var(--x-check-radio-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);mask:var(--x-check-icon-mask);transition:inherit;content:"";background-color:currentcolor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}.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(--ease-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-mask: var(--x-check-indeterminate-icon-mask)}.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(--ease-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-block-size: 3rem;--x-control-block-size-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius-xl);--x-control-border-color: currentcolor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--text-base);--x-control-background-color: var(--color-body-primary);--x-control-color: currentcolor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentcolor;--x-control-placeholder-opacity: 50%}:root,:host{--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)}:root,:host{--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem}:root,:host{--x-control-label-translate-y: .625rem;--x-control-label-scale: .8}:root,:host{--x-control-select-icon-size: 1.25rem;--x-control-select-icon-mask: 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>');--x-control-select-icon-margin-inline-end: -.25rem}:root,:host{--x-control-select-picker-border-width: 1px;--x-control-select-picker-border-radius: var(--radius-lg);--x-control-select-picker-border-color: currentcolor;--x-control-select-picker-background-color: var(--color-body-primary);--x-control-select-picker-margin-block: .375rem;--x-control-select-picker-padding-block: .375rem;--x-control-select-picker-padding-inline: .375rem;--x-control-select-picker-gap: .25rem;--x-control-select-picker-scrollbar-color: currentcolor var(--color-body-primary);--x-control-select-option-padding-block: .75rem;--x-control-select-option-padding-inline: .75rem;--x-control-select-option-border-radius: var(--radius-md);--x-control-select-option-hocus-background-color: var(--color-body-secondary)}.x-control{display:grid;block-size:var(--x-control-block-size);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;background-color:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,select){white-space:nowrap}.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-block-size-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--ease-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)}.x-control>:where(input)[type=color]~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:var(--x-control-block-size);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:var(--cursor-pointer, 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))}.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}.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(--x-control-select-icon-mask);mask:var(--x-control-select-icon-mask);margin-inline:auto var(--x-control-select-icon-margin-inline-end);transition:var(--transition-transform);will-change:transform;grid-area:x-control-padding;background-color:currentcolor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])):has(select:open):after{transform:var(--x-control-select-open-icon-transform, rotate(180deg))}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select:not([multiple])) :where(select,option){cursor:var(--cursor-pointer, pointer)}.x-control:has(select[multiple]){--x-control-block-size: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-control:has(select:not([multiple])) select,.x-control:has(select:not([multiple])) select::picker(select){appearance:base-select}.x-control:has(select:not([multiple])) select::picker-icon{display:none}.x-control:has(select:not([multiple])) select::picker(select){border-radius:var(--x-control-select-picker-border-radius);border:var(--x-control-select-picker-border-width) solid color-mix(in var(--x-control-select-picker-border-color-space, srgb),var(--x-control-select-picker-border-color) var(--x-control-select-picker-border-color-opacity, 15%),var(--x-control-select-picker-border-color-mix, transparent));background-color:var(--x-control-select-picker-background-color);margin-block:var(--x-control-select-picker-margin-block);padding-block:var(--x-control-select-picker-padding-block);padding-inline:var(--x-control-select-picker-padding-inline);gap:var(--x-control-select-picker-gap);scrollbar-color:var(--x-control-select-picker-scrollbar-color);transition-property:var(--x-control-select-picker-transition-property, var(--default-transition-property));transition-duration:var(--x-control-select-picker-transition-duration, var(--default-transition-duration));transition-timing-function:var(--x-control-select-picker-transition-timing-function, var(--ease-in-out));transition-behavior:allow-discrete;will-change:var(--x-control-select-picker-will-change, transform, opacity);display:flex;flex-direction:column;cursor:auto;transform-origin:top center;scrollbar-width:thin;color:inherit}.x-control:has(select:not([multiple])) select:not(:open)::picker(select){opacity:var(--x-control-select-picker-closed-opacity, 0%);transform:var(--x-control-select-picker-closed-transform, scale(.9));display:revert}.x-control:has(select:not([multiple])) select:open::picker(select){opacity:var(--x-control-select-picker-open-opacity, revert);transform:var(--x-control-select-picker-open-transform, revert)}@starting-style{.x-control:has(select:not([multiple])) select:open::picker(select){opacity:var(--x-control-select-picker-closed-opacity, 0%);transform:var(--x-control-select-picker-closed-opacity, scale(.9))}}.x-control:has(select:not([multiple])) select option{padding-block:var(--x-control-select-option-padding-block);padding-inline:var(--x-control-select-option-padding-inline);font-size:var(--x-control-select-option-font-size);font-weight:var(--x-control-select-option-font-weight);line-height:var(--x-control-select-option-line-height);border-radius:var(--x-control-select-option-border-radius);transition:var(--transition-background),var(--transition-color)}.x-control:has(select:not([multiple])) select option::checkmark{display:none}.x-control:has(select:not([multiple])) select option:hover,.x-control:has(select:not([multiple])) select option:focus-visible{background-color:var(--x-control-select-option-hocus-background-color)}.x-control:has(select:not([multiple])) select option:checked{color:var(--x-control-select-option-checked-color, var(--color-accent));background-color:color-mix(in var(--x-control-select-option-checked-background-color-space, srgb),var(--x-control-select-option-checked-background-color, var(--color-accent)) var(--x-control-select-option-checked-background-color-opacity, 10%),var(--x-control-select-option-checked-background-color-mix, transparent))}.x-group{display:flex;border-radius:var(--radius-xl)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-block-size);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-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--text-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(--text-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--text-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;inset:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;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(--text-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(--text-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(--text-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(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--ease-in-out)}.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(--text-sm);--x-notice-border-radius: var(--radius-xl);--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)}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.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));transition:all var(--x-progress-transition-duration, .3s) var(--ease-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));transition:all var(--x-progress-transition-duration, .3s) var(--ease-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-animation-duration, 1s) var(--x-progress-indeterminate-animation-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);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);appearance:none;pointer-events:auto}.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));transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);appearance:none;pointer-events:auto}.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}.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-mask: 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>')}.x-rating{--x-rating-color: var(--color-accent);display:flex;align-items:center;border-radius:var(--radius-full)}.x-rating:has(:focus-visible){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);mask:var(--x-rating-icon-mask);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%}.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(--text-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}:is(:root,:host).dark{--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(--ease-in-out);transition-duration:var(--default-transition-duration)}.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: calc(var(--spacing) * 5);--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));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(--text-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--text-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--text-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--text-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--text-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 :where(ul)[style*=square]{--x-text-list-marker-border-radius: 0}.x-text :where(ul)[style*=circle]{--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, 0) 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)}.x-text :where(pre){padding:var(--x-text-pre-padding-block, .25rem) var(--x-text-pre-padding-inline, .5rem);background-color:var(--x-text-pre-background-color, var(--color-body-secondary));border-radius:var(--x-pre-border-radius, var(--radius-md));scrollbar-color:var(--x-pre-scrollbar-color, currentcolor var(--color-body-secondary));overflow-x:auto;overscroll-behavior:contain}.x-text :where(pre)>:where(code){background:transparent;width:max-content;color:inherit}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--text-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(--text-xs)}.x-title:is(.lg){--x-title-font-size: var(--text-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker-mask: 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>');--x-breadcrumb-gap: calc(var(--spacing) * 1)}.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);mask:var(--x-breadcrumb-marker-mask);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: calc(var(--spacing) * 6);--x-card-padding-inline: calc(var(--spacing) * 7)}.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%}:root,:host{--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;inset: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%}:root,:host{--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: 100%;--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;inset:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.x-drawer:not([open]),.x-drawer::backdrop{display:none}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-block-size: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, calc(var(--spacing) * 2));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;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>.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>.x-image{display:grid;z-index:0}.x-compare>.x-image>:where(*):not(:only-child){object-fit:cover;object-position:left;grid-area:1/1}.x-compare>.x-image>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}.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%)}.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-pagination{gap:var(--x-pagination-gap, calc(var(--spacing) * 1));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius-xl);--x-popover-content-padding-block: calc(var(--spacing) * 2);--x-popover-content-padding-inline: calc(var(--spacing) * 2);--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(--ease-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x, 0),var(--tw-translate-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1));will-change:transform;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){inset-inline-end:0;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){inset-block:auto 0;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){inset-block:auto 0;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){inset-inline-end:0;transform-origin:bottom right}.x-popover-content:where(.inline-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}.trigger-focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.trigger-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-xl);--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)}:is(.x-table :where(tr,th,td):where([tabindex="0"]),.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, calc(var(--spacing) * 1));padding:var(--x-tabs-list-padding, calc(var(--spacing) * 1));border-radius:var(--x-tabs-list-border-radius, var(--radius-xl));display:flex;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(--text-sm);--x-tooltip-padding-block: calc(var(--spacing) * 1);--x-tooltip-padding-inline: calc(var(--spacing) * 2);--x-tooltip-margin-block: calc(var(--spacing) * 1);--x-tooltip-margin-inline: calc(var(--spacing) * 1);--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(--ease-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, 0),var(--tw-translate-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1));will-change:transform;inline-size:max-content;position:absolute;pointer-events:none}:is(.x-tooltip:where(.top),.x-tooltip:where(.bottom)):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}:is(.x-tooltip:where(.left),.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: calc(var(--spacing) * 5);--x-toaster-margin-block: calc(var(--spacing) * 1)}.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;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.x-toaster:not(:has(>*)){display:none}:root,:host{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2)}:root,:host{--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: calc(var(--spacing) * 3);--x-toast-content-padding-inline: calc(var(--spacing) * 4);--x-toast-content-gap: calc(var(--spacing) * 5);--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(--ease-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:fit-content}.grid-cols-container{grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-breakout-start] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-breakout-width) - var(--container-width)) / 2)) [container-breakout-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-breakout: min(100% - (var(--container-padding) * 2), var(--container-breakout-width));--container-width: 80rem;--container-breakout-width: calc(var(--container-width) + 10rem);--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, calc(var(--spacing) * 3))}.divider:before,.divider:after{content:"";flex-grow:1;border:0;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: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))}.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}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}.ripple{inline-size:var(--ripple-size, 5rem);block-size:var(--ripple-size, 5rem);background-color:color-mix(in var(--ripple-background-color-space, srgb),var(--ripple-background-color, currentColor) var(--ripple-background-color-opacity, 15%),var(--ripple-background-color-mix, transparent));animation-duration:var(--ripple-animation-duration, .5s);animation-timing-function:var(--ripple-animation-timing-function, var(--ease-in-out));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))}@keyframes spinner-ring-stretch{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-124px}}.spinner{inline-size:var(--spinner-inline-size, 1rem);block-size:var(--spinner-block-size, 1rem);border-radius:50%;border-width:var(--spinner-border-width, 2px);border-color:color-mix(in var(--default-color-space),currentcolor var(--spinner-border-block-start-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentcolor var(--spinner-border-inline-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentcolor var(--spinner-border-block-end-color-opacity, 100%),transparent) color-mix(in var(--default-color-space),currentcolor var(--spinner-border-inline-start-color-opacity, 0%),transparent);border-style:solid;animation:linear var(--spinner-animation-duration, 1s) infinite spin}.spinner-circle{--spinner-border-inline-start-color-opacity: 25%;--spinner-border-inline-end-color-opacity: 25%;--spinner-border-block-end-color-opacity: 25%}.spinner-ring{--spinner-animation-duration: 2s;transform-origin:center;border:0}.spinner-ring circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:spinner-ring-stretch calc(var(--spinner-animation-duration) * .75) ease-in-out infinite;fill:none;stroke:currentcolor}.swap{cursor:var(--cursor-pointer, pointer);display:inline-grid}.swap>:where(*){transition-property:var(--default-transition-property);transition-timing-function:var(--ease-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;rotate:none;opacity:100%}.underline{text-underline-offset:var(--default-underline-offset, .125em)}.underline-transparent:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--ease-in-out)}.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}
package/dist/tailwind.css CHANGED
@@ -1 +1 @@
1
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-content:""}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.sticky{position:sticky}.end-\[7\%\]{inset-inline-end:7%}.bottom-\[7\%\]{bottom:7%}.isolate{isolation:isolate}.z-10{z-index:10}.col-\[x-control-padding\]{grid-column:x-control-padding}.col-\[x-control\]{grid-column:x-control}.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}.col-span-12{grid-column:span 12/span 12}.row-\[x-control\]{grid-row:x-control}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.mt-\[90vh\]{margin-top:90vh}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1}.size-\[15\%\]{width:15%;height:15%}.size-fit{width:fit-content;height:fit-content}.h-\[200vh\]{height:200vh}.h-\[586px\]{height:586px}.h-\[calc\(100dvh-4rem\)\]{height:calc(100dvh - 4rem)}.h-auto{height:auto}.min-h-\[200vh\]{min-height:200vh}.w-\(--x-control-block-size\){width:var(--x-control-block-size)}.w-\(--x-control-height\){width:var(--x-control-height)}.w-\[30rem\]{width:30rem}.w-\[1280px\]{width:1280px}.w-\[calc\(100dvw-4rem\)\]{width:calc(100dvw - 4rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-fit{max-width:fit-content}.flex-grow{flex-grow:1}.origin-center{transform-origin:50%}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.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-col{flex-direction:column}.flex-row{flex-direction:row}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.mask-\(--mask-check\){-webkit-mask-image:var(--mask-check);mask-image:var(--mask-check)}.object-cover{object-fit:cover}.p-\(--card-p\){padding:var(--card-p)}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.text-current,.text-current\/50{color:currentColor}@supports (color:color-mix(in lab,red,red)){.text-current\/50{color:color-mix(in oklab,currentcolor 50%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-current{accent-color:currentColor}.opacity-50{opacity:.5}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.\[--x-control-padding-inline-end\:theme\(spacing\.14\)\]{--x-control-padding-inline-end:3.5rem}.group-open\:-scale-y-100:is(:where(.group):is([open],:popover-open,:open) *){--tw-scale-y: -100% ;scale:var(--tw-scale-x)var(--tw-scale-y)}.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-style:var(--tw-border-style);border-top-width:4px}.before\:border-dashed:before{content:var(--tw-content);--tw-border-style:dashed;border-style:dashed}.before\:content-\[attr\(data-unit\)\]:before{--tw-content:attr(data-unit);content:var(--tw-content)}.after\:order-first:after{content:var(--tw-content);order:-9999}.after\:border-t-4:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:4px}.after\:border-dashed:after{content:var(--tw-content);--tw-border-style:dashed;border-style:dashed}.open\:flex:is([open],:popover-open,:open){display:flex}.aria-hidden\:hidden[aria-hidden=true]{display:none}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-content:""}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.sticky{position:sticky}.end-\[7\%\]{inset-inline-end:7%}.bottom-\[7\%\]{bottom:7%}.isolate{isolation:isolate}.z-10{z-index:10}.col-\[x-control-padding\]{grid-column:x-control-padding}.col-\[x-control\]{grid-column:x-control}.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}.col-span-12{grid-column:span 12/span 12}.row-\[x-control\]{grid-row:x-control}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.mt-\[90vh\]{margin-top:90vh}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1}.size-\[15\%\]{width:15%;height:15%}.size-fit{width:fit-content;height:fit-content}.h-\[200vh\]{height:200vh}.h-\[586px\]{height:586px}.h-\[calc\(100dvh-4rem\)\]{height:calc(100dvh - 4rem)}.h-auto{height:auto}.min-h-\[200vh\]{min-height:200vh}.w-\(--x-control-block-size\){width:var(--x-control-block-size)}.w-\(--x-control-height\){width:var(--x-control-height)}.w-\[30rem\]{width:30rem}.w-\[1280px\]{width:1280px}.w-\[calc\(100dvw-4rem\)\]{width:calc(100dvw - 4rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-fit{max-width:fit-content}.flex-grow{flex-grow:1}.origin-center{transform-origin:50%}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.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-col{flex-direction:column}.flex-row{flex-direction:row}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.mask-\(--mask-check\){-webkit-mask-image:var(--mask-check);mask-image:var(--mask-check)}.object-cover{object-fit:cover}.p-\(--card-p\){padding:var(--card-p)}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.text-current,.text-current\/50{color:currentColor}@supports (color:color-mix(in lab,red,red)){.text-current\/50{color:color-mix(in oklab,currentcolor 50%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-current{accent-color:currentColor}.opacity-50{opacity:.5}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.\[--x-control-padding-inline-end\:theme\(spacing\.14\)\]{--x-control-padding-inline-end:3.5rem}.group-open\:-scale-y-100:is(:where(.group):is([open],:popover-open,:open) *){--tw-scale-y: -100% ;scale:var(--tw-scale-x)var(--tw-scale-y)}.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-style:var(--tw-border-style);border-top-width:4px}.before\:border-dashed:before{content:var(--tw-content);--tw-border-style:dashed;border-style:dashed}.before\:content-\[attr\(data-unit\)\]:before{--tw-content:attr(data-unit);content:var(--tw-content)}.after\:order-first:after{content:var(--tw-content);order:-9999}.after\:border-t-4:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:4px}.after\:border-dashed:after{content:var(--tw-content);--tw-border-style:dashed;border-style:dashed}.open\:flex:is([open],:popover-open,:open){display:flex}.aria-hidden\:hidden[aria-hidden=true]{display:none}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "winduum",
3
- "version": "2.2.11",
3
+ "version": "2.2.12",
4
4
  "type": "module",
5
5
  "types": "types/index.d.ts",
6
6
  "main": "plugin/index.cjs",
@@ -19,27 +19,27 @@
19
19
  "publish-next": "npm publish --tag next"
20
20
  },
21
21
  "devDependencies": {
22
- "@eslint/js": "^9.32.0",
23
- "@floating-ui/dom": "^1.7.2",
24
- "@stylistic/eslint-plugin": "^5.2.2",
25
- "@stylistic/stylelint-config": "^3.0.1",
26
- "@tailwindcss/vite": "^4.1.11",
27
- "@vitejs/plugin-vue": "^6.0.1",
28
- "autoprefixer": "^10.4.21",
22
+ "@eslint/js": "^9.39.2",
23
+ "@floating-ui/dom": "^1.7.4",
24
+ "@stylistic/eslint-plugin": "^5.7.0",
25
+ "@stylistic/stylelint-config": "^4.0.0",
26
+ "@tailwindcss/vite": "^4.1.18",
27
+ "@vitejs/plugin-vue": "^6.0.3",
28
+ "autoprefixer": "^10.4.23",
29
29
  "dts-buddy": "^0.6.2",
30
- "eslint": "^9.32.0",
30
+ "eslint": "^9.39.2",
31
31
  "fast-glob": "^3.3.3",
32
32
  "postcss": "^8.5.6",
33
- "postcss-custom-media": "^11.0.6",
33
+ "postcss-custom-media": "^12.0.0",
34
34
  "postcss-import": "^16.1.1",
35
- "postcss-nesting": "^13.0.2",
35
+ "postcss-nesting": "^14.0.0",
36
36
  "slide-element": "^2.3.1",
37
- "stylelint": "^16.22.0",
38
- "stylelint-config-standard": "^38.0.0",
39
- "tailwindcss": "^4.1.11",
37
+ "stylelint": "^17.0.0",
38
+ "stylelint-config-standard": "^40.0.0",
39
+ "tailwindcss": "^4.1.18",
40
40
  "typescript": "^5",
41
- "vite": "^7.0.6",
42
- "vue": "^3.5.18"
41
+ "vite": "^7.3.1",
42
+ "vue": "^3.5.27"
43
43
  },
44
44
  "files": [
45
45
  "index.js",
@@ -8,9 +8,9 @@ export const accentColor = ({ value }, settings) => {
8
8
  if (matchValue) {
9
9
  if (settings.rgb) {
10
10
  colorProperties['--color-accent-rgb']
11
- = `var(${matchValue[1].includes('-rgb') ? matchValue[1] : matchValue[1] + '-rgb'})`
11
+ = `var(${matchValue[1].includes('-rgb') ? matchValue[1] : matchValue[1] + '-rgb'})`
12
12
  colorProperties['--color-accent-foreground-rgb']
13
- = `var(${matchValue[1].includes('-rgb') ? matchValue[1].replace('-rgb', '-foreground-rgb') : matchValue[1] + '-foreground-rgb, var(--color-light-rgb)'})`
13
+ = `var(${matchValue[1].includes('-rgb') ? matchValue[1].replace('-rgb', '-foreground-rgb') : matchValue[1] + '-foreground-rgb, var(--color-light-rgb)'})`
14
14
  }
15
15
 
16
16
  if (toColorValue(value).includes('calc(1 * 100%)') || toColorValue(value).includes(' / 1')) {
@@ -151,8 +151,6 @@ Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
151
151
  - fix for the content editable attribute will work properly.
152
152
  - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */
153
153
  :where([contenteditable]:not([contenteditable="false"])) {
154
- -moz-user-modify: read-write;
155
- -webkit-user-modify: read-write;
156
154
  overflow-wrap: break-word;
157
155
  -webkit-line-break: after-white-space;
158
156
  user-select: auto;
@@ -1,13 +1,13 @@
1
1
  @utility divide-gap-x-* {
2
2
  :where(& > :not(:last-child)) {
3
- padding-inline-end: calc(var(--spacing) * --value(integer, [integer]));
4
- margin-inline-end: calc(var(--spacing) * --value(integer, [integer]));
3
+ padding-inline-end: calc(var(--spacing) * --value(number, [number]));
4
+ margin-inline-end: calc(var(--spacing) * --value(number, [number]));
5
5
  }
6
6
  }
7
7
 
8
8
  @utility divide-gap-y-* {
9
9
  :where(& > :not(:last-child)) {
10
- padding-block-end: calc(var(--spacing) * --value(integer, [integer]));
11
- margin-block-end: calc(var(--spacing) * --value(integer, [integer]));
10
+ padding-block-end: calc(var(--spacing) * --value(number, [number]));
11
+ margin-block-end: calc(var(--spacing) * --value(number, [number]));
12
12
  }
13
13
  }