winduum 2.0.0-next.4 → 2.0.0-next.6
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 +1 -1
- package/dist/tailwind.css +1 -1
- package/package.json +1 -1
- package/plugin/index.cjs +81 -43
- package/plugin/utilities/dot.js +3 -3
- package/src/components/dialog/default.css +0 -4
- package/types/index.d.ts +28 -2
- package/types/index.d.ts.map +1 -2
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(a),:where(address),:where(button),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(em),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(html),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(p),:where(pre),:where(select),:where(summary),:where(table),:where(td),:where(textarea),:where(th),:where(thead),:where(time),:where(tr),:where(ul),:where(progress),:where(meter){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary),:where(pre>code){display:block}:where(code),:where(kbd),:where(samp),:where(pre){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where(*),:where(*):before,:where(*):after{box-sizing:border-box;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(sub,sup){vertical-align:baseline;font-size:100%}:where(sub){font-variant-position:sub}:where(sup){font-variant-position:super}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style-type:""}:where(img,iframe){max-inline-size:100%;max-block-size:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;cursor:revert}:where(textarea){white-space:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(input)::-webkit-datetime-edit-fields-wrapper,:where(input)::-webkit-datetime-edit-text,:where(input)::-webkit-datetime-edit,:where(input)::-webkit-datetime-edit-hour-field,:where(input)::-webkit-datetime-edit-minute-field{padding:0}:where(input)::-webkit-calendar-picker-indicator,:where(input)::-webkit-search-cancel-button{align-self:center;background-position:50% 50%}::-webkit-details-marker{display:none}:after,:before{--tw-content: ""}:where(*),:where(*):before,:where(*):after{border:0 solid currentColor}::-moz-selection{color:var(--color-light);background-color:var(--color-primary)}::selection{color:var(--color-light);background-color:var(--color-primary)}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where(summary:not([aria-disabled=true])),:where([role=button]:not([aria-disabled=true])){cursor:var(--cursor, pointer);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(hr){--tw-border-opacity: .15;border-block-start:1px solid color-mix(in var(--space),currentColor calc(var(--tw-border-opacity) * 100%),transparent);border-radius:var(--rounded);width:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--rounded-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--rounded-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--scheme);font-family:var(--font-primary);font-weight:var(--font-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:root,:host{--font-default: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary: var(--font-default);--font-secondary: var(--font-default);--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain;--mask-star: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>') no-repeat 50% 50% / contain;--rounded: var(--rounded-xl);--rounded-xs: .125rem;--rounded-sm: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-2xl: 1rem;--rounded-3xl: 1.5rem;--rounded-4xl: 2rem;--rounded-5xl: 2.5rem;--rounded-6xl: 3rem;--rounded-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 1.75rem;--spacing-4xl: 2rem;--spacing-5xl: 2.5rem;--spacing-6xl: 3rem;--spacing-7xl: 3.5rem;--spacing-8xl: 4rem;--spacing-9xl: 5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--transition: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-all: all var(--duration) var(--ease-in-out);--transition-color: color var(--duration) var(--ease-in-out);--transition-background: background var(--duration) var(--ease-in-out);--transition-opacity: opacity var(--duration) var(--ease-in-out);--transition-transform: transform var(--duration) var(--ease-in-out);--transition-border: border-color var(--duration) var(--ease-in-out);--transition-shadow: box-shadow var(--duration) var(--ease-in-out);--duration: .15s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion){:root,:host{--duration: 0}}:root,:host{--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}:root,:host{--space: sRGB;--scheme: light;--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground);--color-primary: #3b82f6;--color-primary-foreground: var(--color-light);--color-main: #171717;--color-main-foreground: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in var(--space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--space), var(--color-main) 50%, var(--color-main-foreground));--color-body: #fff;--color-body-foreground: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in var(--space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--space), var(--color-body) 90%, var(--color-body-foreground));--color-light: #fff;--color-light-foreground: var(--color-dark);--color-dark: #171717;--color-dark-foreground: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}@media (color-gamut: p3){:root,:host{--color-primary: color(display-p3 .23 .51 .96);--color-main: color(display-p3 .09 .09 .09);--color-body: color(display-p3 1 1 1);--color-light: color(display-p3 1 1 1);--color-dark: color(display-p3 .09 .09 .09);--color-success: color(display-p3 .09 .64 .29);--color-error: color(display-p3 .86 .15 .15);--color-warning: color(display-p3 .92 .7 .03);--color-info: color(display-p3 .05 .65 .91)}}:root.dark,:host.dark{--scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.ui-badge{--ui-badge-bg: var(--color-accent);--ui-badge-color: var(--color-accent-foreground);--tw-bg-opacity: 1;--tw-text-opacity: 1;--tw-bg-mix: transparent;--tw-text-mix: transparent;width:var(--ui-badge-width);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius);font-family:var(--ui-badge-font-family);font-weight:var(--ui-badge-font-weight);font-size:var(--ui-badge-font-size);letter-spacing:var(--ui-badge-letter-spacing);background-color:color-mix(in var(--space),var(--ui-badge-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:color-mix(in var(--space),var(--ui-badge-color) calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));gap:var(--ui-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--ui-badge-font-size: var(--text-xs);--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-gap: var(--spacing-xs);--ui-badge-border-radius: var(--rounded-lg)}.ui-badge:is(.sm){--ui-badge-height: 1.25rem;--ui-badge-font-size: .625rem}.ui-badge:is(.lg){--ui-badge-height: 1.75rem}.ui-badge:where(.bordered){--ui-badge-border-color: var(--color-accent);--ui-badge-border-width: 1px;--tw-border-opacity: 1;--tw-border-mix: transparent;border:var(--ui-badge-border-width) solid color-mix(in var(--space),var(--ui-badge-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));padding-inline:calc(var(--ui-badge-px) - var(--ui-badge-border-width))}.ui-badge:is(.bordered){--ui-badge-color: var(--color-accent);--tw-bg-opacity: 0}.ui-badge:is(.muted){--ui-badge-color: var(--color-accent);--tw-bg-opacity: .1}.ui-badge:is(.square){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}.ui-badge:is(.circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height);--ui-badge-border-radius: var(--rounded-full)}.ui-btn{--ui-btn-bg: var(--color-accent);--ui-btn-color: var(--color-accent-foreground);--ui-btn-outline-color: var(--color-accent);--tw-bg-opacity: 1;--tw-bg-mix: transparent;--tw-text-opacity: 1;--tw-text-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;inline-size:var(--ui-btn-width);block-size:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius);font-family:var(--ui-btn-font-family);font-size:var(--ui-btn-font-size);font-weight:var(--ui-btn-font-weight);letter-spacing:var(--ui-btn-letter-spacing);background-color:color-mix(in var(--space),var(--ui-btn-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:color-mix(in var(--space),var(--ui-btn-color) calc(var(--tw-text-opacity) * 100%),var(--tw-text-mix));outline:var(--ui-btn-outline-width) solid color-mix(in var(--space),var(--ui-btn-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-btn-outline-offset);gap:var(--ui-btn-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:clip;display:inline-flex;text-align:center;align-items:center;justify-content:center;position:relative;line-height:1;flex-shrink:0;z-index:0}.ui-btn :where(*){pointer-events:none}.ui-btn:where(input):after{content:attr(aria-label)}:root,:host{--ui-btn-border-radius: var(--rounded);--ui-btn-font-size: var(--text-sm);--ui-btn-font-weight: var(--font-medium);--ui-btn-gap: var(--spacing-sm);--ui-btn-outline-width: 2px;--ui-btn-height: 2.25rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem}.ui-btn{transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-btn:where(.accent-main){--ui-btn-hover-bg-mix: var(--color-main-foreground)}.ui-btn:where(.accent-body){--ui-btn-hover-bg-mix: var(--color-body-foreground)}.ui-btn:where(.accent-light){--ui-btn-hover-bg-mix: var(--color-light-foreground)}.ui-btn:where(.accent-dark){--ui-btn-hover-bg-mix: var(--color-dark-foreground)}.ui-btn:is([href],button,[role=button],input){cursor:var(--cursor, pointer)}.ui-btn:is([href],button,[role=button],input):disabled{opacity:var(--ui-btn-disabled-opacity);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.ui-btn:is([href],button,[role=button],input):not(:disabled):hover{--ui-btn-bg: var(--ui-btn-hover-bg, var(--color-accent));--ui-btn-border-color: var(--ui-btn-hover-border-color, var(--color-accent));--tw-bg-mix: var(--ui-btn-hover-bg-mix);--tw-bg-opacity: var(--ui-btn-hover-bg-opacity)}}.ui-btn:is([href],button,[role=button],input):not(:disabled):focus{--ui-btn-outline-offset: var(--ui-btn-focus-outline-offset);--tw-outline-opacity: var(--ui-btn-focus-outline-opacity)}.ui-btn:is([href],button,[role=button],input):not(:disabled):is(:active,:checked,.active){--ui-btn-bg: var(--ui-btn-active-bg, var(--color-accent));--ui-btn-border-color: var(--ui-btn-active-border-color, var(--color-accent));--tw-bg-mix: var(--ui-btn-active-bg-mix);--tw-bg-opacity: var(--ui-btn-active-bg-opacity)}:root,:host{--ui-btn-hover-bg-mix: var(--color-dark);--ui-btn-hover-bg-opacity: .8;--ui-btn-focus-outline-offset: 2px;--ui-btn-focus-outline-opacity: .5;--ui-btn-active-bg-mix: var(--color-dark);--ui-btn-active-bg-opacity: .9;--ui-btn-disabled-opacity: .75}.ui-btn:is(.sm){--ui-btn-height: 2rem;--ui-btn-px: 1rem}.ui-btn:is(.lg){--ui-btn-height: 3rem;--ui-btn-px: 1.75rem}.ui-btn:is(.loading){pointer-events:none;color:transparent}.ui-btn:is(.loading)>*{opacity:0}.ui-btn:is(.loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid var(--ui-btn-color);border-right-color:transparent;border-radius:50%;animation:spin .5s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}:root,:host{--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px}.ui-btn:where(.wide){padding-inline:calc(var(--ui-btn-px) * 1.5)}.ui-btn:where(.bordered){--ui-btn-border-width: 1px;--ui-btn-border-color: var(--color-accent);--tw-border-opacity: .3;--tw-border-mix: transparent;border:var(--ui-btn-border-width) solid color-mix(in var(--space),var(--ui-btn-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.bordered){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--ui-btn-color: var(--color-accent);--tw-bg-opacity: 0}.ui-btn:is(.ghosted){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--ui-btn-color: var(--color-accent);--tw-bg-opacity: 0}.ui-btn:where(.gradient):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in var(--space),var(--tw-bg-mix) calc(100% - var(--tw-bg-opacity) * 100%),transparent);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):before{content:"";position:absolute;background-color:color-mix(in var(--space),var(--color-body) calc(100% - var(--tw-bg-opacity) * 100%),transparent);inset:var(--ui-btn-border-width);border-radius:calc(var(--ui-btn-border-radius) / 1.25);z-index:-1;transition:var(--transition-background)}.ui-btn:is(.gradient-bordered){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .1;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: 0;--ui-btn-border-width: 2px;--ui-btn-color: currentColor;--tw-bg-opacity: 0}.ui-btn:is(.muted){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: .3;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: .2;--ui-btn-focus-outline-offset: -2px;--ui-btn-color: var(--color-accent);--tw-bg-opacity: .1}.ui-btn:where(.raised){--ui-btn-border-width: 2px;--tw-border-opacity: .85;border:var(--ui-btn-border-width) solid color-mix(in var(--space),var(--ui-btn-bg) calc(var(--tw-border-opacity) * 100%),var(--ui-btn-color));padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.fill){--ui-btn-hover-bg-mix: var(--color-dark);--ui-btn-hover-bg-opacity: 1;--ui-btn-active-bg-mix: var(--color-dark);--ui-btn-active-bg-opacity: .9}.ui-btn:is(.square){--ui-btn-py: 0;--ui-btn-px: 0;--ui-btn-width: var(--ui-btn-height)}.ui-btn:is(.circle){--ui-btn-py: 0;--ui-btn-px: 0;--ui-btn-width: var(--ui-btn-height);--ui-btn-border-radius: var(--rounded-full)}:root,:host{--ui-check-size: 1.25rem;--ui-check-icon-size: 1.125rem;--ui-check-icon: var(--mask-check);--ui-check-gap: var(--spacing-md);--ui-check-font-size: var(--text-sm);--ui-check-line-height: calc(1em + .25rem) ;--ui-check-border-radius: var(--rounded-md);--ui-check-border-width: 1px;--ui-check-bg: currentColor;--ui-check-border-color: currentColor;--ui-check-outline-width: 3px}.ui-check{--ui-check-outline-color: var(--color-accent);--ui-check-icon-color: var(--color-accent-foreground);font-weight:var(--ui-check-font-weight);font-size:var(--ui-check-font-size);line-height:var(--ui-check-line-height);letter-spacing:var(--ui-check-letter-spacing);gap:var(--ui-check-gap);display:inline-flex;text-wrap:balance}.ui-check:has([type=radio]){--ui-check-icon: var(--mask-radio);--ui-check-border-radius: 50%}.ui-check :where(a){color:var(--color-accent);text-decoration:underline}.ui-check :where(input){--tw-border-opacity: .2;--tw-border-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;--tw-bg-opacity: 0;--tw-bg-mix: transparent;width:var(--ui-check-size);height:var(--ui-check-size);border-radius:var(--ui-check-border-radius);background-color:color-mix(in var(--space),var(--ui-check-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));border:var(--ui-check-border-width) solid color-mix(in var(--space),var(--ui-check-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));outline:var(--ui-check-outline-width) solid color-mix(in var(--space),var(--ui-check-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-check-outline-offset);display:flex;flex-shrink:0}.ui-check :where(input):before{width:var(--ui-check-icon-size);height:var(--ui-check-icon-size);color:var(--ui-check-icon-color);-webkit-mask:var(--ui-check-icon);mask:var(--ui-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0;transform:scale(0);will-change:transform;margin:auto}:is(.ui-check :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}:root,:host{--ui-check-disabled-opacity: .5}.ui-check{--ui-check-hover-border-color: var(--color-accent);--ui-check-hover-bg: var(--color-accent);--ui-check-checked-bg: var(--color-accent);--ui-check-focus-border-color: var(--color-accent)}.ui-check :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-check :where(input):enabled:is(:hover,:focus-visible){--ui-check-border-color: var(--ui-check-hover-border-color);--ui-check-bg: var(--ui-check-hover-bg);--tw-border-opacity: var(--ui-check-hover-border-opacity, .75);--tw-bg-opacity: var(--ui-check-hover-bg-opacity, .1)}.ui-check :where(input):enabled:focus{--ui-check-border-color: var(--ui-check-focus-border-color);--ui-check-outline-offset: var(--ui-check-focus-outline-offset);--tw-border-opacity: var(--ui-check-focus-border-opacity, .75);--tw-outline-opacity: var(--ui-check-focus-outline-opacity, .2)}.ui-check :where(input):disabled{--tw-bg-opacity: var(--ui-check-disabled-bg-opacity, .15);cursor:not-allowed;opacity:var(--ui-check-disabled-opacity)}.ui-check :where(input):where([type=checkbox]):indeterminate{--ui-check-icon: var(--mask-indeterminate)}.ui-check :where(input):is(:checked,[type=checkbox]:indeterminate){--ui-check-bg: var(--ui-check-checked-bg);--tw-bg-opacity: 1;--tw-border-opacity: 0}.ui-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:1;transform:scale(1)}.ui-check.invalid,.validated .ui-check :where(input):invalid{--ui-check-border-color: var(--color-error);--ui-check-outline-color: var(--color-error);--ui-check-bg: var(--color-error);--tw-border-opacity: 1}:root,:host{--ui-color-primary: currentColor;--ui-color-secondary: transparent;--ui-color-size: 1.75rem;--ui-color-p: var(--spacing-xs);--ui-color-border-width: 2px;--ui-color-border-color: currentColor;--ui-color-border-radius: var(--rounded-full);--ui-color-outline-width: 3px;--ui-color-outline-color: var(--ui-color-border-color)}.ui-color{display:inline-flex}.ui-color :where(input){--tw-border-opacity: .1;--tw-border-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;width:var(--ui-color-size);height:var(--ui-color-size);padding:var(--ui-color-p);border-radius:var(--ui-color-border-radius);border:var(--ui-color-border-width) solid color-mix(in var(--space),var(--ui-color-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));outline:var(--ui-color-outline-width) solid color-mix(in var(--space),var(--ui-color-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-check-outline-offset);display:inline-grid}.ui-color :where(input):before,.ui-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.ui-color :where(input):before{background-color:var(--ui-color-primary);border-color:inherit}.ui-color :where(input):after{background-color:var(--ui-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}:root,:host{--ui-color-disabled-opacity: .5}.ui-color :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-color :where(input):where(:disabled){cursor:not-allowed}.ui-color :where(input):where(:disabled):before,.ui-color :where(input):where(:disabled):after{opacity:var(--ui-color-disabled-opacity)}.ui-color :where(input):where(:enabled):is(:hover){--tw-border-opacity: .3}.ui-color :where(input):where(:enabled):is(:focus-visible){--tw-border-opacity: 1;--tw-outline-opacity: .2}.ui-color :where(input):is(:checked){--tw-border-opacity: 1}:root,:host{--ui-control-height: 3rem;--ui-control-height-textarea: 8rem;--ui-control-px: .75rem;--ui-control-py: .75rem;--ui-control-border-width: 1px;--ui-control-font-weight: var(--font-medium);--ui-control-font-size: var(--text-sm);--ui-control-bg: transparent;--ui-control-color: currentColor;--ui-control-border-radius: var(--rounded);--ui-control-border-color: currentColor;--ui-control-outline-width: 3px;--ui-control-placeholder-color: currentColor;--ui-control-placeholder-opacity: .5}.ui-control{--ui-control-outline-color: var(--color-accent);--tw-bg-opacity: 1;--tw-bg-mix: transparent;--tw-border-opacity: .15;--tw-border-mix: transparent;--tw-outline-opacity: 0;--tw-outline-mix: transparent;display:grid;block-size:var(--ui-control-height);font-family:var(--ui-control-font-family);font-weight:var(--ui-control-font-weight);font-size:var(--ui-control-font-size);letter-spacing:var(--ui-control-letter-spacing);background-color:color-mix(in var(--space),var(--ui-control-bg) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:var(--ui-control-color);border-radius:var(--ui-control-border-radius);border:var(--ui-control-border-width) solid color-mix(in var(--space),var(--ui-control-border-color) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));outline:var(--ui-control-outline-width) solid color-mix(in var(--space),var(--ui-control-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-control-outline-offset);grid-template:[c-control-start] calc(var(--ui-control-py) - var(--ui-control-border-width)) [c-control-p] 1fr calc(var(--ui-control-py) - var(--ui-control-border-width)) [c-control-end] / [c-control-start] var(--ui-control-px) [c-control-p] 1fr var(--ui-control-px) [c-control-end]}.ui-control:has(textarea){height:auto}.ui-control>:where(*){grid-area:c-control-p;align-self:center}.ui-control>:where(input,textarea,select){padding-block:var(--ui-control-py);padding-inline:calc(var(--ui-control-px) + var(--ui-control-ps, 0rem)) calc(var(--ui-control-px) + var(--ui-control-pe, 0rem));grid-area:c-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit}.ui-control>:where(input,textarea,select):disabled{cursor:not-allowed}.ui-control>:where(input,textarea)::-moz-placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control>:where(input,textarea)::placeholder{color:var(--ui-control-placeholder-color);opacity:var(--ui-control-placeholder-opacity)}.ui-control>:where(textarea){min-block-size:var(--ui-control-height-textarea);resize:vertical}.ui-control{--ui-control-focus-border-color: var(--color-accent);transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-control:focus-within{--ui-control-border-color: var(--ui-control-focus-border-color);--ui-control-outline-offset: var(--ui-control-focus-outline-offset);--tw-border-opacity: var(--ui-control-focus-border-opacity, 1);--tw-outline-opacity: var(--ui-control-focus-outline-opacity, .2)}.ui-control.disabled,.ui-control:has(:where(input,textarea,select):disabled){--ui-control-bg: currentColor;--tw-bg-opacity: var(--ui-control-disabled-opacity)}:root,:host{--ui-control-disabled-opacity: .05}.ui-control.invalid,.ui-control:has(:user-invalid),.validated .ui-control:has(:invalid){--ui-control-border-color: var(--color-error);--ui-control-outline-color: var(--color-error);--ui-control-color: var(--color-error);--ui-control-bg: var(--color-error);--tw-bg-opacity: var(--ui-control-invalid-bg-opacity, .1);--tw-border-opacity: var(--ui-control-invalid-border-opacity, 1)}:root,:host{--ui-control-color-swatch-width: 1.25rem;--ui-control-color-swatch-height: 1.25rem;--ui-control-color-swatch-border-radius: var(--rounded-full)}.ui-control>:where(input)::-webkit-color-swatch-wrapper{width:var(--ui-control-color-swatch-width);height:var(--ui-control-color-swatch-height);padding:0}.ui-control>:where(input)::-moz-color-swatch{width:var(--ui-control-color-swatch-width);height:var(--ui-control-color-swatch-height);border-radius:var(--ui-control-color-swatch-border-radius);margin:0}.ui-control>:where(input)::-webkit-color-swatch{border-radius:var(--ui-control-color-swatch-border-radius)}[type=color]:is(.ui-control>:where(input))~label{margin-inline-start:calc(var(--ui-control-px) + var(--ui-control-color-swatch-width))}.ui-control{--ui-control-s: calc(var(--ui-control-icon-count-s, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap));--ui-control-e: calc(var(--ui-control-icon-count-e, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap))}.ui-control:has(textarea) :where(.me-auto),.ui-control:has(textarea) :where(.ms-auto){align-self:start}.ui-control:has(.me-auto){--ui-control-ps: calc(var(--ui-control-s) + var(--ui-control-px))}.ui-control:has(.ms-auto){--ui-control-pe: calc(var(--ui-control-e) + var(--ui-control-px))}.ui-control:has(.me-auto>*:nth-child(2)){--ui-control-icon-count-s: 2}.ui-control:has(.ms-auto>*:nth-child(2)){--ui-control-icon-count-e: 2}.ui-control :where(.me-auto),.ui-control :where(.ms-auto){gap:var(--ui-control-icon-gap);display:flex;align-items:center}:root,:host{--ui-control-icon-size: 1.25rem;--ui-control-icon-gap: .375rem}.ui-control:where(:has([type=file])){overflow:clip}.ui-control:where(:has([type=file]))>:where([type=file]){--color-accent: currentColor;--tw-bg-opacity: .15}.ui-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent);block-size:calc(var(--ui-control-height) - var(--ui-control-border-width) * 2);padding-inline:var(--ui-control-px);margin-inline:calc(var(--ui-control-px) * -1) var(--ui-control-px);margin-block-start:calc(var(--ui-control-py) * -1);border-start-end-radius:var(--ui-control-border-radius, var(--rounded));border-end-end-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.ui-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--tw-bg-opacity: .2}:root,:host{--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.ui-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity)}.ui-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}:is(.ui-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.ui-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.ui-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.ui-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--color-error);content:" *"}.ui-control:where(:has(:not([type=color])~label)){--ui-control-label-focus-opacity: .5;--ui-control-placeholder-color: transparent}:is(.ui-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}:is(.ui-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity)}:root,:host{--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem}.ui-control:has(select:not([multiple])){--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.ui-control:has(select:not([multiple])):has(.ms-auto){--ui-control-icon-count-e: 2}.ui-control:has(select:not([multiple])):after{width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--ui-control-select-icon-me);grid-area:c-control-p;background-color:currentColor;pointer-events:none;align-self:center;content:""}.ui-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--ui-control-select-icon-size)}.ui-control:has(select[multiple]){--ui-control-height: auto}.ui-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.ui-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.ui-group{display:flex;border-radius:var(--rounded)}.ui-group:has(.ui-control)>:where(.ui-btn){min-width:var(--ui-control-height);height:auto}.ui-group:has(.ui-control)>:is(.ui-btn){--ui-btn-border-width: var(--ui-control-border-width)}.ui-group>:where(*){border-radius:inherit}.ui-group>:where(*):is(.ui-control){--tw-border-mix: var(--color-body-primary)}.ui-group>:where(*):is(.ui-btn){--ui-btn-focus-outline-offset: 0}.ui-group>:where(*):focus-within{z-index:1}.ui-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--ui-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.ui-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.ui-group:where(.vertical){flex-direction:column}.ui-group:where(.vertical)>:where(*){border-radius:inherit}.ui-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--ui-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.ui-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--ui-heading-font-family: var(--font-primary);--ui-heading-font-weight: var(--font-semibold);--ui-heading-font-size: var(--text-xl);--ui-heading-line-height: calc(1em + .375rem) }.ui-heading{font-family:var(--ui-heading-font-family);font-weight:var(--ui-heading-font-weight);font-size:var(--ui-heading-font-size);line-height:var(--ui-heading-line-height);letter-spacing:var(--ui-heading-letter-spacing);text-wrap:balance}.ui-heading:is(.sm){--ui-heading-font-size: var(--text-lg)}.ui-heading:is(.lg){--ui-heading-font-size: var(--text-3xl)}.ui-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.ui-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.ui-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.ui-image:where(.avatar){border-radius:var(--rounded-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.ui-image:where(.avatar) :where(span){font-weight:var(--font-medium);font-size:50cqi}:root,:host{--ui-info-font-size: var(--text-xs);--ui-info-line-height: calc(1em + .25rem) }.ui-info{font-family:var(--ui-info-font-family);font-weight:var(--ui-info-font-weight);font-size:var(--ui-info-font-size);line-height:var(--ui-info-line-height);letter-spacing:var(--ui-info-letter-spacing);text-wrap:balance}:root,:host{--ui-label-font-size: var(--text-sm);--ui-label-line-height: calc(1em + .25rem) }.ui-label{font-family:var(--ui-label-font-family);font-weight:var(--ui-label-font-weight);font-size:var(--ui-label-font-size);line-height:var(--ui-label-line-height);letter-spacing:var(--ui-label-letter-spacing);text-wrap:balance}.ui-link{font-family:var(--ui-link-font-family);font-weight:var(--ui-link-font-weight);font-size:var(--ui-link-font-size);line-height:var(--ui-link-line-height);letter-spacing:var(--ui-link-letter-spacing);text-wrap:balance}:root,:host{--ui-link-font-size: var(--text-sm);--ui-link-line-height: calc(1em + .25rem) }.ui-link{--tw-text-opacity: var(--ui-link-hover-color-opacity)}.ui-link:where([href],button:enabled,[role=button]){transition:all var(--duration) var(--ease-in-out)}.ui-link:where([href],button:enabled,[role=button]):hover{color:color-mix(in var(--space),var(--ui-link-hover-color) calc(var(--tw-text-opacity) * 100%),var(--ui-link-hover-color-mix))}.ui-link:where([href],button:enabled,[role=button]):focus-visible{outline:2px dotted currentColor;outline-offset:2px}:root,:host{--ui-link-hover-color: currentColor;--ui-link-hover-color-opacity: .75;--ui-link-hover-color-mix: transparent;--ui-notice-py: 1.25rem;--ui-notice-px: 1.5rem;--ui-notice-font-size: var(--text-sm);--ui-notice-border-radius: var(--rounded);--ui-notice-outline-width: 1px;--ui-notice-outline-offset: calc(var(--ui-notice-outline-width, 1px) * -1)}.ui-notice{--tw-bg-opacity: .1;--tw-bg-mix: transparent;--tw-outline-opacity: .1;--tw-outline-mix: transparent;padding:var(--ui-notice-py) var(--ui-notice-px);font-size:var(--ui-notice-font-size);border-radius:var(--ui-notice-border-radius);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));color:var(--color-accent);outline:var(--ui-notice-outline-width) solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-notice-outline-offset);text-wrap:balance}.ui-notice :where(hr){--tw-border-opacity: .2}:root,:host{--ui-progress-height: 1rem;--ui-progress-border-radius: var(--rounded-full)}.ui-progress{--tw-bg-opacity: .1;--tw-bg-mix: var(--color-body);--duration: .3s;inline-size:100%;block-size:var(--ui-progress-height);border-radius:var(--ui-progress-border-radius);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));position:relative;overflow:clip}.ui-progress::-moz-progress-bar{background-color:var(--color-accent);border-radius:inherit;-moz-transition:all var(--duration) var(--ease-in-out);transition:all var(--duration) var(--ease-in-out)}.ui-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.ui-progress::-webkit-progress-inner-element{border-radius:inherit}.ui-progress::-webkit-progress-value{background-color:var(--color-accent);border-radius:inherit;-webkit-transition:all var(--duration) var(--ease-in-out);transition:all var(--duration) var(--ease-in-out)}.ui-progress:indeterminate{--duration: 1s;animation:var(--duration) var(--ease-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%}.ui-progress:indeterminate::-moz-progress-bar{background-color:transparent}.ui-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.ui-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.ui-progress::-webkit-meter-optimum-value{background:var(--color-success);border-radius:inherit}.ui-progress::-webkit-meter-suboptimum-value{background:var(--color-warning);border-radius:inherit}.ui-progress::-webkit-meter-even-less-good-value{background:var(--color-error);border-radius:inherit}.ui-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--color-success);border-radius:inherit}.ui-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-warning);border-radius:inherit}.ui-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-error);border-radius:inherit}.ui-progress:is(.sm){--ui-progress-height: .5rem}.ui-progress:is(.lg){--ui-progress-height: 1.5rem}.ui-range{--ui-range-thumb-bg: var(--color-accent);--ui-range-thumb-border-color: var(--ui-range-thumb-bg);--ui-range-track-bg: var(--color-accent);--ui-range-track: linear-gradient( to right, var(--ui-range-track-bg) 0%, var(--ui-range-track-bg) var(--ui-range-track-start), transparent var(--ui-range-track-start), transparent var(--ui-range-track-end) );min-block-size:var(--ui-range-thumb-size);display:grid}.ui-range :where(input){--tw-bg-opacity: .1;--tw-bg-mix: var(--color-body);block-size:var(--ui-range-track-height);background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));position:relative;grid-area:1/1}.ui-range :where(input)::-webkit-slider-runnable-track{block-size:var(--ui-range-track-height);border-radius:var(--rounded-full);background:var(--ui-range-track)}.ui-range :where(input)::-moz-range-track{block-size:var(--ui-range-track-height);border-radius:var(--rounded-full);background:var(--ui-range-track)}.ui-range :where(input)::-webkit-slider-thumb{--tw-outline-opacity: var(--ui-range-thumb-outline-opacity);width:var(--ui-range-thumb-size);height:var(--ui-range-thumb-size);background-color:var(--ui-range-thumb-bg);border-radius:var(--rounded-full);border:var(--ui-range-thumb-border-width) solid var(--ui-range-thumb-border-color);outline:var(--ui-range-thumb-outline-width) solid color-mix(in var(--space),var(--ui-range-thumb-bg) calc(var(--tw-outline-opacity) * 100%),transparent);margin-block-start:calc((var(--ui-range-thumb-size) - var(--ui-range-track-height)) / 2 * -1);-webkit-transition:outline-color var(--duration),outline-offset var(--duration);transition:outline-color var(--duration),outline-offset var(--duration);cursor:var(--ui-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.ui-range :where(input)::-webkit-slider-thumb:active{--ui-range-thumb-cursor: grabbing;--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input)::-moz-range-thumb{--tw-outline-opacity: var(--ui-range-thumb-outline-opacity);width:var(--ui-range-thumb-size);height:var(--ui-range-thumb-size);background-color:var(--ui-range-thumb-bg);border-radius:var(--rounded-full);border:var(--ui-range-thumb-border-width) solid var(--ui-range-thumb-border-color);outline:var(--ui-range-thumb-outline-width) solid color-mix(in var(--space),var(--ui-range-thumb-bg) calc(var(--tw-outline-opacity) * 100%),transparent);-moz-transition:outline-color var(--duration),outline-offset var(--duration);transition:outline-color var(--duration),outline-offset var(--duration);cursor:var(--ui-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.ui-range :where(input)::-moz-range-thumb:active{--ui-range-thumb-cursor: grabbing;--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input):focus-visible::-webkit-slider-thumb{--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}.ui-range :where(input):focus-visible::-moz-range-thumb{--tw-outline-opacity: var(--ui-range-thumb-focus-outline-opacity)}:root,:host{--ui-range-track-height: .375rem;--ui-range-thumb-size: 1.125rem;--ui-range-thumb-border-width: 0;--ui-range-thumb-outline-width: 2px;--ui-range-thumb-outline-opacity: 0;--ui-range-thumb-focus-outline-opacity: .5;--ui-range-track-start: 0%;--ui-range-track-end: 100%}.ui-range :where(input):not(:only-of-type){--ui-range-track: linear-gradient( to right, transparent 0%, transparent var(--ui-range-track-start), var(--ui-range-track-bg) var(--ui-range-track-start), var(--ui-range-track-bg) var(--ui-range-track-end), transparent var(--ui-range-track-end), transparent 100% );pointer-events:none}:is(.ui-range :where(input):not(:only-of-type))~input{background:transparent}.ui-range:where(.vertical){min-inline-size:var(--ui-range-thumb-size);container-type:size}.ui-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:50%;inset-inline-start:calc(-50% + 50cqw)}:root,:host{--ui-rating-color: var(--color-accent);--c-rating-gap: .25rem;--c-rating-opacity: .2}.ui-rating{display:flex;align-items:center}.ui-rating :where(input){color:var(--ui-rating-color);transition:var(--transition-opacity);opacity:var(--c-rating-opacity);display:grid;box-sizing:content-box;width:1.25rem;height:1.25rem}.ui-rating :where(input):not(:last-child){border-inline-end-width:var(--c-rating-gap);border-inline-color:transparent}.ui-rating :where(input):before{-webkit-mask:var(--mask-star);mask:var(--mask-star);background-color:currentColor;content:""}.ui-rating:has(:checked) input{opacity:1}.ui-rating:has(:checked) input:where(:checked~input){opacity:var(--c-rating-opacity)}.ui-rating:hover input{opacity:1}:is(.ui-rating:hover input):hover~input{opacity:var(--c-rating-opacity)}.ui-rating.invalid,.validated .ui-rating :where(input):invalid{--ui-rating-color: var(--color-error)}:root,:host{--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-switch-icon-size: 1.125rem;--ui-switch-font-weight: var(--font-normal);--ui-switch-font-size: var(--text-sm);--ui-switch-line-height: calc(1em + .25rem) ;--ui-switch-gap: .75rem;--ui-switch-border-radius: var(--rounded-full);--ui-switch-bg: currentColor;--ui-switch-outline-width: 2px;--ui-switch-outline-color: currentColor}.dark:root,.dark:host{--ui-switch-bg: var(--color-body-tertiary)}.ui-switch{font-weight:var(--ui-switch-font-weight);font-size:var(--ui-switch-font-size);line-height:var(--ui-switch-line-height);letter-spacing:var(--ui-switch-letter-spacing);gap:var(--ui-switch-gap);display:inline-flex;text-wrap:balance}.ui-switch :where(a){color:var(--color-accent);text-decoration:underline}.ui-switch :where(input){--tw-outline-opacity: 0;--tw-outline-mix: transparent;inline-size:var(--ui-switch-width);block-size:var(--ui-switch-height);padding:calc((var(--ui-switch-height) - var(--ui-switch-icon-size)) / 2);border-radius:var(--ui-switch-border-radius);background-color:var(--ui-switch-bg);outline:var(--ui-switch-outline-width) solid color-mix(in var(--space),var(--ui-switch-outline-color) calc(var(--tw-outline-opacity) * 100%),var(--tw-outline-mix));outline-offset:var(--ui-switch-outline-offset);display:flex;position:relative;flex-shrink:0}.ui-switch :where(input):before{width:var(--ui-switch-icon-size);height:var(--ui-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.ui-switch :where(input){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}:is(.ui-switch :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-switch :where(input):enabled:focus{--ui-switch-outline-offset: var(--ui-switch-focus-outline-offset);--tw-outline-opacity: .4}.ui-switch :where(input):disabled{opacity:var(--ui-switch-disabled-opacity);cursor:not-allowed}.ui-switch :where(input):checked{--ui-switch-outline-color: var(--color-accent);--ui-switch-bg: var(--color-accent)}.ui-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--ui-switch-icon-size))}.ui-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--ui-switch-icon-size) / 2)}.ui-switch.invalid :where(input),.validated .ui-switch :where(input):invalid{--ui-switch-outline-color: var(--color-error);--ui-switch-bg: var(--color-error)}.ui-text{font-family:var(--ui-text-font-family);font-weight:var(--ui-text-font-weight);font-size:var(--ui-text-font-size);line-height:var(--ui-text-line-height);letter-spacing:var(--ui-text-letter-spacing);text-wrap:pretty}.ui-text>:is(*:first-child){margin-block-start:0}.ui-text>:is(*:last-child){margin-block-end:0}.ui-text :where(a){transition:var(--transition-color);color:var(--color-accent);text-decoration:underline}@media (hover: hover) and (pointer: fine){.ui-text :where(a):hover{color:color-mix(in var(--space),var(--color-accent) 75%,transparent)}}.ui-text :where(a):focus-visible{color:color-mix(in var(--space),var(--color-accent) 75%,transparent)}.ui-text :where(b,strong){font-weight:var(--ui-text-content-bold)}.ui-text :where(em){font-style:italic}.ui-text :where(img){display:block;height:auto}.ui-text :where(p){margin-block:var(--ui-text-content-my)}.ui-text :where(p):empty{line-height:0;margin:0}.ui-text :where(p):empty:after{content:" "}.ui-text :where(hr){--tw-border-opacity: .1;margin-block:var(--ui-text-hr-my)}.ui-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-text-heading-font-family);font-weight:var(--ui-text-heading-font-weight, var(--ui-text-content-bold));font-size:var(--ui-text-heading-font-size);line-height:var(--ui-text-heading-line-height);letter-spacing:var(--ui-text-heading-letter-spacing);margin-block:var(--ui-text-heading-my);color:var(--ui-text-heading-color);text-wrap:balance}.ui-text :where(h1){--ui-text-heading-font-size: var(--text-4xl)}.ui-text :where(h2){--ui-text-heading-font-size: var(--text-3xl)}.ui-text :where(h3){--ui-text-heading-font-size: var(--text-2xl)}.ui-text :where(h4){--ui-text-heading-font-size: var(--text-xl)}.ui-text :where(h5){--ui-text-heading-font-size: var(--text-lg)}.ui-text :where(table){border:0;min-width:100%}.ui-text :where(table) :where(td,th){padding:1em 1.25em;text-align:left}.ui-text :where(table) :where(thead){font-weight:var(--ui-text-content-bold);border-block-end:1px solid color-mix(in var(--space),currentColor 10%,transparent)}.ui-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--space),currentColor 5%,transparent)}.ui-text :where(ol,ul){margin-inline-start:.75em;padding-inline-start:1em;margin-block:var(--ui-text-content-my)}.ui-text :where(ol,ul) :where(li){margin-block:.5em;padding-inline-start:1ch}.ui-text :where(ol):not([type]){list-style:decimal}.ui-text :where(ol) :where(li)::marker{color:var(--color-accent);font-weight:var(--ui-text-content-bold)}.ui-text :where(ul) :where(li){position:relative;list-style-type:""}.ui-text :where(ul) :where(li):before{width:var(--ui-text-content-marker-size);height:var(--ui-text-content-marker-size);position:absolute;left:-.75em;top:.5lh;border:1px solid var(--color-accent);background-color:var(--ui-text-content-marker-bg, var(--color-accent));margin-inline-start:calc((var(--ui-text-content-marker-size) / 2) * -1);margin-block-start:calc(var(--ui-text-content-marker-size) / 2 * -1);border-radius:var(--ui-text-content-marker-radius, 50%);-webkit-mask:var(--ui-text-content-marker-mask);mask:var(--ui-text-content-marker-mask);will-change:transform;content:""}.ui-text [style*=square]:where(ul){--ui-text-content-marker-radius: 0}.ui-text [style*=circle]:where(ul){--ui-text-content-marker-bg: transparent}.ui-text :where(blockquote){border-left:.375em solid var(--color-accent);padding:.5em 1.25em;margin-block:var(--ui-text-content-my);font-size:inherit}.ui-text :where(code){font-size:87.5%}.ui-text :where(figure){margin-block:var(--ui-text-content-my)}.ui-text :where(figcaption){font-size:87.5%;line-height:1.5;font-weight:var(--font-semibold);margin-block-start:.5em}:root,:host{--ui-text-content-bold: var(--font-semibold);--ui-text-content-my: var(--spacing-xl);--ui-text-content-marker-size: .375em;--ui-text-line-height: calc(1em + .75rem) ;--ui-text-hr-my: 3em;--ui-text-heading-line-height: calc(1em + .375rem) ;--ui-text-heading-my: 1.5em .5em}.ui-title{font-family:var(--ui-title-font-family);font-weight:var(--ui-title-font-weight);font-size:var(--ui-title-font-size);line-height:var(--ui-title-line-height);letter-spacing:var(--ui-title-letter-spacing);text-wrap:balance}:root,:host{--ui-title-font-weight: var(--font-semibold);--ui-title-font-size: var(--text-sm);--ui-title-line-height: calc(1em + .25rem) }.ui-title:is(.sm){--ui-title-font-size: var(--text-xs)}.ui-title:is(.lg){--ui-title-font-size: var(--text-base)}.c-breadcrumb>:where(ul,ol),.c-breadcrumb>:where(ul,ol)>li{display:flex;align-items:center}.c-breadcrumb>:where(ul,ol)>li:not(:last-child):after{content:"";-webkit-mask:var(--c-breadcrumb-marker);mask:var(--c-breadcrumb-marker);background-color:currentColor;margin-inline:var(--c-breadcrumb-gap);width:var(--c-breadcrumb-marker-size);height:var(--c-breadcrumb-marker-size);flex-shrink:0}:root,:host{--c-breadcrumb-marker-size: .875rem;--c-breadcrumb-marker: var(--mask-chevron-right);--c-breadcrumb-gap: var(--spacing-xs)}.c-card{--c-card-p: var(--c-card-py) var(--c-card-px);background-color:var(--color-body-primary);border-radius:var(--rounded-2xl);padding:var(--c-card-p);display:flex;flex-direction:column}:root,:host{--c-card-py: var(--spacing-2xl);--c-card-px: var(--spacing-3xl);--c-dialog-py: 2rem;--c-dialog-px: 1.5rem;--c-dialog-bg: var(--color-dark);--c-dialog-bg-opacity: .8}.c-dialog{--tw-bg-opacity: var(--c-dialog-bg-opacity);z-index:var(--z-30);padding:var(--c-dialog-py) var(--c-dialog-px);background-color:color-mix(in var(--space),var(--c-dialog-bg) calc(var(--tw-bg-opacity) * 100%),transparent);transition:var(--transition-background);display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.c-dialog,.c-dialog::backdrop{visibility:hidden}.c-dialog:not([open]){background-color:transparent;pointer-events:none}html:has(.c-dialog.visible){padding-inline-end:var(--c-dialog-scrollbar-width);scrollbar-width:none}html:has(.c-dialog.visible)::-webkit-scrollbar{display:none}:root,:host{--c-dialog-content-py: 2rem;--c-dialog-content-px: 1.5rem;--c-dialog-content-width: 35rem}.c-dialog-content{background-color:var(--color-body-primary);border-radius:var(--rounded-3xl);padding:var(--c-dialog-content-py) var(--c-dialog-content-px);inline-size:min(100%,var(--c-dialog-content-width));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog:not([open])) .c-dialog-content{transform:translateY(-2rem);opacity:0}:root,:host{--c-drawer-bg-opacity: .75}.c-drawer{--tw-bg-opacity: 0;z-index:var(--z-30);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;background-color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-bg-opacity) * var(--c-drawer-bg-opacity) * 100%),transparent);scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.c-drawer::-webkit-scrollbar{display:none}.c-drawer:after{content:"";min-width:100vw;scroll-snap-align:end}.c-drawer[inert]{pointer-events:none}.c-drawer.flex-col{overflow:hidden auto}.c-drawer.flex-col:after{min-height:100dvh}:root,:host{--c-drawer-content-py: 2rem;--c-drawer-content-px: 1.5rem;--c-drawer-content-width: calc(100vw - 4rem) ;--c-drawer-content-height: 100%}.c-drawer-content{width:var(--c-drawer-content-width);height:var(--c-drawer-content-height);flex-shrink:0;scroll-snap-align:end;background-color:var(--color-body-primary)}.c-field{gap:var(--spacing-sm);display:flex;flex-direction:column}.validated .c-field:has(:invalid) :where(.ui-info[hidden]){display:flex}.c-field:has([required]) :where(.ui-label):after{color:var(--color-error);content:" *"}.c-carousel{inline-size:100%}.c-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.c-carousel-content::-webkit-scrollbar{display:none}.c-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}.c-carousel-content>:where(*):last-child{scroll-snap-align:end}.c-carousel-content:is(.grabbing),.c-carousel-content:is(.grabbing) *{cursor:grabbing}.c-carousel-content:is(.grabbing) a{pointer-events:none}.c-compare{--c-compare-position: 50%;--c-compare-clip-path: polygon(0% 0, var(--c-compare-position) 0%, var(--c-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.c-compare>*,.c-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.c-compare:before{background-color:var(--color-accent);inset-inline-start:var(--c-compare-position);inline-size:1px;content:""}.c-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0}:is(.c-compare>:where(input):is(:focus-visible,:active))~.ui-btn{--tw-bg-mix: var(--ui-btn-hover-bg-mix, var(--color-dark));--tw-bg-opacity: .8}:is(.c-compare>:where(input)):focus-visible~.ui-btn{--ui-btn-outline-offset: 2px;--tw-outline-opacity: .5}.c-compare>:where(input):active{cursor:grabbing}.c-compare>:where(.ui-btn){inset-inline-start:var(--c-compare-position);margin-inline-start:calc(var(--ui-btn-width) / 2 * -1);margin-block:auto}.c-compare>:where(.ui-image){display:grid;z-index:0}.c-compare>:where(.ui-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.c-compare>:where(.ui-image)>:where(*):not(:only-child):first-child{clip-path:var(--c-compare-clip-path);position:relative}.c-pagination{display:flex;align-items:center;gap:var(--spacing-xs)}.c-popover{position:relative;display:inline-block}:root,:host{--c-popover-content-bg: var(--color-body-primary);--c-popover-content-border-radius: var(--rounded);--c-popover-content-py: var(--spacing-sm);--c-popover-content-px: var(--spacing-sm);--c-popover-content-scale-y: .75;--c-popover-content-scale-x: .75}.c-popover-content{opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);will-change:transform;background-color:var(--c-popover-content-bg);border-radius:var(--c-popover-content-border-radius);padding:var(--c-popover-content-py) var(--c-popover-content-px);z-index:var(--z-10);width:-moz-max-content;width:max-content;position:absolute;transform-origin:top}.c-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.c-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.c-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.c-popover-content:where(.block-end){inset-block:auto 0}.c-popover-content:where(.end){inset-inline-end:0}.c-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.c-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}:not(:focus,:focus-within,.hover:hover)>.c-popover-content{--tw-scale-x: var(--c-popover-content-scale-x);--tw-scale-y: var(--c-popover-content-scale-y);--tw-opacity: 0;--tw-visibility: hidden}.c-table{max-width:100%;border-radius:var(--c-table-border-radius);background-color:var(--color-body-primary);overflow:auto}.c-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.c-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--c-table-cell-border-block-width) solid var(--color-body-tertiary)}.c-table :where(td,th){padding:var(--c-table-cell-spacing-y) var(--c-table-cell-spacing-x);height:var(--c-table-cell-height);border-color:var(--color-body-tertiary);border-inline-width:var(--c-table-cell-border-inline-width, 0)}.c-table :where(td,th):first-child{padding-inline-start:var(--c-table-px);border-inline-start:0}.c-table :where(td,th):last-child{padding-inline-end:var(--c-table-px);border-inline-end:0}:root,:host{--c-table-border-radius: var(--rounded);--c-table-px: 1rem;--c-table-cell-spacing-x: .625rem;--c-table-cell-spacing-y: .875rem;--c-table-cell-height: auto;--c-table-cell-border-block-width: 1px}.c-table{--c-table-outline-accent-color: var(--color-accent)}.c-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.c-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:first-child){border-start-start-radius:var(--c-table-border-radius)}.c-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.c-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:last-child){border-start-end-radius:var(--c-table-border-radius)}.c-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.c-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:first-child){border-end-start-radius:var(--c-table-border-radius)}.c-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.c-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:last-child){border-end-end-radius:var(--c-table-border-radius)}.c-table :where(tr,th,td):where([tabindex="0"]),.c-table :where(.outline){transition:var(--transition-all);outline:var(--c-table-outline-width) solid transparent;outline-offset:calc(var(--c-table-outline-width) * -1)}.c-table :where(tr,th,td):where([tabindex="0"]):is(:hover,:focus-visible,.active),.c-table :where(.outline):is(:hover,:focus-visible,.active){--tw-bg-opacity: var(--c-table-outline-bg-opacity);--tw-bg-mix: transparent;background-color:color-mix(in var(--space),var(--c-table-outline-accent-color) calc(var(--tw-bg-opacity) * 100%),var(--tw-bg-mix));outline-color:var(--c-table-outline-accent-color)}:root,:host{--c-table-outline-bg-opacity: .05;--c-table-outline-width: 1px}.c-tabs{background-color:var(--color-body-secondary);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--rounded);width:-moz-max-content;width:max-content}:root,:host{--c-tooltip-bg: var(--color-main);--c-tooltip-color: var(--color-main-foreground);--c-tooltip-border-radius: var(--rounded-md);--c-tooltip-font-size: var(--text-sm);--c-tooltip-py: var(--spacing-xs);--c-tooltip-px: var(--spacing-sm);--c-tooltip-margin-block: var(--spacing-xs);--c-tooltip-margin-inline: var(--spacing-xs);--c-tooltip-scale-x: .75;--c-tooltip-scale-y: .75}.c-tooltip{position:relative;display:inline-block}.c-tooltip:before{--tw-content: attr(aria-label);content:var(--tw-content);opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);will-change:transform;background-color:var(--c-tooltip-bg);color:var(--c-tooltip-color);border-radius:var(--c-tooltip-border-radius);font-size:var(--c-tooltip-font-size);padding:var(--c-tooltip-py) var(--c-tooltip-px);z-index:var(--z-20);width:-moz-max-content;width:max-content;position:absolute;pointer-events:none}.c-tooltip:where(.top):before,.c-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--c-tooltip-margin-block);inset-inline-start:50%}.c-tooltip:where(.left):before,.c-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--c-tooltip-margin-inline);inset-block-start:50%}.c-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.c-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.c-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.c-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.c-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--c-tooltip-scale-x);--tw-scale-y: var(--c-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--c-toaster-p: var(--spacing-xl);--c-toaster-spacing-y: var(--spacing-xs)}.c-toaster{z-index:var(--z-50);padding:var(--c-toaster-p);margin-block:calc(var(--c-toaster-spacing-y) * -1);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}:root,:host{--c-toast-width: 20rem;--c-toast-duration: calc(var(--duration) * 2)}.c-toast{width:min(100%,var(--c-toast-width));height:var(--c-toast-height);transition:all var(--c-toast-duration) var(--ease-in-out);position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0}.flex-col-reverse .c-toast{justify-content:flex-end}.c-toast.in{margin-block:var(--c-toaster-spacing-y)}.c-toast.in:where(:nth-last-child(-n+3)){visibility:visible;opacity:1}.c-toast.out{visibility:hidden;opacity:0;height:0;margin-block:0}:root,:host{--c-toast-content-border-radius: var(--rounded-2xl);--c-toast-content-py: var(--spacing-md);--c-toast-content-px: var(--spacing-lg);--c-toast-content-gap: var(--spacing-xl);--c-toast-content-bg: var(--color-body-primary)}.c-toast-content{--c-toast-bg: var(--color-accent);--c-toast-color: var(--color-accent);--tw-border-mix: var(--color-body-primary);--tw-border-opacity: .15;border-radius:var(--c-toast-content-border-radius);padding:var(--c-toast-content-py) var(--c-toast-content-px);gap:var(--c-toast-content-gap);background-color:var(--c-toast-content-bg);color:var(--c-toast-color);border:1px solid color-mix(in var(--space),var(--c-toast-bg) calc(var(--tw-border-opacity) * 100%),var(--tw-border-mix));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.c-toast-content .ui-text{--ui-text-font-size: var(--text-sm);--ui-text-line-height: calc(1em + .375rem) }
|
|
1
|
+
:where(a),:where(address),:where(button),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(em),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(html),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(p),:where(pre),:where(select),:where(summary),:where(table),:where(td),:where(textarea),:where(th),:where(thead),:where(time),:where(tr),:where(ul),:where(progress),:where(meter),:where([popover]){all:unset;display:revert}:where(tr,th,td),:where(thead,tbody,tfoot){vertical-align:revert;background-color:inherit}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary),:where(pre>code){display:block}:where(code),:where(kbd),:where(samp),:where(pre){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where(*),:where(*):before,:where(*):after{box-sizing:border-box;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(sub,sup){vertical-align:baseline;font-size:100%}:where(sub){font-variant-position:sub}:where(sup){font-variant-position:super}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style-type:""}:where(img,iframe){max-inline-size:100%;max-block-size:100%}:where(table){border-collapse:collapse}:where(input,textarea){-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;cursor:revert}:where(textarea){white-space:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(input)::-webkit-datetime-edit-fields-wrapper,:where(input)::-webkit-datetime-edit-text,:where(input)::-webkit-datetime-edit,:where(input)::-webkit-datetime-edit-hour-field,:where(input)::-webkit-datetime-edit-minute-field{padding:0}:where(input)::-webkit-calendar-picker-indicator,:where(input)::-webkit-search-cancel-button{align-self:center;background-position:50% 50%}::-webkit-details-marker{display:none}:after,:before{--tw-content: ""}:where(*),:where(*):before,:where(*):after{border:0 solid currentColor}::-moz-selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}::selection{color:var(--color-primary-foreground);background-color:var(--color-primary)}:where([tabindex]){outline:0}:where(button:enabled),:where([type=checkbox]:enabled),:where([type=radio]:enabled),:where(summary:not([aria-disabled=true])),:where([role=button]:not([aria-disabled=true])){cursor:var(--cursor-pointer, pointer);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(hr){background-color:color-mix(in var(--default-color-space),currentColor 100%,transparent);block-size:1px;inline-size:100%}:where(code){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);color:var(--color-accent)}:where(kbd){padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-body-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-body-tertiary)}:where(html){color-scheme:var(--default-color-scheme);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:root,:host{--default-font-family: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-primary: var(--default-font-family);--font-family-secondary: var(--default-font-family);--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-light: 300;--font-weight-thin: 200;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain;--mask-star: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>') no-repeat 50% 50% / contain;--radius: var(--radius-xl);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-5xl: 2.5rem;--radius-6xl: 3rem;--radius-full: calc(infinity * 1px);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 1.75rem;--spacing-4xl: 2rem;--spacing-5xl: 2.5rem;--spacing-6xl: 3rem;--spacing-7xl: 3.5rem;--spacing-8xl: 4rem;--spacing-9xl: 5rem;--default-transition-duration: .15s;--default-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, outline-offset, visibility;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out: cubic-bezier(.4, 0, .2, 1);--transition-all: all var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-color: color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-background: background var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-opacity: opacity var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-transform: transform var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-border: border-color var(--default-transition-duration) var(--transition-timing-function-in-out);--transition-shadow: box-shadow var(--default-transition-duration) var(--transition-timing-function-in-out)}@media (prefers-reduced-motion){:root,:host{--default-transition-duration: 0}}:root,:host{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(2.5);opacity:0%}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0%}}@keyframes fade-out{0%{opacity:100%}}:root,:host{--default-color-space: sRGB;--default-color-scheme: light;--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground);--color-primary: #3b82f6;--color-primary-foreground: var(--color-light);--color-main: #171717;--color-main-foreground: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in var(--default-color-space), var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in var(--default-color-space), var(--color-main) 50%, var(--color-main-foreground));--color-body: #fff;--color-body-foreground: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in var(--default-color-space), var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in var(--default-color-space), var(--color-body) 90%, var(--color-body-foreground));--color-light: #fff;--color-light-foreground: var(--color-dark);--color-dark: #171717;--color-dark-foreground: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}@media (color-gamut: p3){:root,:host{--color-primary: color(display-p3 .23 .51 .96);--color-main: color(display-p3 .09 .09 .09);--color-body: color(display-p3 1 1 1);--color-light: color(display-p3 1 1 1);--color-dark: color(display-p3 .09 .09 .09);--color-success: color(display-p3 .09 .64 .29);--color-error: color(display-p3 .86 .15 .15);--color-warning: color(display-p3 .92 .7 .03);--color-info: color(display-p3 .05 .65 .91)}}:root.dark,:host.dark{--default-color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.x-badge{--x-badge-background-color: var(--color-accent);--x-badge-border-color: var(--color-accent);--x-badge-color: var(--color-accent-foreground);inline-size:var(--x-badge-width);block-size:var(--x-badge-height);padding:var(--x-badge-padding-block) var(--x-badge-padding-inline);padding-inline:calc(var(--x-badge-padding-inline) - var(--x-badge-border-width));border-radius:var(--x-badge-border-radius);font-family:var(--x-badge-font-family);font-weight:var(--x-badge-font-weight);font-size:var(--x-badge-font-size);letter-spacing:var(--x-badge-letter-spacing);background-color:color-mix(in var(--x-badge-background-color-space, srgb),var(--x-badge-background-color) var(--x-badge-background-color-opacity, 100%),var(--x-badge-background-color-mix, transparent));color:color-mix(in var(--x-badge-color-space, srgb),var(--x-badge-color) var(--x-badge-color-opacity, 100%),var(--x-badge-color-mix, transparent));border:var(--x-badge-border-width) solid color-mix(in var(--x-badge-border-color-space, srgb),var(--x-badge-border-color) var(--x-badge-border-color-opacity, 100%),var(--x-badge-border-color-mix, transparent));gap:var(--x-badge-gap);display:inline-flex;text-align:center;align-items:center;justify-content:center;line-height:1;flex-shrink:0}:root,:host{--x-badge-border-width: 0px;--x-badge-border-radius: var(--radius-lg);--x-badge-font-size: var(--font-size-xs);--x-badge-gap: var(--spacing-xs);--x-badge-height: 1.5rem;--x-badge-padding-block: 0;--x-badge-padding-inline: .5rem}.x-badge:is(.sm){--x-badge-height: 1.25rem;--x-badge-font-size: var(--font-size-xs)}.x-badge:is(.lg){--x-badge-height: 1.75rem}.x-badge:is(.bordered){--x-badge-border-width: 1px;--x-badge-border-color-opacity: 100%;--x-badge-background-color-opacity: 0%;--x-badge-color: var(--color-accent)}.x-badge:is(.muted){--x-badge-color: var(--color-accent);--x-badge-background-color-opacity: 10%}.x-badge:is(.square){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-width: var(--x-badge-height)}.x-badge:is(.circle){--x-badge-padding-inline: var(--x-badge-padding-block);--x-badge-width: var(--x-badge-height);--x-badge-border-radius: var(--radius-full)}:root,:host{--x-button-outline-width: 2px;--x-button-border-width: 0px;--x-button-border-radius: var(--radius);--x-button-font-size: var(--font-size-sm);--x-button-font-weight: var(--font-weight-medium);--x-button-gap: var(--spacing-sm);--x-button-height: 2.25rem;--x-button-padding-block: .375rem;--x-button-padding-inline: .75rem;--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 80%;--x-button-focus-outline-offset: 2px;--x-button-focus-outline-color-opacity: 50%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%;--x-button-disabled-background-color-opacity: 75%}.x-button{--x-button-background-color: var(--color-accent);--x-button-border-color: var(--color-accent);--x-button-color: var(--color-accent-foreground);inline-size:var(--x-button-width);block-size:var(--x-button-height);padding:var(--x-button-padding-block) var(--x-button-padding-inline);padding-inline:calc(var(--x-button-padding-inline) - var(--x-button-border-width));border-radius:var(--x-button-border-radius);font-family:var(--x-button-font-family);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);letter-spacing:var(--x-button-letter-spacing);background-color:color-mix(in var(--x-button-background-color-space, srgb),var(--x-button-background-color) var(--x-button-background-color-opacity, 100%),var(--x-button-background-color-mix, transparent));color:color-mix(in var(--x-button-color-space, srgb),var(--x-button-color) var(--x-button-color-opacity, 100%),var(--x-button-color-mix, transparent));border:var(--x-button-border-width) solid color-mix(in var(--x-button-border-color-space, srgb),var(--x-button-border-color) var(--x-button-border-color-opacity, 100%),var(--x-button-border-color-mix, transparent));outline:var(--x-button-outline-width) solid color-mix(in var(--x-button-outline-color-space, srgb),var(--x-button-outline-color, transparent) var(--x-button-outline-color-opacity, 100%),var(--x-button-outline-color-mix, transparent));outline-offset:var(--x-button-outline-offset);gap:var(--x-button-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:clip;display:inline-flex;text-align:center;align-items:center;justify-content:center;position:relative;line-height:1;flex-shrink:0;z-index:0}.x-button :where(*){pointer-events:none}.x-button:where(input):after{content:attr(aria-label)}.x-button{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-button:where(.accent-primary),.x-button:where(.accent-body),.x-button:where(.accent-light),.x-button:where(.accent-dark){--x-button-hover-background-color-mix: var(--color-accent-foreground)}.x-button:is(button,input,:-moz-any-link,[role=button]):hover{--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-hover-background-color-mix);--x-button-background-color-opacity: var(--x-button-hover-background-color-opacity);--x-button-border-color: var(--x-button-hover-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-hover-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-hover-border-color-opacity, 100%);--x-button-color: var(--x-button-hover-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-hover-color-mix, transparent);--x-button-color-opacity: var(--x-button-hover-color-opacity, 100%)}.x-button:is(button,input,: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,:-moz-any-link,[role=button]):focus{--x-button-outline-offset: var(--x-button-focus-outline-offset);--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-color-opacity: var(--x-button-focus-outline-color-opacity)}.x-button:is(button,input,: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,:-moz-any-link,[role=button]):active,.x-button:is(button,input,:-moz-any-link,[role=button]):checked,.x-button[data-active]:is(button,input,:-moz-any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,:any-link,[role=button]):active,.x-button:is(button,input,:any-link,[role=button]):checked,.x-button[data-active]:is(button,input,:any-link,[role=button]){--x-button-background-color: var(--x-button-hover-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-active-background-color-mix);--x-button-background-color-opacity: var(--x-button-active-background-color-opacity);--x-button-border-color: var(--x-button-active-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-active-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-active-border-color-opacity, 100%);--x-button-color: var(--x-button-active-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-active-color-mix, transparent);--x-button-color-opacity: var(--x-button-active-color-opacity, 100%)}.x-button:is(button,input,:-moz-any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(button,input,:any-link,[role=button]):disabled{--x-button-background-color: var(--x-button-disabled-background-color, var(--color-accent));--x-button-background-color-mix: var(--x-button-disabled-background-color-mix, transparent);--x-button-background-color-opacity: var(--x-button-disabled-background-color-opacity, 50%);--x-button-border-color: var(--x-button-disabled-border-color, var(--color-accent));--x-button-border-color-mix: var(--x-button-disabled-border-color-mix, transparent);--x-button-border-color-opacity: var(--x-button-disabled-border-color-opacity, 50%);--x-button-color: var(--x-button-disabled-color, var(--color-accent-foreground));--x-button-color-mix: var(--x-button-disabled-color-mix, transparent);--x-button-color-opacity: var(--x-button-disabled-color-opacity, 50%)}.x-button:is(.sm){--x-button-height: 2rem;--x-button-padding-inline: 1rem}.x-button:is(.lg){--x-button-height: 3rem;--x-button-padding-inline: 1.75rem}.x-button:is(.bordered){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-border-color-opacity: 30%;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-border-color-opacity: 30%;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-border-color-opacity: 30%;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: 0px;--x-button-border-width: 1px;--x-button-border-color-opacity: 30%;--x-button-background-color-opacity: 0%;--x-button-color: var(--color-accent)}.x-button:is(.ghosted){--x-button-disabled-background-color-opacity: 0%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 20%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 10%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 0%}.x-button:is(.muted){--x-button-disabled-background-color-opacity: 5%;--x-button-disabled-background-color-mix: transparent;--x-button-disabled-color: var(--color-accent);--x-button-active-background-color-opacity: 30%;--x-button-active-background-color-mix: transparent;--x-button-active-color: var(--color-accent);--x-button-hover-background-color-opacity: 20%;--x-button-hover-background-color-mix: transparent;--x-button-hover-color: var(--color-accent);--x-button-focus-outline-offset: -2px;--x-button-color: var(--color-accent);--x-button-background-color-opacity: 10%}.x-button:is(.raised){--x-button-border-width: 1px;--x-button-border-color-opacity: 75%;--x-button-border-color: var(--x-button-background-color);--x-button-border-color-mix: var(--x-button-color)}.x-button:is(.fill){--x-button-hover-background-color-mix: var(--color-dark);--x-button-hover-background-color-opacity: 100%;--x-button-active-background-color-mix: var(--color-dark);--x-button-active-background-color-opacity: 90%}.x-button:is(.square){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-width: var(--x-button-height)}.x-button:is(.circle){--x-button-padding-block: 0;--x-button-padding-inline: 0;--x-button-width: var(--x-button-height);--x-button-border-radius: var(--radius-full)}:root,:host{--x-check-size: 1.25rem;--x-check-icon-size: 1.125rem;--x-check-icon: var(--mask-check);--x-check-gap: var(--spacing-md);--x-check-font-size: var(--font-size-sm);--x-check-line-height: calc(1em + .25rem) ;--x-check-border-radius: var(--radius-md);--x-check-border-width: 1px;--x-check-background-color: currentColor;--x-check-border-color: currentColor;--x-check-outline-width: 2px}.x-check{--x-check-outline-color: var(--color-accent);--x-check-icon-color: var(--color-accent-foreground);font-weight:var(--x-check-font-weight);font-size:var(--x-check-font-size);line-height:var(--x-check-line-height);letter-spacing:var(--x-check-letter-spacing);gap:var(--x-check-gap);display:inline-flex;text-wrap:pretty}.x-check:has([type=radio]){--x-check-icon: var(--mask-radio);--x-check-border-radius: 50%}.x-check :where(input){inline-size:var(--x-check-size);block-size:var(--x-check-size);border-radius:var(--x-check-border-radius);background-color:color-mix(in var(--x-check-background-color-space, srgb),var(--x-check-background-color) var(--x-check-background-color-opacity, 0%),var(--x-check-background-color-mix, transparent));border:var(--x-check-border-width) solid color-mix(in var(--x-check-border-color-space, srgb),var(--x-check-border-color) var(--x-check-border-color-opacity, 20%),var(--x-check-border-color-mix, transparent));outline:var(--x-check-outline-width) solid color-mix(in var(--x-check-outline-color-space, srgb),var(--x-check-outline-color) var(--x-check-outline-color-opacity, 0%),var(--x-check-outline-color-mix, transparent));outline-offset:var(--x-check-outline-offset);display:flex;flex-shrink:0}.x-check :where(input):before{inline-size:var(--x-check-icon-size);block-size:var(--x-check-icon-size);color:var(--x-check-icon-color);-webkit-mask:var(--x-check-icon);mask:var(--x-check-icon);transition:inherit;content:"";background-color:currentColor;opacity:0%;transform:scale(0);will-change:transform;margin:auto}:is(.x-check :where(input):where(:required))+*:after{color:var(--x-check-required-color, var(--color-error));content:" *"}.x-check{--x-check-hover-border-color: var(--color-accent);--x-check-hover-background-color: var(--color-accent);--x-check-checked-background-color: var(--color-accent);--x-check-focus-border-color: var(--color-accent)}.x-check :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-check :where(input):where(:hover,:focus-visible){--x-check-background-color: var(--x-check-hover-background-color);--x-check-background-color-opacity: var(--x-check-hover-background-color-opacity, 10%);--x-check-border-color: var(--x-check-hover-border-color);--x-check-border-color-opacity: var(--x-check-hover-border-color-opacity, 75%)}.x-check :where(input):focus{--x-check-border-color: var(--x-check-focus-border-color);--x-check-border-color-opacity: var(--x-check-focus-border-color-opacity, 75%);--x-check-outline-color-opacity: var(--x-check-focus-outline-opacity, 20%);--x-check-outline-offset: var(--x-check-focus-outline-offset)}.x-check :where(input):disabled{--x-check-background-color: var(--x-check-disabled-background-color, currentColor);--x-check-background-color-mix: var(--x-check-disabled-background-color-mix, transparent);--x-check-background-color-opacity: var(--x-check-disabled-background-color-opacity, 5%);--x-check-border-color: var(--x-check-disabled-border-color, currentColor);--x-check-border-color-mix: var(--x-check-disabled-border-color-mix, transparent);--x-check-border-color-opacity: var(--x-check-disabled-border-color-opacity, 15%);cursor:not-allowed}.x-check :where(input):where([type=checkbox]):indeterminate{--x-check-icon: var(--mask-indeterminate)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate){--x-check-background-color: var(--x-check-checked-background-color);--x-check-background-color-opacity: 100%;--x-check-border-color-opacity: 0%}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):disabled{opacity:var(--x-check-checked-disabled-opacity, 75%)}.x-check :where(input):is(:checked,[type=checkbox]:indeterminate):before{opacity:100%;transform:scale(1)}.x-check.invalid,.x-check :user-invalid,.validated .x-check :invalid{--x-check-border-color: var(--x-check-invalid-border-color, var(--color-error));--x-check-outline-color: var(--x-check-invalid-outline-color, var(--color-error));--x-check-background-color: var(--x-check-invalid-background-color, var(--color-error));--x-check-background-color-opacity: var(--x-check-invalid-background-color-opacity, 15%);--x-check-border-color-opacity: var(--x-check-invalid-border-color-opacity, 100%)}:root,:host{--x-color-primary: currentColor;--x-color-secondary: transparent;--x-color-size: 1.5rem;--x-color-border-radius: var(--radius-full);--x-color-outline-width: 1px}.x-color{--x-color-outline-color: var(--color-accent);display:inline-flex}.x-color :where(input){inline-size:var(--x-color-size);block-size:var(--x-color-size);border-radius:var(--x-color-border-radius);outline:var(--x-color-outline-width, 1px) solid color-mix(in var(--x-color-outline-color-space, srgb),var(--x-color-outline-color) var(--x-color-outline-color-opacity, 0%),var(--x-color-outline-color-mix, transparent));outline-offset:var(--x-color-outline-offset);display:inline-grid}.x-color :where(input):before,.x-color :where(input):after{border:1px solid transparent;border-radius:inherit;grid-area:1/-1;content:""}.x-color :where(input):before{background-color:var(--x-color-primary)}.x-color :where(input):after{background-color:var(--x-color-secondary);clip-path:polygon(100% 0,100% 100%,0 100%)}.x-color :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-color :where(input):disabled{cursor:not-allowed}.x-color :where(input):disabled:before,.x-color :where(input):disabled:after{opacity:var(--x-color-disabled-opacity, 50%)}.x-color :where(input):enabled:hover{--x-color-outline-color-opacity: var(--x-color-hover-outline-color-opacity);--x-color-outline-offset: var(--x-color-hover-outline-offset)}.x-color :where(input):enabled:focus-visible{--x-color-outline-color-opacity: var(--x-color-focus-outline-color-opacity, 50%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked{--x-color-outline-color-opacity: var(--x-color-checked-outline-color-opacity, 100%);--x-color-outline-offset: var(--x-color-focus-outline-offset, 3px)}.x-color :where(input):enabled:checked:focus-visible{outline-style:dashed}:root,:host{--x-control-height: 3rem;--x-control-height-textarea: 8rem;--x-control-padding-inline: .75rem;--x-control-padding-block: .75rem;--x-control-border-width: 1px;--x-control-border-radius: var(--radius);--x-control-border-color: currentColor;--x-control-font-weight: var(--font-weight-medium);--x-control-font-size: var(--font-size-sm);--x-control-background-color: transparent;--x-control-color: currentColor;--x-control-outline-width: 3px;--x-control-placeholder-color: currentColor;--x-control-placeholder-opacity: 50%;--x-control-color-swatch-width: 1.25rem;--x-control-color-swatch-height: 1.25rem;--x-control-color-swatch-border-radius: var(--radius-full);--x-control-icon-size: 1.25rem;--x-control-icon-gap: .375rem;--x-control-label-translate-y: .625rem;--x-control-label-scale: .8;--x-control-select-icon-size: 1.5rem;--x-control-select-icon-margin-inline-end: -.25rem}.x-control{display:grid;block-size:var(--x-control-height);font-family:var(--x-control-font-family);font-weight:var(--x-control-font-weight);font-size:var(--x-control-font-size);letter-spacing:var(--x-control-letter-spacing);color:var(--x-control-color);border-radius:var(--x-control-border-radius);background-color:color-mix(in var(--x-control-background-color-space, srgb),var(--x-control-background-color) var(--x-control-background-color-opacity, 100%),var(--x-control-background-color-mix, transparent));border:var(--x-control-border-width) solid color-mix(in var(--x-control-border-color-space, srgb),var(--x-control-border-color) var(--x-control-border-color-opacity, 15%),var(--x-control-border-color-mix, transparent));outline:var(--x-control-outline-width) solid color-mix(in var(--x-control-outline-color-space, srgb),var(--x-control-outline-color, var(--color-accent)) var(--x-control-outline-color-opacity, 0%),var(--x-control-outline-color-mix, transparent));outline-offset:var(--x-control-outline-offset);grid-template:[x-control-start] calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-padding] 1fr calc(var(--x-control-padding-block) - var(--x-control-border-width)) [x-control-end] / [x-control-start] var(--x-control-padding-inline) [x-control-padding] 1fr var(--x-control-padding-inline) [x-control-end]}.x-control:has(textarea){height:auto}.x-control>:where(*){grid-area:x-control-padding;align-self:center}.x-control>:where(input,textarea,select){padding-block:var(--x-control-padding-block);padding-inline:calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-start, 0px)) calc(var(--x-control-padding-inline) + var(--x-control-padding-inline-end, 0px));grid-area:x-control;text-overflow:ellipsis;overflow:clip;align-self:stretch;align-items:center;border-radius:inherit}.x-control>:where(input,textarea,select):disabled{cursor:not-allowed}.x-control>:where(input,textarea)::-moz-placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(input,textarea)::placeholder{color:var(--x-control-placeholder-color);opacity:var(--x-control-placeholder-opacity)}.x-control>:where(textarea){min-block-size:var(--x-control-height-textarea);resize:vertical}.x-control{transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}.x-control:focus-within{--x-control-border-color: var(--x-control-focus-border-color, var(--color-accent));--x-control-border-color-opacity: var(--x-control-focus-border-color-opacity, 100%);--x-control-outline-offset: var(--x-control-focus-outline-offset);--x-control-outline-color-opacity: var(--x-control-focus-outline-color-opacity, 20%)}.x-control.disabled,.x-control:has(:where(input,textarea,select):disabled){--x-control-background-color: var(--x-control-disabled-background-color, currentColor);--x-control-background-color-opacity: var(--x-control-disabled-background-color-opacity, 5%);--x-control-border-color: var(--x-control-disabled-border-color, currentColor);--x-control-border-color-opacity: var(--x-control-disabled-border-color-opacity)}.x-control.invalid,.x-control:has(:user-invalid),.validated .x-control:has(:invalid){--x-control-background-color: var(--x-control-invalid-background-color, var(--color-error));--x-control-background-color-opacity: var(--x-control-invalid-background-color-opacity, 10%);--x-control-border-color: var(--x-control-invalid-border-color, var(--color-error));--x-control-border-color-opacity: var(--x-control-invalid-border-color-opacity, 100%);--x-control-outline-color: var(--x-control-invalid-outline-color, var(--color-error));--x-control-color: var(--x-control-invalid-color, var(--color-error))}.x-control>:where(input)::-webkit-color-swatch-wrapper{inline-size:var(--x-control-color-swatch-width);block-size:var(--x-control-color-swatch-height);padding:0}.x-control>:where(input)::-moz-color-swatch{inline-size:var(--x-control-color-swatch-width);block-size:var(--x-control-color-swatch-height);border-radius:var(--x-control-color-swatch-border-radius);margin:0}.x-control>:where(input)::-webkit-color-swatch{border-radius:var(--x-control-color-swatch-border-radius)}[type=color]:is(.x-control>:where(input))~label{margin-inline-start:calc(var(--x-control-padding-inline) + var(--x-control-color-swatch-width))}.x-control{--x-control-start: calc(var(--x-control-icon-count-start, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap));--x-control-end: calc(var(--x-control-icon-count-end, 1) * (var(--x-control-icon-size) + var(--x-control-icon-gap)) - var(--x-control-icon-gap))}.x-control:has(textarea) :where(.me-auto),.x-control:has(textarea) :where(.ms-auto){align-self:start}.x-control:has(.me-auto){--x-control-padding-inline-start: calc(var(--x-control-start) + var(--x-control-padding-inline))}.x-control:has(.ms-auto){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline))}.x-control:has(.me-auto>*:nth-child(2)){--x-control-icon-count-start: 2}.x-control:has(.ms-auto>*:nth-child(2)){--x-control-icon-count-end: 2}.x-control :where(.me-auto),.x-control :where(.ms-auto){gap:var(--x-control-icon-gap);display:flex;align-items:center}.x-control:where(:has([type=file])){overflow:clip}.x-control:where(:has([type=file]))>:where([type=file])::file-selector-button{all:unset;background-color:color-mix(in var(--x-control-file-background-color-space, srgb),var(--x-control-file-background-color, currentColor) var(--x-control-file-background-color-opacity, 15%),var(--x-control-file-background-color-mix, transparent));block-size:calc(var(--x-control-height) - var(--x-control-border-width) * 2);padding-inline:var(--x-control-padding-inline);margin-inline:calc(var(--x-control-padding-inline) * -1) var(--x-control-padding-inline);margin-block-start:calc(var(--x-control-padding-block) * -1);border-start-end-radius:var(--x-control-border-radius);border-end-end-radius:var(--x-control-border-radius);transition:var(--transition-background);cursor:pointer}.x-control:where(:has([type=file]))>:where([type=file]):is(:hover,:focus){--x-control-file-background-color-opacity: 20%}.x-control:where(:has(:not([type=color])~label))>:where(label){margin-inline:var(--x-control-padding-inline-start, 0) var(--x-control-padding-inline-end, 0);transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);pointer-events:none;transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform}.x-control:where(:has(:not([type=color])~label))>:where(textarea){padding-block-start:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale))}:is(.x-control:where(:has(:not([type=color])~label))>:where(textarea))+:where(label){align-self:start}.x-control:where(:has(:not([type=color])~label))>:where(input,select){padding-block:calc(var(--x-control-padding-block) + var(--x-control-label-translate-y) * var(--x-control-label-scale)) calc(var(--x-control-padding-block) - var(--x-control-label-translate-y) * var(--x-control-label-scale))}.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-calendar-picker-indicator,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-search-cancel-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-outer-spin-button,.x-control:where(:has(:not([type=color])~label))>:where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--x-control-label-translate-y) * var(--x-control-label-scale) * -1))}.x-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--x-control-required-color, var(--color-error));content:" *"}.x-control:where(:has(:not([type=color])~label)){--x-control-label-focus-opacity: 50%;--x-control-placeholder-color: transparent}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}:is(.x-control:where(:has(:not([type=color])~label))>:where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--x-control-label-translate-y) * -1)) scale(var(--x-control-label-scale));opacity:var(--x-control-label-focus-opacity)}.x-control:has(select:not([multiple])){--x-control-padding-inline-end: calc(var(--x-control-end) + var(--x-control-padding-inline) + var(--x-control-select-icon-margin-inline-end))}.x-control:has(select:not([multiple])):has(.ms-auto){--x-control-icon-count-end: 2}.x-control:has(select:not([multiple])):after{inline-size:var(--x-control-select-icon-size);block-size:var(--x-control-select-icon-size);-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);margin-inline:auto var(--x-control-select-icon-margin-inline-end);grid-area:x-control-padding;background-color:currentColor;pointer-events:none;align-self:center;content:""}.x-control:has(select:not([multiple])) :where(.ms-auto){margin-inline-end:var(--x-control-select-icon-size)}.x-control:has(select[multiple]){--x-control-height: auto}.x-control:has(select[multiple]) select{overflow-y:auto;scrollbar-width:none}.x-control:has(select[multiple]) select::-webkit-scrollbar{display:none}.x-group{display:flex;border-radius:var(--radius)}.x-group:has(.x-control)>:where(.x-button){min-inline-size:var(--x-control-height);height:auto}.x-group:has(.x-control)>:is(.x-button){--x-button-border-width: var(--x-control-border-width)}.x-group>:where(*){border-radius:inherit}.x-group>:where(*):is(.x-control){--x-control-border-color-mix: var(--color-body-primary)}.x-group>:where(*):is(.x-button){--x-button-focus-outline-offset: 0}.x-group>:where(*):focus-within{z-index:1}.x-group>:where(*):where(:not(:first-child)){margin-inline-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-end-start-radius:0}.x-group>:where(*):where(:not(:last-child)){border-start-end-radius:0;border-end-end-radius:0}.x-group:where(.vertical){flex-direction:column}.x-group:where(.vertical)>:where(*){border-radius:inherit}.x-group:where(.vertical)>:where(*):where(:not(:first-child)){margin-block-start:calc(var(--x-control-border-width) * -1);border-start-start-radius:0;border-start-end-radius:0;margin-inline-start:0}.x-group:where(.vertical)>:where(*):where(:not(:last-child)){border-end-start-radius:0;border-end-end-radius:0}:root,:host{--x-heading-font-family: var(--font-family-primary);--x-heading-font-weight: var(--font-weight-semibold);--x-heading-font-size: var(--font-size-xl);--x-heading-line-height: calc(1em + .375rem) }.x-heading{font-family:var(--x-heading-font-family);font-weight:var(--x-heading-font-weight);font-size:var(--x-heading-font-size);line-height:var(--x-heading-line-height);letter-spacing:var(--x-heading-letter-spacing);text-wrap:balance}.x-heading:is(.sm){--x-heading-font-size: var(--font-size-lg)}.x-heading:is(.lg){--x-heading-font-size: var(--font-size-3xl)}.x-image{position:relative;display:inline-flex;border-radius:inherit;flex-shrink:0}.x-image:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.x-image>:where(img,video,iframe,object,svg){border-radius:inherit;min-inline-size:100%;height:auto;-o-object-fit:contain;object-fit:contain}.x-image:where(.avatar){border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-foreground);container-type:inline-size;justify-content:center;align-items:center}.x-image:where(.avatar) :where(span){font-weight:var(--font-weight-medium);font-size:50cqi}:root,:host{--x-info-font-size: var(--font-size-xs);--x-info-line-height: calc(1em + .25rem) }.x-info{font-family:var(--x-info-font-family);font-weight:var(--x-info-font-weight);font-size:var(--x-info-font-size);line-height:var(--x-info-line-height);letter-spacing:var(--x-info-letter-spacing);text-wrap:pretty}:root,:host{--x-label-font-size: var(--font-size-sm);--x-label-line-height: calc(1em + .25rem) }.x-label{font-family:var(--x-label-font-family);font-weight:var(--x-label-font-weight);font-size:var(--x-label-font-size);line-height:var(--x-label-line-height);letter-spacing:var(--x-label-letter-spacing);text-wrap:pretty}:root,:host{--x-link-font-size: var(--font-size-sm);--x-link-line-height: calc(1em + .25rem) }.x-link{font-family:var(--x-link-font-family);font-weight:var(--x-link-font-weight);font-size:var(--x-link-font-size);line-height:var(--x-link-line-height);letter-spacing:var(--x-link-letter-spacing);text-wrap:pretty}.x-link:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.x-link:where(:-moz-any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}.x-link:where(:any-link,button:enabled,[role=button]):is(:hover,:focus-visible){color:var(--x-link-hover-color, var(--color-accent))}:root,:host{--x-notice-padding-block: 1.25rem;--x-notice-padding-inline: 1.5rem;--x-notice-font-size: var(--font-size-sm);--x-notice-border-radius: var(--radius);--x-notice-outline-width: 1px;--x-notice-outline-offset: calc(var(--x-notice-outline-width, 1px) * -1)}.x-notice{padding:var(--x-notice-padding-block) var(--x-notice-padding-inline);font-size:var(--x-notice-font-size);border-radius:var(--x-notice-border-radius);background-color:color-mix(in var(--x-notice-background-color-space, srgb),var(--x-notice-background-color, var(--color-accent)) var(--x-notice-background-color-opacity, 10%),var(--x-notice-background-color-mix, transparent));color:var(--x-notice-color, var(--color-accent));outline:var(--x-notice-outline-width) solid color-mix(in var(--x-notice-outline-color-space, srgb),var(--x-notice-outline-color, var(--color-accent)) var(--x-notice-outline-color-opacity, 10%),var(--x-notice-outline-color-mix, transparent));outline-offset:var(--x-notice-outline-offset);text-wrap:pretty}:root,:host{--x-progress-block-size: 1rem;--x-progress-border-radius: var(--radius-full);--x-progress-transition-duration: .3s;--x-progress-indeterminate-transition-duration: 1s}.x-progress{inline-size:var(--x-progress-inline-size, 100%);block-size:var(--x-progress-block-size);border-radius:var(--x-progress-border-radius);background-color:color-mix(in var(--x-progress-background-color-space, srgb),var(--x-progress-background-color, var(--color-accent)) var(--x-progress-background-color-opacity, 10%),var(--x-progress-background-color-mix, var(--color-body)));position:relative;overflow:clip}.x-progress::-moz-progress-bar{background-color:var(--x-progress-bar-background-color, var(--color-accent));-moz-transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);transition:all var(--x-progress-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress::-webkit-progress-bar{background-color:transparent;border-radius:inherit}.x-progress::-webkit-progress-inner-element{border-radius:inherit}.x-progress::-webkit-progress-value{background-color:var(--x-progress-bar-background-color, var(--color-accent));-webkit-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);border-radius:inherit}.x-progress:indeterminate{animation:var(--x-progress-indeterminate-transition-duration) var(--transition-timing-function-linear) infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 33.33%,transparent 0%);background-position:top left;background-repeat:no-repeat;background-size:150%}.x-progress:indeterminate::-moz-progress-bar{background-color:transparent}.x-progress::-webkit-meter-bar{border:0;background:transparent;border-radius:inherit}.x-progress::-webkit-meter-inner-element{position:relative;display:block;border-radius:inherit}.x-progress::-webkit-meter-optimum-value{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress::-webkit-meter-suboptimum-value{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress::-webkit-meter-even-less-good-value{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--x-progress-meter-success-background, var(--color-success));border-radius:inherit}.x-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-warning-background, var(--color-warning));border-radius:inherit}.x-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-progress-meter-error-background, var(--color-error));border-radius:inherit}.x-progress:is(.sm){--x-progress-block-size: .5rem}.x-progress:is(.lg){--x-progress-block-size: 1.5rem}:root,:host{--x-range-track-block-size: .375rem;--x-range-thumb-size: 1.125rem;--x-range-thumb-border-width: 0;--x-range-thumb-outline-width: 2px;--x-range-thumb-focus-outline-opacity: 50%;--x-range-track-start: 0%;--x-range-track-end: 100%}.x-range{--x-range-thumb-background-color: var(--color-accent);--x-range-thumb-border-color: var(--x-range-thumb-background-color);--x-range-track-background-color: var(--color-accent);--x-range-track-background: linear-gradient( to right, var(--x-range-track-background-color) 0%, var(--x-range-track-background-color) var(--x-range-track-start), transparent var(--x-range-track-start), transparent var(--x-range-track-end) );min-block-size:var(--x-range-thumb-size);display:grid}.x-range :where(input){block-size:var(--x-range-track-block-size);background-color:color-mix(in var(--x-range-background-color-space, srgb),var(--x-range-background-color, var(--color-accent)) var(--x-range-background-color-opacity, 10%),var(--x-range-background-color-mix, var(--color-body)));position:relative;grid-area:1/1}.x-range :where(input)::-webkit-slider-runnable-track{block-size:var(--x-range-track-block-size);border-radius:var(--x-range-track-border-radius, var(--radius-full));background:var(--x-range-track-background)}.x-range :where(input)::-moz-range-track{block-size:var(--x-range-track-block-size);border-radius:var(--radius-full);background:var(--x-range-track-background)}.x-range :where(input)::-webkit-slider-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));margin-block-start:calc((var(--x-range-thumb-size) - var(--x-range-track-block-size)) / 2 * -1);-webkit-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-webkit-slider-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input)::-moz-range-thumb{inline-size:var(--x-range-thumb-size);block-size:var(--x-range-thumb-size);background-color:var(--x-range-thumb-background-color);border-radius:var(--radius-full);border:var(--x-range-thumb-border-width) solid var(--x-range-thumb-border-color);outline:var(--x-range-thumb-outline-width) solid color-mix(in var(--x-range-thumb-outline-color-space, srgb),var(--x-range-thumb-outline-color, var(--x-range-thumb-background-color)) var(--x-range-thumb-outline-color-opacity, 0%),var(--x-range-thumb-outline-color-mix, transparent));-moz-transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);transition:outline-color var(--default-transition-duration),outline-offset var(--default-transition-duration);cursor:var(--x-range-thumb-cursor, grab);-moz-appearance:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.x-range :where(input)::-moz-range-thumb:active{--x-range-thumb-cursor: grabbing;--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-webkit-slider-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):focus-visible::-moz-range-thumb{--x-range-thumb-outline-color-opacity: var(--x-range-thumb-focus-outline-opacity)}.x-range :where(input):not(:only-of-type){--x-range-track-background: linear-gradient( to right, transparent 0%, transparent var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-start), var(--x-range-track-background-color) var(--x-range-track-end), transparent var(--x-range-track-end), transparent 100% );pointer-events:none}:is(.x-range :where(input):not(:only-of-type))~input{background:transparent}.x-range:where(.vertical){min-inline-size:var(--x-range-thumb-size);container-type:size}.x-range:where(.vertical) :where(input){transform:rotate(-90deg);width:100cqh;inset-block-start:calc(50% - 25cqw);inset-inline-start:calc(-50% + 50cqw)}:root,:host{--x-rating-inline-size: 1.25rem;--x-rating-block-size: 1.25rem;--x-rating-color: var(--color-accent);--x-rating-gap: .25rem;--x-rating-opacity: .2;--x-rating-icon: var(--mask-star)}.x-rating{display:flex;align-items:center}.x-rating :where(input){inline-size:var(--x-rating-inline-size);block-size:var(--x-rating-block-size);color:var(--x-rating-color);opacity:var(--x-rating-opacity);transition:var(--transition-opacity);display:grid;box-sizing:content-box}.x-rating :where(input):not(:last-child){border-inline-end-width:var(--x-rating-gap);border-inline-color:transparent}.x-rating :where(input):before{-webkit-mask:var(--x-rating-icon);mask:var(--x-rating-icon);background-color:currentColor;content:""}.x-rating:has(:checked) input{opacity:100%}.x-rating:has(:checked) input:where(:checked~input){opacity:var(--x-rating-opacity)}.x-rating:hover input{opacity:100%}:is(.x-rating:hover input):hover~input{opacity:var(--x-rating-opacity)}.x-rating.invalid,.x-rating :user-invalid,.validated .x-rating :invalid{--x-rating-color: var(--x-rating-invalid-color, var(--color-error))}:root,:host{--x-switch-inline-size: 3rem;--x-switch-block-size: 1.5rem;--x-switch-icon-size: 1.125rem;--x-switch-font-weight: var(--font-weight-normal);--x-switch-font-size: var(--font-size-sm);--x-switch-line-height: calc(1em + .25rem) ;--x-switch-gap: .75rem;--x-switch-border-radius: var(--radius-full);--x-switch-background-color: currentColor;--x-switch-outline-width: 2px;--x-switch-outline-color: currentColor}.dark:root,.dark:host{--x-switch-background-color: var(--color-body-tertiary)}.x-switch{font-weight:var(--x-switch-font-weight);font-size:var(--x-switch-font-size);line-height:var(--x-switch-line-height);letter-spacing:var(--x-switch-letter-spacing);gap:var(--x-switch-gap);display:inline-flex;text-wrap:pretty}.x-switch :where(input){inline-size:var(--x-switch-inline-size);block-size:var(--x-switch-block-size);padding:calc((var(--x-switch-block-size) - var(--x-switch-icon-size)) / 2);border-radius:var(--x-switch-border-radius);background-color:color-mix(in var(--x-switch-background-color-space, srgb),var(--x-switch-background-color) var(--x-switch-background-color-opacity, 100%),var(--x-switch-background-color-mix, transparent));outline:var(--x-switch-outline-width) solid color-mix(in var(--x-switch-outline-color-space, srgb),var(--x-switch-outline-color) var(--x-switch-outline-color-opacity, 0%),var(--x-switch-outline-color-mix, transparent));outline-offset:var(--x-switch-outline-offset);display:flex;position:relative;flex-shrink:0}.x-switch :where(input):before{inline-size:var(--x-switch-icon-size);block-size:var(--x-switch-icon-size);background-color:var(--color-light);transition:var(--transition-all);border-radius:inherit;margin-block:auto;content:""}.x-switch :where(input){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration)}:is(.x-switch :where(input):where(:required))+*:after{color:var(--x-switch-required-color, var(--color-error));content:" *"}.x-switch :where(input):enabled:focus{--x-switch-outline-offset: var(--x-switch-focus-outline-offset);--x-switch-outline-color-opacity: var(--x-switch-focus-outline-color-opacity, 40%)}.x-switch :where(input):disabled{--x-switch-background-color: var(--x-switch-disabled-background-color, currentColor);--x-switch-background-color-opacity: var(--x-switch-disabled-background-color-opacity, 15%);--x-switch-outline-color: var(--x-switch-disabled-outline-color, currentColor);--x-switch-outline-color-opacity: var(--x-check-disabled-outline-color-opacity, 5%);cursor:not-allowed}.x-switch :where(input):checked{--x-switch-outline-color: var(--color-accent);--x-switch-background-color: var(--color-accent)}.x-switch :where(input):checked:before{margin-inline-start:calc(100% - var(--x-switch-icon-size))}.x-switch :where(input):indeterminate:before{margin-inline-start:calc(50% - var(--x-switch-icon-size) / 2)}.x-switch.invalid,.x-switch :user-invalid,.validated .x-switch :invalid{--x-switch-outline-color: var(--x-switch-invalid-outline-color, var(--color-error));--x-switch-background-color: var(--x-switch-invalid-background-color, var(--color-error))}:root,:host{--x-text-content-bold: var(--font-weight-semibold);--x-text-content-margin-block: var(--spacing-xl);--x-text-list-marker-size: .375em;--x-text-line-height: calc(1em + .75rem) ;--x-text-hr-margin-block: 3em;--x-text-heading-line-height: calc(1em + .375rem) ;--x-text-heading-margin-block: 1.5em .5em}.x-text{font-family:var(--x-text-font-family);font-weight:var(--x-text-font-weight);font-size:var(--x-text-font-size);line-height:var(--x-text-line-height);letter-spacing:var(--x-text-letter-spacing);text-wrap:pretty}.x-text>:is(*:first-child){margin-block-start:0}.x-text>:is(*:last-child){margin-block-end:0}.x-text :where(b,strong){font-weight:var(--x-text-content-bold)}.x-text :where(em){font-style:italic}.x-text :where(img){display:block;height:auto}.x-text :where(p){margin-block:var(--x-text-p-margin-block, var(--x-text-content-margin-block))}.x-text :where(p):empty{line-height:0;margin:0}.x-text :where(p):empty:after{content:" "}.x-text :where(hr){margin-block:var(--x-text-hr-margin-block);background-color:color-mix(in var(--x-text-hr-background-color-space, srgb),var(--x-text-hr-background-color, currentColor) var(--x-text-hr-background-color-opacity, 10%),var(--x-text-hr-background-color-mix, transparent))}.x-text :where(a){color:var(--x-text-link-color, var(--color-accent));-webkit-text-decoration:var(--x-text-link-text-decoration, underline);text-decoration:var(--x-text-link-text-decoration, underline);transition:var(--transition-color)}.x-text :where(a):hover{color:color-mix(in var(--x-text-link-hover-color-space, srgb),var(--x-text-link-hover-color, var(--color-accent)) var(--x-text-link-hover-color-opacity, 75%),var(--x-text-link-hover-color-mix, transparent))}.x-text :where(a):focus-visible{color:color-mix(in var(--x-text-link-focus-color-space, srgb),var(--x-text-link-focus-color, var(--color-accent)) var(--x-text-link-focus-color-opacity, 75%),var(--x-text-link-focus-color-mix, transparent))}.x-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--x-text-heading-font-family);font-weight:var(--x-text-heading-font-weight, var(--x-text-content-bold));font-size:var(--x-text-heading-font-size);line-height:var(--x-text-heading-line-height);letter-spacing:var(--x-text-heading-letter-spacing);margin-block:var(--x-text-heading-margin-block);color:var(--x-text-heading-color);text-wrap:balance}.x-text :where(h1){--x-text-heading-font-size: var(--x-text-heading-1-font-size, var(--font-size-4xl))}.x-text :where(h2){--x-text-heading-font-size: var(--x-text-heading-2-font-size, var(--font-size-3xl))}.x-text :where(h3){--x-text-heading-font-size: var(--x-text-heading-3-font-size, var(--font-size-2xl))}.x-text :where(h4){--x-text-heading-font-size: var(--x-text-heading-4-font-size, var(--font-size-xl))}.x-text :where(h5){--x-text-heading-font-size: var(--x-text-heading-5-font-size, var(--font-size-lg))}.x-text :where(h6){--x-text-heading-font-size: var(--x-text-heading-6-font-size)}.x-text :where(table){border:0;min-inline-size:100%}.x-text :where(table) :where(td,th){padding:var(--x-text-table-cell-padding-block, 1em) var(--x-text-table-cell-padding-inline, 1.25em);text-align:left}.x-text :where(table) :where(thead){font-weight:var(--x-text-table-thead-font-weight, var(--x-text-content-bold));border-block-end:1px solid color-mix(in var(--x-text-table-thead-border-color-space, srgb),var(--x-text-table-thead-border-color, currentColor) var(--x-text-table-thead-border-color-opacity, 10%),var(--x-text-table-thead-border-color-mix, transparent))}.x-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in var(--x-text-table-row-even-background-color-space, srgb),var(--x-text-table-row-even-background-color, currentColor) var(--x-text-table-row-even-background-color-opacity, 5%),var(--x-text-table-row-even-background-color-mix, transparent))}.x-text :where(ol,ul){margin-inline-start:var(--x-text-list-margin-inline-start, .75em);padding-inline-start:var(--x-text-list-padding-inline-start, 1em);margin-block:var(--x-text-list-margin-block, var(--x-text-content-margin-block))}.x-text :where(ol,ul) :where(li){margin-block:var(--x-text-list-item-margin-block, .5em);padding-inline-start:var(--x-text-list-item-padding-inline-start, 1ch)}.x-text :where(ol):not([type]){list-style:decimal}.x-text :where(ol) :where(li)::marker{color:var(--x-text-list-marker-color, var(--color-accent));font-weight:var(--x-text-list-marker-font-weight, var(--x-text-content-bold))}.x-text :where(ul) :where(li){position:relative;list-style-type:""}.x-text :where(ul) :where(li):before{inline-size:var(--x-text-list-marker-size);block-size:var(--x-text-list-marker-size);inset-inline-start:var(--x-text-list-marker-inset-inline-start, -.75em);inset-block-start:var(--x-text-list-marker-inset-block-start, .5lh);border:var(--x-text-list-marker-border-width, 1px) solid var(--x-text-list-marker-border-color, var(--color-accent));background-color:var(--x-text-list-marker-background-color, var(--color-accent));margin-inline-start:calc((var(--x-text-list-marker-size) / 2) * -1);margin-block-start:calc(var(--x-text-list-marker-size) / 2 * -1);border-radius:var(--x-text-list-marker-border-radius, 50%);-webkit-mask:var(--x-text-list-marker-mask);mask:var(--x-text-list-marker-mask);position:absolute;will-change:transform;content:""}.x-text [style*=square]:where(ul){--x-text-list-marker-border-radius: 0}.x-text [style*=circle]:where(ul){--x-text-list-marker-background-color: transparent}.x-text :where(blockquote){border-inline-start:var(--x-text-blockquote-border-inline-start-width, .375em) solid var(--x-text-blockquote-border-inline-start-color, var(--color-accent));margin-block:var(--x-text-blockquote-margin-block, var(--x-text-content-margin-block));padding:var(--x-text-blockquote-padding-block, .5em) var(--x-text-blockquote-padding-inline, 1.25em);font-size:var(--x-text-blockquote-font-size, inherit)}.x-text :where(code){font-size:var(--x-text-code-font-size, 87.5%)}.x-text :where(figure){margin-block:var(--x-text-figure-margin-block, var(--x-text-content-margin-block))}.x-text :where(figcaption){font-size:var(--x-text-figcaption-font-size, 87.5%);font-weight:var(--x-text-figcaption-font-weight, var(--font-weight-semibold));line-height:var(--x-text-figcaption-line-height, 1.5);margin-block-start:var(--x-text-figcaption-margin-block-start, .5em)}:root,:host{--x-title-font-weight: var(--font-weight-semibold);--x-title-font-size: var(--font-size-sm);--x-title-line-height: calc(1em + .25rem) }.x-title{font-family:var(--x-title-font-family);font-weight:var(--x-title-font-weight);font-size:var(--x-title-font-size);line-height:var(--x-title-line-height);letter-spacing:var(--x-title-letter-spacing);text-wrap:pretty}.x-title:is(.sm){--x-title-font-size: var(--font-size-xs)}.x-title:is(.lg){--x-title-font-size: var(--font-size-base)}:root,:host{--x-breadcrumb-marker-size: .875rem;--x-breadcrumb-marker: var(--mask-chevron-right);--x-breadcrumb-gap: var(--spacing-xs)}.x-breadcrumb>:where(ul,ol),.x-breadcrumb>:where(ul,ol)>li{display:flex;align-items:center}.x-breadcrumb>:where(ul,ol)>li:not(:last-child):after{-webkit-mask:var(--x-breadcrumb-marker);mask:var(--x-breadcrumb-marker);background-color:var(--x-breadcrumb-background-color, currentColor);margin-inline:var(--x-breadcrumb-gap);inline-size:var(--x-breadcrumb-marker-size);block-size:var(--x-breadcrumb-marker-size);flex-shrink:0;content:""}:root,:host{--x-card-background-color: var(--color-body-primary);--x-card-border-radius: var(--radius-2xl);--x-card-padding-block: var(--spacing-2xl);--x-card-padding-inline: var(--spacing-3xl)}.x-card{background-color:var(--x-card-background-color);border-radius:var(--x-card-border-radius);padding:var(--x-card-padding-block) var(--x-card-padding-inline);display:flex;flex-direction:column}:root,:host{--x-dialog-padding-block: 2rem;--x-dialog-padding-inline: 1.5rem;--x-dialog-background-color: var(--color-dark);--x-dialog-background-color-opacity: 80%;--x-dialog-content-padding-block: 2rem;--x-dialog-content-padding-inline: 1.5rem;--x-dialog-content-inline-size: 35rem}.x-dialog{z-index:var(--x-dialog-z-index, var(--z-index-30));padding:var(--x-dialog-padding-block) var(--x-dialog-padding-inline);background-color:color-mix(in var(--x-dialog-background-color-space, srgb),var(--x-dialog-background-color) var(--x-dialog-background-color-opacity),var(--x-dialog-background-color-mix, transparent));transition:var(--transition-background);display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.x-dialog::backdrop,.x-dialog:not([open]){display:none}.x-dialog[data-closed]{background-color:transparent}html:has(.x-dialog[open]){padding-inline-end:var(--default-scrollbar-width);scrollbar-width:none}html:has(.x-dialog[open])::-webkit-scrollbar{display:none}.x-dialog-content{background-color:var(--x-dialog-content-background-color, var(--color-body-primary));border-radius:var(--x-dialog-content-border-radius, var(--radius-3xl));padding:var(--x-dialog-content-padding-block) var(--x-dialog-content-padding-inline);inline-size:min(100%,var(--x-dialog-content-inline-size));transition:var(--transition-transform),var(--transition-opacity);margin:auto}:where(dialog[data-closed]) .x-dialog-content{transform:translateY(-2rem);opacity:0%}:root,:host{--x-drawer-background-color-opacity: 75%;--x-drawer-content-background-color: var(--color-body-primary);--x-drawer-content-padding-block: 2rem;--x-drawer-content-padding-inline: 1.5rem;--x-drawer-content-inline-size: calc(100vw - 4rem) ;--x-drawer-content-block-size: 100%}.x-drawer{z-index:var(--x-drawer-z-index, var(--z-index-30));background-color:color-mix(in var(--x-drawer-background-color-space, srgb),var(--color-dark) calc(var(--background-color-opacity, 0) * var(--x-drawer-background-color-opacity)),var(--x-drawer-background-color-mix, transparent));position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.x-drawer::-webkit-scrollbar{display:none}.x-drawer:after{content:"";min-inline-size:100vw;scroll-snap-align:end}.x-drawer[inert]{pointer-events:none}.x-drawer.flex-col{overflow:hidden auto}.x-drawer.flex-col:after{min-height:100dvh}.x-drawer-content{inline-size:var(--x-drawer-content-inline-size);block-size:var(--x-drawer-content-block-size);background-color:var(--x-drawer-content-background-color);flex-shrink:0;scroll-snap-align:end}.x-field{gap:var(--x-field-gap, var(--spacing-sm));display:flex;flex-direction:column}.validated .x-field:has(:invalid) :where(.x-info[hidden]){display:revert}.x-field:has([required]) :where(.x-label):after{color:var(--x-field-required-color, var(--color-error));content:" *"}.x-carousel{inline-size:100%}.x-carousel-content{display:flex;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.x-carousel-content::-webkit-scrollbar{display:none}.x-carousel-content>:where(*){flex:0 0 auto;scroll-snap-align:start}.x-carousel-content>:where(*):last-child{scroll-snap-align:end}.x-carousel-content:is(.grabbing),.x-carousel-content:is(.grabbing) *{cursor:grabbing}.x-carousel-content:is(.grabbing) a{pointer-events:none}.x-compare{--x-compare-position: 50%;--x-compare-clip-path: polygon(0% 0, var(--x-compare-position) 0%, var(--x-compare-position) 100%, 0 100%);display:grid;overflow:hidden;border-radius:inherit}.x-compare>*,.x-compare:before{position:relative;pointer-events:none;grid-area:1/1;z-index:1}.x-compare:before{background-color:var(--color-accent);inset-inline-start:var(--x-compare-position);inline-size:1px;content:""}.x-compare>:where(input){pointer-events:auto;cursor:grab;opacity:0%}:is(.x-compare>:where(input)):active~.x-button{--x-button-background-color-mix: var(--x-button-active-background-color-mix, var(--color-dark));--x-button-background-color-opacity: var(--x-button-active-background-color-opacity, 80%)}:is(.x-compare>:where(input)):focus-visible~.x-button{--x-button-outline-color: var(--x-button-focus-outline-color, var(--color-accent));--x-button-outline-offset: var(--x-button-focus-outline-offset, 2px);--x-button-outline-color-opacity: var(--x-button-focus-outline-opacity, 50%)}.x-compare>:where(input):active{cursor:grabbing}.x-compare>:where(.x-button){inset-inline-start:var(--x-compare-position);margin-inline-start:calc(var(--x-button-width) / 2 * -1);margin-block:auto}.x-compare>:where(.x-image){display:grid;z-index:0}.x-compare>:where(.x-image)>:where(*):not(:only-child){-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;grid-area:1/1}.x-compare>:where(.x-image)>:where(*):not(:only-child):first-child{clip-path:var(--x-compare-clip-path);position:relative}.x-pagination{gap:var(--x-pagination-gap, var(--spacing-xs));display:flex;align-items:center}:root,:host{--x-popover-content-background-color: var(--color-body-primary);--x-popover-content-border-radius: var(--radius);--x-popover-content-padding-block: var(--spacing-sm);--x-popover-content-padding-inline: var(--spacing-sm);--x-popover-content-scale-y: .75;--x-popover-content-scale-x: .75}.x-popover{position:relative;display:inline-block}.x-popover-content{background-color:var(--x-popover-content-background-color);border-radius:var(--x-popover-content-border-radius);padding:var(--x-popover-content-padding-block) var(--x-popover-content-padding-inline);z-index:var(--x-popover-content-z-index, var(--z-index-10));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute}.x-popover-content:where(.bottom),.x-popover-content{transform-origin:top}.x-popover-content:where(.bottom-start){transform-origin:top left}.x-popover-content:where(.bottom-end){transform-origin:top right}.x-popover-content:where(.right){inset-block-start:0;inset-inline-start:100%;transform-origin:left}.x-popover-content:where(.right-start){transform-origin:left top}.x-popover-content:where(.right-end){transform-origin:left bottom}.x-popover-content:where(.left){inset-block-start:0;inset-inline-end:100%;transform-origin:right}.x-popover-content:where(.left-start){transform-origin:right top}.x-popover-content:where(.left-end){transform-origin:right bottom}.x-popover-content:where(.top){inset-block-end:100%;transform-origin:bottom}.x-popover-content:where(.top-start){transform-origin:bottom left}.x-popover-content:where(.top-end){transform-origin:bottom right}.x-popover-content:where(.end){inset-inline-end:0}.x-popover-content:where(.block-end){inset-block:auto 0}.x-popover-content:where(.center){--tw-translate-x: -50%;inset-inline-start:50%}.x-popover-content:where(.block-center){--tw-translate-y: -50%;inset-block-start:50%}.x-popover-content[popover]:not(.in){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;pointer-events:none}.focus:not(:focus,:focus-within)>.x-popover-content:not([popover]),.hover:not(:hover)>.x-popover-content:not([popover]){--tw-scale-x: var(--x-popover-content-scale-x);--tw-scale-y: var(--x-popover-content-scale-y);opacity:0%;visibility:hidden}:root,:host{--x-table-border-radius: var(--radius);--x-table-padding-inline: 1rem;--x-table-cell-spacing-x: .625rem;--x-table-cell-spacing-y: .875rem;--x-table-cell-block-size: auto;--x-table-cell-border-block-width: 1px}.x-table{border-radius:var(--x-table-border-radius);background-color:var(--x-table-background-color, var(--color-body-primary));max-inline-size:100%;overflow:auto}.x-table :where(table){inline-size:100%;vertical-align:middle;background-color:inherit}.x-table :where(thead tr:not(:first-child),tbody tr,tfoot tr){border-block-start:var(--x-table-cell-border-block-width) solid var(--x-table-border-color, var(--color-body-tertiary))}.x-table :where(td,th){padding:var(--x-table-cell-spacing-y) var(--x-table-cell-spacing-x);block-size:var(--x-table-cell-block-size);border-color:var(--x-table-border-color, var(--color-body-tertiary));border-inline-width:var(--x-table-cell-border-inline-width, 0)}.x-table :where(td,th):first-child{padding-inline-start:var(--x-table-padding-inline);border-inline-start:0}.x-table :where(td,th):last-child{padding-inline-end:var(--x-table-padding-inline);border-inline-end:0}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:first-child){border-start-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child),.x-table :where(tbody:first-child,tfoot:first-child) :where(tr:first-child) :where(th,td):where(:last-child){border-start-end-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:first-child){border-end-start-radius:var(--x-table-border-radius)}.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child),.x-table :where(tbody:last-child,tfoot:last-child) :where(tr:last-child) :where(th,td):where(:last-child){border-end-end-radius:var(--x-table-border-radius)}.x-table :where(tr,th,td):where([tabindex="0"]),.x-table :where(.outline){transition:var(--transition-all);outline:var(--x-table-outline-width, 1px) solid transparent;outline-offset:calc(var(--x-table-outline-width, 1px) * -1)}.x-table :where(tr,th,td):where([tabindex="0"]):is(:hover,:focus-visible,.active),.x-table :where(.outline):is(:hover,:focus-visible,.active){background-color:color-mix(in var(--x-table-outline-background-color-space, srgb),var(--x-table-outline-accent-color, var(--color-accent)) var(--x-table-outline-background-color-opacity, 5%),var(--x-table-outline-background-color-mix, transparent));outline-color:var(--x-table-outline-accent-color, var(--color-accent))}.x-tabs{background-color:var(--x-tabs-background-color, var(--color-body-secondary));gap:var(--x-tabs-gap, var(--spacing-xs));padding:var(--x-tabs-padding, var(--spacing-xs));border-radius:var(--x-tabs-border-radius, var(--radius));display:flex;inline-size:-moz-max-content;inline-size:max-content}:root,:host{--x-tooltip-background-color: var(--color-main);--x-tooltip-color: var(--color-main-foreground);--x-tooltip-border-radius: var(--radius-md);--x-tooltip-font-size: var(--font-size-sm);--x-tooltip-padding-block: var(--spacing-xs);--x-tooltip-padding-inline: var(--spacing-sm);--x-tooltip-margin-block: var(--spacing-xs);--x-tooltip-margin-inline: var(--spacing-xs);--x-tooltip-scale-x: .75;--x-tooltip-scale-y: .75}.x-tooltip{position:relative;display:inline-block}.x-tooltip:before{--tw-content: attr(aria-label);background-color:var(--x-tooltip-background-color);color:var(--x-tooltip-color);border-radius:var(--x-tooltip-border-radius);font-size:var(--x-tooltip-font-size);padding:var(--x-tooltip-padding-block) var(--x-tooltip-padding-inline);z-index:var(--x-tooltip-z-index, var(--z-index-20));transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);content:var(--tw-content);opacity:var(--tw-opacity);visibility:var(--tw-visibility);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform;inline-size:-moz-max-content;inline-size:max-content;position:absolute;pointer-events:none}.x-tooltip:where(.top):before,.x-tooltip:where(.bottom):before{--tw-translate-x: -50%;margin-block:var(--x-tooltip-margin-block);inset-inline-start:50%}.x-tooltip:where(.left):before,.x-tooltip:where(.right):before{--tw-translate-y: -50%;margin-inline:var(--x-tooltip-margin-inline);inset-block-start:50%}.x-tooltip:where(.bottom):before{inset-block-start:100%;transform-origin:top}.x-tooltip:where(.top):before{inset-block-end:100%;transform-origin:bottom}.x-tooltip:where(.left):before{inset-inline-end:100%;transform-origin:right}.x-tooltip:where(.right):before{inset-inline-start:100%;transform-origin:left}.x-tooltip:not(:hover,:focus):before{--tw-scale-x: var(--x-tooltip-scale-x);--tw-scale-y: var(--x-tooltip-scale-y);--tw-opacity: 0;--tw-visibility: hidden}:root,:host{--x-toaster-padding: var(--spacing-xl);--x-toaster-margin-block: var(--spacing-xs)}.x-toaster{z-index:var(--x-toaster-z-index, var(--z-index-50));padding:var(--x-toaster-padding);margin-block:calc(var(--x-toaster-margin-block) * -1);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}:root,:host{--x-toast-inline-size: 20rem;--x-toast-transition-duration: calc(var(--default-transition-duration) * 2);--x-toast-content-border-radius: var(--radius-2xl);--x-toast-content-padding-block: var(--spacing-md);--x-toast-content-padding-inline: var(--spacing-lg);--x-toast-content-gap: var(--spacing-xl);--x-toast-content-background-color: var(--color-body-primary)}.x-toast{inline-size:min(100%,var(--x-toast-inline-size));block-size:var(--x-toast-block-size);transition:all var(--x-toast-transition-duration) var(--x-toast-transition-timing-function, var(--transition-timing-function-in-out));position:relative;pointer-events:auto;display:flex;flex-direction:column;visibility:hidden;opacity:0%}.flex-col-reverse .x-toast{justify-content:flex-end}.x-toast.in{margin-block:var(--x-toaster-margin-block)}.x-toast.in:where(:nth-last-child(-n+3)){visibility:visible;opacity:100%}.x-toast.out{visibility:hidden;opacity:0%;height:0;margin-block:0}.x-toast-content{border-radius:var(--x-toast-content-border-radius);padding:var(--x-toast-content-padding-block) var(--x-toast-content-padding-inline);gap:var(--x-toast-content-gap);background-color:var(--x-toast-content-background-color);color:var(--x-toast-content-color, var(--color-accent));border:var(--x-toast-content-border-width, 1px) solid color-mix(in var(--x-toast-content-border-color-space, srgb),var(--x-toast-content-border-color, var(--color-accent)) var(--x-toast-content-border-color-opacity, 15%),var(--x-toast-content-border-color-mix, var(--color-body-primary)));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;align-items:center;display:flex;height:-moz-fit-content;height:fit-content}.x-toast-content .x-text{--x-text-font-size: var(--font-size-sm);--x-text-line-height: calc(1em + .375rem) }
|
package/dist/tailwind.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.animation-ripple{animation-name:ripple}.divide-gap-x-xl>:where(*:not(:first-child)){padding-left:var(--spacing-xl);margin-left:var(--spacing-xl)}.flex-center{display:flex;align-items:center;gap:var(--spacing-sm)}.flex-between{display:flex;justify-content:space-between;gap:var(--spacing-sm)}.dot{--tw-bg-opacity: 1;display:inline-flex;width:.625rem;height:.625rem;border-radius:var(--rounded-full);background-color:color-mix(in srgb,var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent);flex-shrink:0}.flex-col{display:flex}[hidden]{display:none}.grid-cols-container{display:grid;grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-lg-start] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-lg-end] minmax(var(--container-padding),1fr) [container-full-end]}:where(.grid-cols-container>*){grid-column:container}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));--container-width: 80rem;--container-lg-width: 90rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.divider{--color-accent: currentColor;--tw-border-opacity: .15;display:flex;align-items:center;align-self:stretch}.divider:where(:not(:empty)){gap:var(--spacing-md)}.divider:before,.divider:after{content:"";flex-grow:1;border-block-start:1px solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),transparent)}.divider:where(.flex-col):before,.divider:where(.flex-col):after{border-block-start:0;border-inline-start:1px solid color-mix(in var(--space),var(--color-accent) calc(var(--tw-border-opacity) * 100%),transparent)}.ripple{--tw-bg-opacity: .4;background-color:color-mix(in var(--space),currentcolor calc(var(--tw-bg-opacity) * 100%),transparent);position:absolute;border-radius:50%;transform:scale(0);animation-duration:1s;pointer-events:none;width:2rem;height:2rem}.skeleton{background:linear-gradient(to right,var(--skeleton-from),var(--skeleton-to),var(--skeleton-to),var(--skeleton-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}:root,:host{--skeleton-opacity: .5;--skeleton-from: color-mix(in var(--space), var(--color-body) 50%, var(--color-main));--skeleton-to: color-mix(in var(--space), var(--color-body) 80%, var(--color-main))}.swap{display:inline-grid;cursor:var(--cursor, pointer)}.swap>:where(*){transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);grid-area:1/-1;opacity:0}.swap>[aria-hidden=false],.swap input:not(:checked,:indeterminate)+:where(*),.swap input:indeterminate~:where(*:nth-last-child(2)),.swap input:checked~:where(*:last-child){transform:none;opacity:1}.underline{text-underline-offset:var(--tw-underline-offset, .125em)}.underline-transparent:where([href],button:enabled,[role=button]){transition:all var(--duration) var(--ease-in-out)}.underline-transparent:where([href],button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--tw-underline-transparent-offset, -.25em);text-decoration-color:transparent}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.sticky{position:sticky}.bottom-\[7\%\]{bottom:7%}.end-\[7\%\]{inset-inline-end:7%}.start-0{inset-inline-start:0px}.z-10{z-index:var(--z-10)}.col-\[c-control-p\]{grid-column:c-control-p}.col-\[c-control\]{grid-column:c-control}.col-span-12{grid-column:span 12 / span 12}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.row-\[c-control\]{grid-row:c-control}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.ms-auto{margin-inline-start:auto}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-32{width:8rem;height:8rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-9{width:2.25rem;height:2.25rem}.size-\[15\%\]{width:15%;height:15%}.size-fit{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.h-24{height:6rem}.h-4{height:1rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-auto{height:auto}.min-h-\[200vh\]{min-height:200vh}.w-28{width:7rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[--ui-control-height\]{width:var(--ui-control-height)}.w-\[1280px\]{width:1280px}.w-\[30rem\]{width:30rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-96{max-width:24rem}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.-translate-x-1{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-y-16{row-gap:4rem}.gap-y-4{row-gap:1rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-body-tertiary>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:color-mix(in var(--space),var(--color-body-tertiary) calc(var(--tw-divide-opacity) * 100%),transparent)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:var(--rounded)}.rounded-full{border-radius:var(--rounded-full)}.rounded-md{border-radius:var(--rounded-md)}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-body-tertiary{--tw-border-opacity: 1;border-color:color-mix(in var(--space),var(--color-body-tertiary) calc(var(--tw-border-opacity) * 100%),transparent)}.border-b-2{border-bottom-color:warning}.border-b-main{--tw-border-opacity: 1;border-bottom-color:color-mix(in var(--space),var(--color-main) calc(var(--tw-border-opacity) * 100%),transparent)}.border-opacity-100{--tw-border-opacity: 1}.border-opacity-25{--tw-border-opacity: .25}.border-opacity-50{--tw-border-opacity: .5}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-blue-100\/10{background-color:#dbeafe1a}.bg-body-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-current{background-color:currentColor}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-error) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-info{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-info) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-light) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-main) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-success) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-warning) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-warning\/10{background-color:color-mix(in var(--space),var(--color-warning) 10%,transparent)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-4xl{padding:var(--spacing-4xl)}.p-6{padding:1.5rem}.p-\[--c-card-p\]{padding:var(--c-card-p)}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.py-4{padding-top:1rem;padding-bottom:1rem}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.pe-16{padding-inline-end:4rem}.ps-10{padding-inline-start:2.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.text-9xl{font-size:var(--text-9xl);line-height:calc(var(--text-9xl) + .5rem)}.text-lg{font-size:var(--text-lg);line-height:calc(var(--text-lg) + .5rem)}.text-sm{font-size:var(--text-sm);line-height:calc(var(--text-sm) + .5rem)}.font-black{font-weight:900}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-light{font-weight:var(--font-light)}.font-medium{font-weight:var(--font-medium)}.font-normal{font-weight:var(--font-normal)}.font-semibold{font-weight:var(--font-semibold)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-opacity-60{--tw-text-opacity: .6}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-2{outline-width:2px;outline-color:warning}.outline-body{outline-color:color-mix(in var(--space),var(--color-body) 100%,transparent)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--duration)}.accent-accent{--color-accent: var(--color-accent);--color-accent-foreground: var(--color-accent-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-body{--color-accent: var(--color-body);--color-accent-foreground: var(--color-body-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: currentColor;accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-foreground: var(--color-dark-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-foreground: var(--color-error-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-foreground: var(--color-info-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-foreground: var(--color-light-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-foreground: var(--color-main-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-foreground: var(--color-success-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-foreground: var(--color-warning-foreground, var(--color-light));accent-color:var(--color-accent)}.text-accent{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-accent) calc(var(--tw-text-opacity) * 100%),transparent)}.text-body{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-body) calc(var(--tw-text-opacity) * 100%),transparent)}.text-current{color:currentColor}.text-dark{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-dark) calc(var(--tw-text-opacity) * 100%),transparent)}.text-error{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-error) calc(var(--tw-text-opacity) * 100%),transparent)}.text-info{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-info) calc(var(--tw-text-opacity) * 100%),transparent)}.text-light{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}.text-main{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-main) calc(var(--tw-text-opacity) * 100%),transparent)}.text-main-secondary{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-main-secondary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-primary{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-primary\/50{color:color-mix(in var(--space),var(--color-primary) 50%,transparent)}.text-red-400\/50{color:#f8717180}.text-success{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-success) calc(var(--tw-text-opacity) * 100%),transparent)}.text-warning{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-warning) calc(var(--tw-text-opacity) * 100%),transparent)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.paused{animation-play-state:paused}.\[--ui-control-pe\:theme\(spacing\.14\)\]{--ui-control-pe: 3.5rem}.\[--ui-control-ps\:theme\(spacing\.8\)\]{--ui-control-ps: 2rem}.before\:skeleton:before{content:var(--tw-content);background:linear-gradient(to right,var(--skeleton-from),var(--skeleton-to),var(--skeleton-to),var(--skeleton-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}.backdrop\:hidden::backdrop{display:none}.before\:hidden:before{content:var(--tw-content);display:none}.before\:border-t-4:before{content:var(--tw-content);border-top-width:4px}.before\:border-dashed:before{content:var(--tw-content);border-style:dashed}.before\:border-t-4:before{content:var(--tw-content);border-top-color:info}.before\:content-\[attr\(data-unit\)\]:before{--tw-content: attr(data-unit);content:var(--tw-content)}.after\:-order-last:after{content:var(--tw-content);order:-9999}.after\:border-t-4:after{content:var(--tw-content);border-top-width:4px}.after\:border-dashed:after{content:var(--tw-content);border-style:dashed}.after\:border-t-4:after{content:var(--tw-content);border-top-color:info}.hover\:text-opacity-100:hover{--tw-text-opacity: 1}.hover\:decoration-primary:hover{text-decoration-color:color-mix(in var(--space),var(--color-primary) 100%,transparent)}.hover\:text-light:hover{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}.hover\:text-primary:hover{--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}.focus\:\!outline-purple-600\/30:focus{outline-color:#9333ea4d!important}.group[open] .group-open\:-scale-y-100{--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-hidden\:hidden[aria-hidden=true]{display:none}.aria-selected\:border-opacity-100[aria-selected=true]{--tw-border-opacity: 1}.dark\:bg-dark:is(.dark *){--tw-bg-opacity: 1;background-color:color-mix(in var(--space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.dark\:text-light:is(.dark *){--tw-text-opacity: 1;color:color-mix(in var(--space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}
|
|
1
|
+
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.animation-ripple{animation-name:ripple}.divide-gap-x-xl>:where(*:not(:first-child)){padding-left:var(--spacing-xl);margin-left:var(--spacing-xl)}.dot{display:inline-flex;inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;justify-content:center;align-items:center}.animation{animation-duration:var(--default-transition-duration);animation-fill-mode:both}[hidden]{display:none}.grid-cols-container{grid-template-columns:[container-full-start] minmax(var(--container-padding),1fr) [container-lg-start] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-start] min(100% - (var(--container-padding) * 2),var(--container-width)) [container-end] minmax(0,calc((var(--container-lg-width) - var(--container-width)) / 2)) [container-lg-end] minmax(var(--container-padding),1fr) [container-full-end]}.grid-cols-container>:where(*){grid-column:container}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));--container-width: 80rem;--container-lg-width: 90rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.divider{--color-accent: currentColor;display:flex;align-items:center;align-self:stretch}.divider:where(:not(:empty)){gap:var(--divider-gap, var(--spacing-md))}.divider:before,.divider:after{content:"";flex-grow:1;border-block-start:1px solid color-mix(in var(--divider-border-block-color-space, srgb),var(--divider-border-block-color, var(--color-accent)) var(--divider-border-block-color-opacity, 15%),var(--divider-border-block-color-mix, transparent))}.divider:where(.flex-col):before,.divider:where(.flex-col):after{border-block-start:0;border-inline-start:1px solid color-mix(in var(--divider-border-inline-color-space, srgb),var(--divider-border-inline-color, var(--color-accent)) var(--divider-border-inline-color-opacity, 15%),var(--divider-border-inline-color-mix, transparent))}.ripple{inline-size:var(--ripple-size, 2rem);block-size:var(--ripple-size, 2rem);background-color:color-mix(in var(--ripple-background-color-space, srgb),var(--ripple-background-color, currentColor) var(--ripple-background-color-opacity, 40%),var(--ripple-background-color-mix, transparent));animation-duration:var(--ripple-animation-duration, 1s);position:absolute;border-radius:50%;transform:scale(0);pointer-events:none}.skeleton{background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}:root,:host{--skeleton-opacity: 50%;--skeleton-gradient-from: color-mix(in var(--default-color-space), var(--color-body) 50%, var(--color-main));--skeleton-gradient-to: color-mix(in var(--default-color-space), var(--color-body) 80%, var(--color-main))}.swap{cursor:var(--cursor-pointer, pointer);display:inline-grid}.swap>:where(*){transition-property:var(--default-transition-property);transition-timing-function:var(--transition-timing-function-in-out);transition-duration:var(--default-transition-duration);grid-area:1/-1;opacity:0%}.swap>[aria-hidden=false],.swap input:not(:checked,:indeterminate)+:where(*),.swap input:indeterminate~:where(*:nth-last-child(2)),.swap input:checked~:where(*:last-child){transform:none;opacity:100%}.underline{text-underline-offset:var(--default-underline-offset, .125em)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]){-moz-transition:all var(--default-transition-duration) var(--transition-timing-function-in-out);transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:any-link,button:enabled,[role=button]){transition:all var(--default-transition-duration) var(--transition-timing-function-in-out)}.underline-transparent:where(:-moz-any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}.underline-transparent:where(:any-link,button:enabled,[role=button]):not(:hover,:focus-visible){text-underline-offset:var(--default-underline-transparent-offset, -.25em);text-decoration-color:transparent}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.sticky{position:sticky}.bottom-\[7\%\]{bottom:7%}.end-\[7\%\]{inset-inline-end:7%}.start-0{inset-inline-start:0px}.z-10{z-index:var(--z-index-10)}.col-\[x-control-padding\]{grid-column:x-control-padding}.col-\[x-control\]{grid-column:x-control}.col-span-12{grid-column:span 12 / span 12}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.row-\[x-control\]{grid-row:x-control}.me-auto{margin-inline-end:auto}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.ms-auto{margin-inline-start:auto}.mt-12{margin-top:3rem}.mt-2\.5{margin-top:.625rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-32{width:8rem;height:8rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-9{width:2.25rem;height:2.25rem}.size-\[15\%\]{width:15%;height:15%}.size-fit{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.h-24{height:6rem}.h-4{height:1rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-auto{height:auto}.min-h-\[200vh\]{min-height:200vh}.w-28{width:7rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[--x-control-height\]{width:var(--x-control-height)}.w-\[1280px\]{width:1280px}.w-\[30rem\]{width:30rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-96{max-width:24rem}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.-translate-x-1\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-y-16{row-gap:4rem}.gap-y-4{row-gap:1rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-body-tertiary>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-divide-opacity) * 100%),transparent)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:var(--radius)}.rounded-full{border-radius:var(--radius-full)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-\[inherit\]{border-top-left-radius:inherit;border-top-right-radius:inherit}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-body-tertiary{--tw-border-opacity: 1;border-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-border-opacity) * 100%),transparent)}.border-dark\/20{border-color:color-mix(in var(--default-color-space),var(--color-dark) 20%,transparent)}.border-b-main{--tw-border-opacity: 1;border-bottom-color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-border-opacity) * 100%),transparent)}.border-opacity-100{--tw-border-opacity: 1}.border-opacity-25{--tw-border-opacity: .25}.border-opacity-50{--tw-border-opacity: .5}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-blue-100\/10{background-color:#dbeafe1a}.bg-body-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-current{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-info{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-warning\/10{background-color:color-mix(in var(--default-color-space),var(--color-warning) 10%,transparent)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-4xl{padding:var(--spacing-4xl)}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[--card-p\]{padding:var(--card-p)}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.py-4{padding-top:1rem;padding-bottom:1rem}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.pe-16{padding-inline-end:4rem}.ps-10{padding-inline-start:2.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-primary{font-family:var(--font-family-primary)}.font-secondary{font-family:var(--font-family-secondary)}.text-9xl{font-size:var(--font-size-9xl, 8rem);line-height:calc(var(--font-size-9xl) + .5rem)}.text-lg{font-size:var(--font-size-lg, 1.125rem);line-height:calc(var(--font-size-lg) + .5rem)}.text-sm{font-size:var(--font-size-sm, .875rem);line-height:calc(var(--font-size-sm) + .5rem)}.font-black{font-weight:900}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-light{font-weight:var(--font-weight-light)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-opacity-60{--tw-text-opacity: .6}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-body{outline-color:color-mix(in var(--default-color-space),var(--color-body) 100%,transparent)}.transition{transition-property:var(--default-transition-property);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--default-transition-duration)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--default-transition-duration)}.accent-accent{--color-accent: var(--color-accent);--color-accent-foreground: var(--color-accent-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-body{--color-accent: var(--color-body);--color-accent-foreground: var(--color-body-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: color-mix(in var(--default-color-space), currentcolor 100% , transparent);accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-foreground: var(--color-dark-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-foreground: var(--color-error-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-foreground: var(--color-info-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-foreground: var(--color-light-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-foreground: var(--color-main-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-foreground: var(--color-primary-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-foreground: var(--color-success-foreground, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-foreground: var(--color-warning-foreground, var(--color-light));accent-color:var(--color-accent)}.text-accent{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-accent) calc(var(--tw-text-opacity) * 100%),transparent)}.text-body{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-body) calc(var(--tw-text-opacity) * 100%),transparent)}.text-current{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),currentcolor calc(var(--tw-text-opacity) * 100%),transparent)}.text-current\/50{color:color-mix(in var(--default-color-space),currentcolor 50%,transparent)}.text-dark{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-text-opacity) * 100%),transparent)}.text-error{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-error) calc(var(--tw-text-opacity) * 100%),transparent)}.text-info{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-info) calc(var(--tw-text-opacity) * 100%),transparent)}.text-light{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}.text-main{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-main) calc(var(--tw-text-opacity) * 100%),transparent)}.text-main-secondary{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-main-secondary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-primary{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.text-primary\/50{color:color-mix(in var(--default-color-space),var(--color-primary) 50%,transparent)}.text-red-400\/50{color:#f8717180}.text-success{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-success) calc(var(--tw-text-opacity) * 100%),transparent)}.text-warning{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-warning) calc(var(--tw-text-opacity) * 100%),transparent)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.paused{animation-play-state:paused}.\[--x-control-padding-inline-end\:theme\(spacing\.14\)\]{--x-control-padding-inline-end: 3.5rem}.\[--x-control-padding-inline-start\:theme\(spacing\.8\)\]{--x-control-padding-inline-start: 2rem}.before\:skeleton:before{content:var(--tw-content);background:linear-gradient(to right,var(--skeleton-gradient-from),var(--skeleton-gradient-to),var(--skeleton-gradient-to),var(--skeleton-gradient-from));opacity:var(--skeleton-opacity);transition:var(--transition-opacity);animation:move-indeterminate 1.5s linear infinite;background-size:400% 100%}.backdrop\:hidden::backdrop{display:none}.before\:hidden:before{content:var(--tw-content);display:none}.before\:border-t-4:before{content:var(--tw-content);border-top-width:4px}.before\:border-dashed:before{content:var(--tw-content);border-style:dashed}.before\:content-\[attr\(data-unit\)\]:before{--tw-content: attr(data-unit);content:var(--tw-content)}.after\:-order-last:after{content:var(--tw-content);order:-9999}.after\:border-t-4:after{content:var(--tw-content);border-top-width:4px}.after\:border-dashed:after{content:var(--tw-content);border-style:dashed}.hover\:text-opacity-100:hover{--tw-text-opacity: 1}.hover\:decoration-primary:hover{text-decoration-color:color-mix(in var(--default-color-space),var(--color-primary) 100%,transparent)}.hover\:text-light:hover{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}.hover\:text-primary:hover{--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-primary) calc(var(--tw-text-opacity) * 100%),transparent)}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}.focus\:\!outline-purple-600\/30:focus{outline-color:#9333ea4d!important}.disabled\:text-main\/75:disabled{color:color-mix(in var(--default-color-space),var(--color-main) 75%,transparent)}.group[open] .group-open\:-scale-y-100{--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-hidden\:hidden[aria-hidden=true]{display:none}.aria-selected\:border-opacity-100[aria-selected=true]{--tw-border-opacity: 1}.dark\:bg-dark:is(.dark *){--tw-bg-opacity: 1;background-color:color-mix(in var(--default-color-space),var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.dark\:text-light:is(.dark *){--tw-text-opacity: 1;color:color-mix(in var(--default-color-space),var(--color-light) calc(var(--tw-text-opacity) * 100%),transparent)}
|
package/package.json
CHANGED
package/plugin/index.cjs
CHANGED
|
@@ -7,27 +7,13 @@ var flattenColorPalette = require('tailwindcss/src/util/flattenColorPalette');
|
|
|
7
7
|
var withAlphaVariable = require('tailwindcss/src/util/withAlphaVariable');
|
|
8
8
|
var toColorValue = require('tailwindcss/src/util/toColorValue');
|
|
9
9
|
|
|
10
|
-
var FlexUtility = {
|
|
11
|
-
'.flex-center': {
|
|
12
|
-
display: 'flex',
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
gap: 'var(--spacing-sm)'
|
|
15
|
-
},
|
|
16
|
-
'.flex-between': {
|
|
17
|
-
display: 'flex',
|
|
18
|
-
justifyContent: 'space-between',
|
|
19
|
-
gap: 'var(--spacing-sm)'
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
|
|
23
10
|
var DotUtility = {
|
|
24
11
|
'.dot': {
|
|
25
|
-
'--tw-bg-opacity': '1',
|
|
26
12
|
display: 'inline-flex',
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
borderRadius: 'var(--
|
|
30
|
-
backgroundColor: '
|
|
13
|
+
inlineSize: '0.5rem',
|
|
14
|
+
blockSize: '0.5rem',
|
|
15
|
+
borderRadius: 'var(--radius-full)',
|
|
16
|
+
backgroundColor: 'currentColor',
|
|
31
17
|
flexShrink: '0',
|
|
32
18
|
justifyContent: 'center',
|
|
33
19
|
alignItems: 'center'
|
|
@@ -130,7 +116,7 @@ const textColor = ({ value, corePlugins }, settings) => {
|
|
|
130
116
|
*/
|
|
131
117
|
const tailwindColors = (colors = [], colorMix = true, rgb = false) => {
|
|
132
118
|
const result = {
|
|
133
|
-
current: 'color-mix(in var(--space), currentcolor calc(<alpha-value> * 100%), transparent)'
|
|
119
|
+
current: 'color-mix(in var(--default-color-space), currentcolor calc(<alpha-value> * 100%), transparent)'
|
|
134
120
|
};
|
|
135
121
|
|
|
136
122
|
colors.forEach(name => {
|
|
@@ -139,7 +125,7 @@ const tailwindColors = (colors = [], colorMix = true, rgb = false) => {
|
|
|
139
125
|
}
|
|
140
126
|
|
|
141
127
|
result[name] = colorMix
|
|
142
|
-
? `color-mix(in var(--space), var(--color-${name}) calc(<alpha-value> * 100%), transparent)`
|
|
128
|
+
? `color-mix(in var(--default-color-space), var(--color-${name}) calc(<alpha-value> * 100%), transparent)`
|
|
143
129
|
: `rgb(var(--color-${name}) / <alpha-value>)`;
|
|
144
130
|
});
|
|
145
131
|
|
|
@@ -167,8 +153,8 @@ const tailwindVariables = (type, variables = [], values = {}) => {
|
|
|
167
153
|
* @returns {Object}
|
|
168
154
|
*/
|
|
169
155
|
const tailwindVariablesFont = (type, variables = [], values = {}) => {
|
|
170
|
-
variables.forEach(
|
|
171
|
-
values[
|
|
156
|
+
variables.forEach(({ value, initial }) => {
|
|
157
|
+
values[value] = [`var(--${type}-${value}, ${initial})`, `calc(var(--${type}-${value}) + 0.5rem)`];
|
|
172
158
|
});
|
|
173
159
|
|
|
174
160
|
return values
|
|
@@ -225,22 +211,75 @@ const defaultConfig = {
|
|
|
225
211
|
fontWeight: ['light', 'normal', 'medium', 'semibold', 'bold', 'extrabold'],
|
|
226
212
|
ease: ['linear', 'in', 'out', 'in-out'],
|
|
227
213
|
zIndex: ['10', '20', '30', '40', '50', '60'],
|
|
228
|
-
fontSize: [
|
|
214
|
+
fontSize: [
|
|
215
|
+
{
|
|
216
|
+
value: 'xs',
|
|
217
|
+
initial: '0.75rem'
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
value: 'sm',
|
|
221
|
+
initial: '0.875rem'
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
value: 'base',
|
|
225
|
+
initial: '1rem'
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
value: 'lg',
|
|
229
|
+
initial: '1.125rem'
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
value: 'xl',
|
|
233
|
+
initial: '1.25rem'
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
value: '2xl',
|
|
237
|
+
initial: '1.5rem'
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
value: '3xl',
|
|
241
|
+
initial: '1.875rem'
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
value: '4xl',
|
|
245
|
+
initial: '2.25rem'
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
value: '5xl',
|
|
249
|
+
initial: '3rem'
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
value: '6xl',
|
|
253
|
+
initial: '3.75rem'
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
value: '7xl',
|
|
257
|
+
initial: '4.5rem'
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
value: '8xl',
|
|
261
|
+
initial: '6rem'
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
value: '9xl',
|
|
265
|
+
initial: '8rem'
|
|
266
|
+
}
|
|
267
|
+
],
|
|
229
268
|
spacing: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl'],
|
|
230
269
|
borderRadius: ['xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', 'full'],
|
|
231
270
|
animations: ['ripple', 'spin', 'move-indeterminate'],
|
|
232
271
|
mask: ['check', 'radio', 'angle-up', 'angle-down'],
|
|
233
272
|
screens: {
|
|
234
|
-
xs: '22.
|
|
235
|
-
sm: '
|
|
236
|
-
md: '
|
|
237
|
-
lg: '
|
|
238
|
-
xl: '
|
|
239
|
-
'2xl': '
|
|
240
|
-
'3xl': '
|
|
241
|
-
'4xl': '
|
|
242
|
-
xxl: '
|
|
243
|
-
'2xxl': '
|
|
273
|
+
xs: '22.5rem',
|
|
274
|
+
sm: '26rem',
|
|
275
|
+
md: '46.5rem',
|
|
276
|
+
lg: '60rem',
|
|
277
|
+
xl: '76rem',
|
|
278
|
+
'2xl': '82rem',
|
|
279
|
+
'3xl': '88rem',
|
|
280
|
+
'4xl': '100rem',
|
|
281
|
+
xxl: '126rem',
|
|
282
|
+
'2xxl': '158rem'
|
|
244
283
|
},
|
|
245
284
|
settings: {
|
|
246
285
|
rgb: false,
|
|
@@ -280,7 +319,6 @@ const createPlugin = (userConfig = {}) => {
|
|
|
280
319
|
addComponents(tailwindPropertyUtilities('mask', userConfig.mask));
|
|
281
320
|
addComponents(divideGap({ theme, e }));
|
|
282
321
|
addComponents({
|
|
283
|
-
...FlexUtility,
|
|
284
322
|
...DotUtility
|
|
285
323
|
});
|
|
286
324
|
}, {
|
|
@@ -292,23 +330,23 @@ const createPlugin = (userConfig = {}) => {
|
|
|
292
330
|
theme: {
|
|
293
331
|
extend: {
|
|
294
332
|
transitionProperty: {
|
|
295
|
-
DEFAULT: 'var(--transition)'
|
|
333
|
+
DEFAULT: 'var(--default-transition-property)'
|
|
296
334
|
},
|
|
297
335
|
transitionDuration: {
|
|
298
|
-
DEFAULT: 'var(--duration)'
|
|
336
|
+
DEFAULT: 'var(--default-transition-duration)'
|
|
299
337
|
},
|
|
300
|
-
transitionTimingFunction: tailwindVariables('
|
|
338
|
+
transitionTimingFunction: tailwindVariables('transition-timing-function', userConfig.ease),
|
|
301
339
|
colors: tailwindColors(userConfig.colors, settings.colorMix, settings.rgb),
|
|
302
|
-
fontSize: tailwindVariablesFont('
|
|
303
|
-
fontFamily: tailwindVariables('font', userConfig.fontFamily),
|
|
304
|
-
fontWeight: tailwindVariables('font', userConfig.fontWeight),
|
|
305
|
-
zIndex: tailwindVariables('z', userConfig.zIndex, {
|
|
340
|
+
fontSize: tailwindVariablesFont('font-size', userConfig.fontSize),
|
|
341
|
+
fontFamily: tailwindVariables('font-family', userConfig.fontFamily),
|
|
342
|
+
fontWeight: tailwindVariables('font-weight', userConfig.fontWeight),
|
|
343
|
+
zIndex: tailwindVariables('z-index', userConfig.zIndex, {
|
|
306
344
|
0: 0,
|
|
307
345
|
auto: 'auto'
|
|
308
346
|
}),
|
|
309
347
|
spacing: tailwindVariables('spacing', userConfig.spacing),
|
|
310
|
-
borderRadius: tailwindVariables('
|
|
311
|
-
DEFAULT: 'var(--
|
|
348
|
+
borderRadius: tailwindVariables('radius', userConfig.borderRadius, {
|
|
349
|
+
DEFAULT: 'var(--radius)'
|
|
312
350
|
}),
|
|
313
351
|
screens: userConfig.screens
|
|
314
352
|
}
|
package/plugin/utilities/dot.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
'.dot': {
|
|
3
3
|
display: 'inline-flex',
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
inlineSize: '0.5rem',
|
|
5
|
+
blockSize: '0.5rem',
|
|
6
6
|
borderRadius: 'var(--radius-full)',
|
|
7
|
-
backgroundColor: '
|
|
7
|
+
backgroundColor: 'currentColor',
|
|
8
8
|
flexShrink: '0',
|
|
9
9
|
justifyContent: 'center',
|
|
10
10
|
alignItems: 'center'
|
package/types/index.d.ts
CHANGED
|
@@ -23,6 +23,8 @@ declare module 'winduum' {
|
|
|
23
23
|
export const defaultConfig: PluginOptions
|
|
24
24
|
|
|
25
25
|
export default function createPlugin(userConfig?: PluginOptions): Plugin
|
|
26
|
+
|
|
27
|
+
export {};
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
declare module 'winduum/src/components/carousel' {
|
|
@@ -66,6 +68,8 @@ declare module 'winduum/src/components/carousel' {
|
|
|
66
68
|
export function paginationCarousel(element: HTMLElement | Element, options?: PaginationCarouselOptions): void
|
|
67
69
|
export function autoplayCarousel(element: HTMLElement | Element, options?: AutoplayCarouselOptions): void
|
|
68
70
|
export function dragCarousel(element: HTMLElement | Element, options?: DragCarouselOptions): void
|
|
71
|
+
|
|
72
|
+
export {};
|
|
69
73
|
}
|
|
70
74
|
|
|
71
75
|
declare module 'winduum/src/components/compare' {
|
|
@@ -77,6 +81,8 @@ declare module 'winduum/src/components/compare' {
|
|
|
77
81
|
export function setPosition(event: Event, options?: SetPositionOptions): void
|
|
78
82
|
export function setKeyboardStep(event: KeyboardEvent, step?: string): void
|
|
79
83
|
export function setMouseStep(event: MouseEvent, step?: string): void
|
|
84
|
+
|
|
85
|
+
export {};
|
|
80
86
|
}
|
|
81
87
|
|
|
82
88
|
declare module 'winduum/src/components/details' {
|
|
@@ -89,20 +95,24 @@ declare module 'winduum/src/components/details' {
|
|
|
89
95
|
export function showDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
|
|
90
96
|
export function closeDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
|
|
91
97
|
export function toggleDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
|
|
98
|
+
|
|
99
|
+
export {};
|
|
92
100
|
}
|
|
93
101
|
|
|
94
102
|
declare module 'winduum/src/components/dialog' {
|
|
95
103
|
export interface DefaultOptions {
|
|
96
104
|
remove?: boolean | null
|
|
97
105
|
closable?: boolean | null
|
|
98
|
-
|
|
99
|
-
|
|
106
|
+
openAttribute?: string
|
|
107
|
+
closedAttribute?: string
|
|
100
108
|
scrollbarWidthProperty?: string
|
|
101
109
|
}
|
|
102
110
|
|
|
103
111
|
export const defaultOptions: DefaultOptions
|
|
104
112
|
export function showDialog(element: HTMLDialogElement | HTMLElement, options?: DefaultOptions): Promise<void>
|
|
105
113
|
export function closeDialog(element: HTMLDialogElement | HTMLElement, options?: DefaultOptions): Promise<void>
|
|
114
|
+
|
|
115
|
+
export {};
|
|
106
116
|
}
|
|
107
117
|
|
|
108
118
|
declare module 'winduum/src/components/drawer' {
|
|
@@ -119,6 +129,8 @@ declare module 'winduum/src/components/drawer' {
|
|
|
119
129
|
export function showDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
|
|
120
130
|
export function closeDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
|
|
121
131
|
export function scrollDrawer(element: HTMLElement | Element, options?: ScrollDrawerOptions): void
|
|
132
|
+
|
|
133
|
+
export {};
|
|
122
134
|
}
|
|
123
135
|
|
|
124
136
|
declare module 'winduum/src/components/form' {
|
|
@@ -148,6 +160,8 @@ declare module 'winduum/src/components/form' {
|
|
|
148
160
|
|
|
149
161
|
export function validateForm(event: Event | SubmitEvent, options?: ValidateFormOptions): void
|
|
150
162
|
export function validateField(element: HTMLElement | SubmitEvent, options?: ValidateFieldOptions): void
|
|
163
|
+
|
|
164
|
+
export {};
|
|
151
165
|
}
|
|
152
166
|
|
|
153
167
|
declare module 'winduum/src/components/tabs' {
|
|
@@ -157,6 +171,8 @@ declare module 'winduum/src/components/tabs' {
|
|
|
157
171
|
}
|
|
158
172
|
|
|
159
173
|
export function toggleTab(element: HTMLElement | Element, options?: ToggleTabOptions): void
|
|
174
|
+
|
|
175
|
+
export {};
|
|
160
176
|
}
|
|
161
177
|
|
|
162
178
|
declare module 'winduum/src/components/toaster' {
|
|
@@ -190,6 +206,8 @@ declare module 'winduum/src/components/toaster' {
|
|
|
190
206
|
export function insertToaster(element: HTMLElement, options?: InsertToasterOptions): Promise<void>
|
|
191
207
|
export function insertToast(element: HTMLElement, options?: InsertToastOptions): Promise<void>
|
|
192
208
|
export function closeToaster(element: HTMLElement, options?: CloseToastOptions): Promise<void>
|
|
209
|
+
|
|
210
|
+
export {};
|
|
193
211
|
}
|
|
194
212
|
|
|
195
213
|
declare module 'winduum/src/components/popover' {
|
|
@@ -207,6 +225,8 @@ declare module 'winduum/src/components/popover' {
|
|
|
207
225
|
export function showPopover(element: HTMLElement | Element, options?: ShowPopoverOptions): Promise<void>
|
|
208
226
|
export function hidePopover(element: HTMLElement | Element): Promise<void>
|
|
209
227
|
export function togglePopover(element: HTMLElement | Element, options?: ShowPopoverOptions): Promise<void>
|
|
228
|
+
|
|
229
|
+
export {};
|
|
210
230
|
}
|
|
211
231
|
|
|
212
232
|
declare module 'winduum/src/components/range' {
|
|
@@ -229,14 +249,20 @@ declare module 'winduum/src/components/range' {
|
|
|
229
249
|
export function setTrackProperty(options: SetTrackPropertyOptions, track: 'start' | 'end'): void
|
|
230
250
|
export function setValue(element: HTMLInputElement, options?: SetValueOptions): void
|
|
231
251
|
export function setOutputValue(element: HTMLInputElement, outputElement: HTMLOutputElement | Element, options?: SetOutputOptions): void
|
|
252
|
+
|
|
253
|
+
export {};
|
|
232
254
|
}
|
|
233
255
|
|
|
234
256
|
declare module 'winduum/src/utilities/ripple' {
|
|
235
257
|
export function showRipple(event: MouseEvent, element?: HTMLElement): void
|
|
258
|
+
|
|
259
|
+
export {};
|
|
236
260
|
}
|
|
237
261
|
|
|
238
262
|
declare module 'winduum/src/utilities/swap' {
|
|
239
263
|
export function toggleSwap(element: HTMLElement): void
|
|
264
|
+
|
|
265
|
+
export {};
|
|
240
266
|
}
|
|
241
267
|
|
|
242
268
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
|
@@ -90,6 +90,5 @@
|
|
|
90
90
|
null,
|
|
91
91
|
null
|
|
92
92
|
],
|
|
93
|
-
"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA
|
|
94
|
-
"ignoreList": []
|
|
93
|
+
"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;;;;;;;kBCtBTC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;kBCPXC,cAAcA;;;;;cAKlBC,cAAcA;iBACXC,WAAWA;iBACXC,YAAYA;iBACZC,aAAaA;;;;;;kBCRZJ,cAAcA;;;;;;;;cAQlBC,cAAcA;iBACXI,UAAUA;iBACVC,WAAWA;;;;;;kBCVVC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,YAAYA;;;;;;kBCZXC,mBAAmBA;;;;;;kBAMnBC,oBAAoBA;;;;;;;;;;;;;;;;;;iBAkBrBC,YAAYA;iBACZC,aAAaA;;;;;;;;;;;iBCpBbC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;kBAKjBC,oBAAoBA;;;;kBAIpBC,kBAAkBA;;;;;;;;;iBASnBC,UAAUA;iBACVC,SAASA;iBACTC,aAAaA;iBACbC,WAAWA;iBACXC,YAAYA;;;;;;;kBC3BXC,kBAAkBA;;;;;;;;;;iBAUnBC,WAAWA;iBACXC,WAAWA;iBACXC,aAAaA;;;;;;kBCdZC,uBAAuBA;;;;;;kBAMvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;iBClBdC,UAAUA;;;;;;iBCAVC,UAAUA"
|
|
95
94
|
}
|