winduum 0.5.3 → 0.6.0-next.1
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/assets/index-xIgNpv_7.css +1 -0
- package/dist/index.html +16 -0
- package/dist/main-rgb.css +1 -1
- package/dist/main.css +1 -1
- package/dist/tailwind.css +1 -1
- package/package.json +1 -1
- package/src/base/default.css +31 -20
- package/src/base/reset.css +54 -42
- package/src/base/theme/default-rgb.css +18 -18
- package/src/base/theme/default.css +11 -11
- package/src/ui/badge/default-rgb.css +1 -1
- package/src/ui/badge/default.css +1 -1
- package/src/ui/btn/default-rgb.css +1 -1
- package/src/ui/btn/default.css +3 -3
- package/src/ui/check.css +1 -1
- package/src/ui/image.css +1 -0
- package/src/ui/progress/default.css +0 -1
- package/src/ui/text.css +0 -10
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:where(address),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(html),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(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(button),:where(p),:where(a){all:unset;display:revert}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary){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;outline:none;border:0 solid currentColor;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(small){font-size:80%}: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}::-webkit-details-marker{display:none}: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,:where(input)::-webkit-outer-spin-button,:where(input)::-webkit-inner-spin-button{align-self:center;background-position:50% 50%}:after,:before{--tw-content: ""}::-moz-selection{color:var(--color-light);background-color:var(--color-accent)}::selection{color:var(--color-light);background-color:var(--color-accent)}:where(svg){stroke-width:1.5}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(button){cursor:pointer}:where(hr){border-top:1px solid var(--color-body-tertiary);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(:not(pre)>code,kbd){white-space:nowrap}:where(pre>code){display:block;margin:0}:where(html){color-scheme:var(--color-scheme);font-family:var(--font-primary);font-weight:var(--font-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:root,:host{--font-default: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary: var(--font-default);--font-secondary: var(--font-default);--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain ;--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;--transition-all: all var(--duration) var(--ease-in-out);--transition-color: color var(--duration) var(--ease-in-out);--transition-background: background var(--duration) var(--ease-in-out);--transition-opacity: opacity var(--duration) var(--ease-in-out);--transition-transform: transform var(--duration) var(--ease-in-out);--transition-border: border-color var(--duration) var(--ease-in-out);--transition-shadow: box-shadow var(--duration) var(--ease-in-out);--duration: .15s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion){:root,:host{--duration: 0}}:root,:host{--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}:root,:host{--color-scheme: light;--color-current: var(--color-main);--color-current-foreground: var(--color-main-foreground);--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 sRGB, var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in sRGB, 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 sRGB, var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in sRGB, 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}:root.dark,:host.dark{--color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.ui-badge{--color-current: var(--color-accent-foreground);--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-bg: color-mix(in sRGB, var(--color-accent) var(--ui-badge-bg-opacity), var(--ui-badge-bg-mix, transparent));--ui-badge-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-badge-color: color-mix(in sRGB, var(--color-current) var(--ui-badge-color-opacity), transparent);--ui-badge-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);width:var(--ui-badge-width, auto);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius, var(--rounded-lg));font-family:var(--ui-badge-font-family, inherit);font-weight:var(--ui-badge-font-weight, inherit);font-size:var(--ui-badge-font-size, var(--text-xs));letter-spacing:var(--ui-badge-letter-spacing, inherit);background-color:var(--ui-badge-bg);color:var(--ui-badge-color);display:inline-flex;text-align:center;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;position:relative;gap:var(--ui-badge-gap, var(--spacing-xs));transition:var(--transition-opacity)}.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){border:var(--ui-badge-border-width, 1px) solid color-mix(in sRGB,var(--color-accent) var(--ui-badge-border-opacity, calc(var(--tw-border-opacity, 1) * 100%)),transparent);padding-inline:calc(var(--ui-badge-px) - var(--ui-badge-border-width, 1px))}.ui-badge:is(.bordered){--color-current: var(--color-accent);--ui-badge-bg-opacity: 0%}.ui-badge:is(.muted){--color-current: var(--color-accent);--ui-badge-bg-opacity: 10%}.ui-badge:is(.square){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}.ui-badge:is(.circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height);--ui-badge-border-radius: var(--rounded-full)}.ui-btn{--color-current: var(--color-accent-foreground);--ui-btn-height: 2.25rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem;--ui-btn-bg: color-mix(in sRGB, var(--color-accent) var(--ui-btn-bg-opacity), var(--ui-btn-bg-mix, transparent));--ui-btn-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-btn-color: color-mix(in sRGB, var(--color-current) var(--ui-btn-color-opacity), transparent);--ui-btn-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);width:var(--ui-btn-width, auto);height:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius, var(--rounded));font-size:var(--ui-btn-font-size, var(--text-sm));font-weight:var(--ui-btn-font-weight, var(--font-medium));letter-spacing:var(--ui-btn-letter-spacing, 0);background-color:var(--ui-btn-bg);color:var(--ui-btn-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:inline-flex;text-align:center;align-items:center;justify-content:center;white-space:nowrap;position:relative;flex-shrink:0;z-index:0;gap:var(--ui-btn-gap, .375rem);outline:var(--ui-btn-outline-width, 2px) solid transparent;outline-offset:0}.ui-btn:where([class*=accent-main]){--ui-btn-hover-bg-mix: var(--color-main-foreground)}.ui-btn:where([class*=accent-body]){--ui-btn-hover-bg-mix: var(--color-body-foreground)}.ui-btn:where(input):after{content:attr(aria-label)}.ui-btn{transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-btn:is([href],button,[role=button],input,.interactive){cursor:pointer}.ui-btn:is([href],button,[role=button],input,.interactive):disabled{opacity:var(--ui-btn-disabled-opacity, .7);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):hover{--ui-btn-color: var(--ui-btn-hover-color, var(--color-current));--ui-btn-bg-mix: var(--ui-btn-hover-bg-mix, black);--ui-btn-bg-opacity: var(--ui-btn-hover-bg-opacity, 80%)}}.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):focus{outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-btn-focus-outline-color-opacity, 50%),var(--ui-btn-focus-outline-color-mix, transparent));outline-offset:var(--ui-btn-focus-outline-offset, 2px)}.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):is(:active,:checked,.active){--ui-btn-color: var(--ui-btn-active-color, var(--color-current));--ui-btn-bg-mix: var(--ui-btn-active-bg-mix, black);--ui-btn-bg-opacity: var(--ui-btn-active-bg-opacity, 90%)}.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){--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px;pointer-events:none;color:transparent}.ui-btn:is(.loading)>*{opacity:0}.ui-btn:is(.loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid var(--color-current);border-right-color:transparent;border-radius:50%;animation:spin .45s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}.ui-btn:where(.wide){padding-inline:calc(var(--ui-btn-px) * 1.5)}.ui-btn:where(.bordered){border:var(--ui-btn-border-width, 1px) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity, calc(var(--tw-border-opacity, .3) * 100%)),transparent);padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width, 1px))}.ui-btn:is(.bordered){--color-current: var(--color-accent);--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-bg-opacity: 0%}.ui-btn:is(.ghosted){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-bg-opacity: 0%;--color-current: var(--color-accent)}.ui-btn:is(.hover-fill){--ui-btn-hover-bg-mix: black;--ui-btn-hover-bg-opacity: 100%;--ui-btn-active-bg-mix: black;--ui-btn-active-bg-opacity: 90%;--ui-btn-hover-color: var(--color-light);--ui-btn-active-color: var(--color-light)}.ui-btn:where(.gradient):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in sRGB,var(--ui-btn-bg-mix) calc(100% - var(--ui-btn-bg-opacity)),transparent);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):before{content:"";position:absolute;background-color:color-mix(in sRGB,var(--color-body) calc(100% - var(--ui-btn-bg-opacity)),transparent);inset:var(--ui-btn-border-width);border-radius:calc(var(--ui-btn-border-radius, var(--rounded)) / 1.25);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):where(.hover-fill):before{background-color:color-mix(in sRGB,var(--color-body) var(--ui-btn-bg-opacity),transparent)}.ui-btn:is(.gradient-bordered){--ui-btn-border-width: 2px;--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: 0;--ui-btn-bg-opacity: 0%;--color-current: var(--color-main)}.ui-btn:is(.gradient-bordered):is(.hover-fill){--ui-btn-bg-opacity: 100%}.ui-btn:is(.muted){--color-current: var(--color-accent);--ui-btn-hover-bg-mix: transparent;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-hover-bg-opacity: 30%;--ui-btn-bg-opacity: 10%}.ui-btn:where(.raised){border:var(--ui-btn-border-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity),var(--color-current));padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.raised){--ui-btn-border-width: 2px;--ui-btn-border-opacity: calc(var(--tw-border-opacity, .85) * 100%)}.ui-btn:is(.square){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height)}.ui-btn:is(.circle){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height);--ui-btn-border-radius: var(--rounded-full)}.ui-check{--ui-check-width: 1.25rem;--ui-check-checked-bg: var(--color-accent);--ui-check-icon-width: 1.125rem;display:inline-flex;gap:var(--ui-check-gap, .75rem);font-weight:var(--ui-check-font-weight, var(--font-normal));font-size:var(--ui-check-font-size, var(--text-sm));line-height:var(--ui-check-line-height, calc(1em + var(--ui-check-line-height-ratio, .25lh)));letter-spacing:var(--ui-check-letter-spacing, inherit);text-wrap:balance}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-2w-2t-2r-2z-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-15]:not(.does-not-exist){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check:has([type=radio]){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check :where(label[for],input){cursor:pointer}.ui-check :where(a){color:var(--color-accent);text-decoration:underline}.ui-check :where(input){display:flex;width:var(--ui-check-width);height:var(--ui-check-width);background-color:var(--ui-check-bg, color-mix(in sRGB, var(--color-current) var(--ui-check-bg-opacity, 0), var(--ui-check-bg-mix, transparent)));border:var(--ui-check-border-width, 1px) solid color-mix(in sRGB,var(--ui-check-border-color, var(--color-current)) var(--ui-check-border-opacity, calc(var(--tw-border-opacity, .2) * 100%)),var(--ui-check-border-mix, transparent));border-radius:var(--ui-check-radius, var(--rounded-md));outline:var(--ui-check-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);flex-shrink:0}.ui-check :where(input):before{transition:var(--transition-color),var(--transition-opacity),var(--transition-transform);color:var(--color-accent-foreground);content:"";background-color:currentColor;-webkit-mask:var(--ui-check-icon, var(--mask-check));mask:var(--ui-check-icon, var(--mask-check));opacity:0;transform:scale(0);will-change:transform;width:var(--ui-check-icon-width);height:var(--ui-check-icon-width);margin:auto}:is(.ui-check :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-check :where(input):not(:disabled):is(:hover,:focus-visible){--color-current: var(--ui-check-checked-bg);--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;--ui-check-bg-opacity: 10%}.ui-check :where(input):not(:disabled):focus{--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;outline-color:color-mix(in sRGB,var(--ui-check-checked-bg) var(--ui-check-outline-opacity, 20%),transparent);outline-offset:var(--ui-check-outline-offset, 0)}.ui-check :where(input):disabled{--ui-check-bg-opacity: 15%;cursor:not-allowed;opacity:var(--ui-check-disabled-opacity, .5)}.ui-check :where(input):indeterminate{--ui-check-icon: var(--mask-indeterminate)}.ui-check :where(input):is(:checked,:indeterminate){--ui-check-border-opacity: 0%;--ui-check-bg: var(--ui-check-checked-bg)}.ui-check :where(input):is(:checked,:indeterminate):before{opacity:1;transform:scale(1)}.ui-check.invalid,.validated .ui-check :where(input):invalid{--color-current: var(--color-error);--ui-check-border-color: var(--color-error);--ui-check-checked-bg: var(--color-error);--ui-check-border-opacity: 100%}.ui-control{--ui-control-height: 3rem;--ui-control-height-textarea: 8rem;--ui-control-px: .75rem;--ui-control-py: .75rem;--ui-control-border-width: 1px;display:grid;height:var(--ui-control-height);font-family:var(--ui-contro-font-family, var(--font-primary));font-weight:var(--ui-control-font-weight, var(--font-medium));font-size:var(--ui-control-font-size, var(--text-sm));letter-spacing:var(--ui-control-letter-spacing, inherit);background-color:var(--ui-control-bg, transparent);color:var(--ui-control-color, currentColor);border-radius:var(--ui-control-border-radius, var(--rounded));border:var(--ui-control-border-width) solid color-mix(in sRGB,var(--ui-control-border-color, var(--color-current)) var(--ui-control-border-opacity, 15%),var(--ui-control-border-mix, transparent));outline:var(--ui-control-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);grid-template:[control-start] calc(var(--ui-control-py) - var(--ui-control-border-width)) [control-p] 1fr calc(var(--ui-control-py) - var(--ui-control-border-width)) [control-end] / [control-start] var(--ui-control-px) [control-p] 1fr var(--ui-control-px) [control-end]}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15]:not(does-not-exist){height:auto}.ui-control:has(textarea){height:auto}.ui-control>:where(*){grid-area:control-p;align-self:center}.ui-control :where(input,textarea,select){text-overflow:ellipsis;overflow:clip;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:control;align-self:stretch}.ui-control :where(input,textarea,select):disabled{cursor:not-allowed;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-disabled-opacity, 5%),var(--ui-control-bg, transparent))}.ui-control :where(input,textarea)::-moz-placeholder{color:var(--ui-control-placeholder-color, currentColor);opacity:var(--ui-control-placeholder-opacity, .5)}.ui-control :where(input,textarea)::placeholder{color:var(--ui-control-placeholder-color, currentColor);opacity:var(--ui-control-placeholder-opacity, .5)}.ui-control :where(textarea){resize:vertical;min-height:var(--ui-control-height-textarea)}.ui-control:focus-within{--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-accent);outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-control-outline-opacity, 20%),transparent);outline-offset:var(--ui-control-outline-offset, 0)}.ui-control.invalid,.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--color-accent: var(--color-error);background-color:color-mix(in sRGB,var(--color-error) var(--ui-control-invalid-bg-opacity, 10%),var(--ui-control-bg))}.ui-control.invalid,.validated .ui-control:has(:invalid){--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--color-accent: var(--color-error);background-color:color-mix(in sRGB,var(--color-error) var(--ui-control-invalid-bg-opacity, 10%),var(--ui-control-bg))}.ui-control{--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-icon-size: 1.25rem;--ui-control-icon-gap: .375rem;--ui-control-icon-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-icon-e: calc(var(--ui-control-icon-count-e, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-37-15]:not(.does-not-exist){--ui-control-ps: calc(var(--ui-control-icon-s) + var(--ui-control-px))}.ui-control:has(.icon-s){--ui-control-ps: calc(var(--ui-control-icon-s) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-15]:not(.does-not-exist){--ui-control-pe: calc(var(--ui-control-icon-e) + var(--ui-control-px))}.ui-control:has(.icon-e){--ui-control-pe: calc(var(--ui-control-icon-e) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-37-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-s: 2}.ui-control:has(.icon-s>*:nth-child(2)){--ui-control-icon-count-s: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(.icon-e>*:nth-child(2)){--ui-control-icon-count-e: 2}.ui-control :where(.icon-s){margin-inline-end:auto}.ui-control :where(.icon-e){margin-inline-start:auto}.ui-control :where(.icon-s,.icon-e){display:flex;align-items:center;gap:var(--ui-control-icon-gap)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1m-3b-2w-2t-36-2t-14-1a-2x-2r-33-32-19-37-18-w-1a-2x-2r-33-32-19-2t-15]:not(does-not-exist){align-self:start}.ui-control:has(textarea) :where(.icon-s,.icon-e){align-self:start}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]:not(.does-not-exist){overflow:clip}.ui-control:has([type=file]){overflow:clip}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-w-1m-3b-2w-2t-36-2t-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2u-33-2r-39-37-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-file-selector-button-bg-opacity: 20%}.ui-control:has([type=file]) :where([type=file]):is(:hover,:focus){--ui-control-file-selector-button-bg-opacity: 20%}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-w-1m-3b-2w-2t-36-2t-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]:not(.does-not-exist)::file-selector-button{all:unset;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-file-selector-button-bg-opacity, 15%),transparent);height: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-top-right-radius:var(--ui-control-border-radius, var(--rounded));border-bottom-right-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.ui-control:has([type=file]) :where([type=file])::file-selector-button{all:unset;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-file-selector-button-bg-opacity, 15%),transparent);height: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-top-right-radius:var(--ui-control-border-radius, var(--rounded));border-bottom-right-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.ui-control:where(:has(:not([type=color])~label)){--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(label){pointer-events:none;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0)}.ui-control:where(:has(:not([type=color])~label)) :where(label){pointer-events:none;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0)}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)):where([csstools-has-1m-2w-2p-37-14-1m-36-2t-35-39-2x-36-2t-2s-15]) :where(label):after{color:var(--color-error);content:" *"}.ui-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--color-error);content:" *"}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label)) :where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(textarea))+:where(label){align-self:start}:is(.ui-control:where(:has(:not([type=color])~label)) :where(textarea))+:where(label){align-self:start}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label)) :where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-calendar-picker-indicator,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-search-cancel-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-outer-spin-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-calendar-picker-indicator,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-search-cancel-button,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-outer-spin-button,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-placeholder-color: transparent}.ui-control:where(:has(:not([type=color])~label)){--ui-control-placeholder-color: transparent}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity, .5)}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity, .5)}: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, .5)}: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, .5)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist){--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem;--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.ui-control:has(select){--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem;--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-15]:not(.does-not-exist):not(does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(select):has(.icon-e){--ui-control-icon-count-e: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-w-1m-3b-2w-2t-36-2t-14-1a-2x-2r-33-32-19-2t-15]:not(does-not-exist){margin-inline-end:var(--ui-control-select-icon-size)}.ui-control:has(select) :where(.icon-e){margin-inline-end:var(--ui-control-select-icon-size)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist):after{content:"";width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);background-color:currentColor;-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);pointer-events:none;grid-area:control-p;align-self:center;margin-inline:auto var(--ui-control-select-icon-me)}.ui-control:has(select):after{content:"";width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);background-color:currentColor;-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);pointer-events:none;grid-area:control-p;align-self:center;margin-inline:auto var(--ui-control-select-icon-me)}.ui-group{display:flex;flex-wrap:wrap}.js-has-pseudo [csstools-has-1a-39-2x-19-2v-36-33-39-34-1m-2w-2p-37-14-1a-39-2x-19-2r-33-32-38-36-33-30-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2q-38-32-15]:not(.does-not-exist){--ui-btn-border-width: 1px;--ui-btn-border-opacity: 15%;--ui-btn-height: auto;min-width:3rem}.ui-group:has(.ui-control) :where(.ui-btn){--ui-btn-border-width: 1px;--ui-btn-border-opacity: 15%;--ui-btn-height: auto;min-width:3rem}.ui-group :where(.ui-btn){--ui-btn-focus-outline-offset: 0}.ui-group>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ui-group>*:not(:first-child),.ui-group>*:not(:first-child) :where(input,select){border-left:0}.ui-group>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ui-heading{font-family:var(--ui-heading-font-family, var(--font-primary));font-weight:var(--ui-heading-font-weight, var(--font-semibold));font-size:var(--ui-heading-font-size, var(--text-xl));line-height:var(--ui-heading-line-height, calc(1em + var(--ui-heading-line-height-ratio, .25lh)));letter-spacing:var(--ui-heading-letter-spacing, 0);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;max-width:-moz-fit-content;max-width:fit-content}.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:cover;object-fit:cover}.ui-info{font-family:var(--ui-info-font-family, inherit);font-weight:var(--ui-info-font-weight, inherit);font-size:var(--ui-info-font-size, var(--text-xs));line-height:var(--ui-info-line-height, calc(1em + var(--ui-info-line-height-ratio, .15lh)));letter-spacing:var(--ui-info-letter-spacing, inherit);text-wrap:balance}.ui-label{font-family:var(--ui-label-font-family, inherit);font-weight:var(--ui-label-font-weight, inherit);font-size:var(--ui-label-font-size, var(--text-sm));line-height:var(--ui-label-line-height, calc(1em + var(--ui-label-line-height-ratio, .15lh)));letter-spacing:var(--ui-label-letter-spacing, inherit);text-wrap:balance}.ui-notice{--color-current: var(--color-accent);--ui-notice-outline-width: 1px;position:relative;display:flex;flex-direction:column;padding:var(--ui-notice-py, 1.25rem) var(--ui-notice-px, 1.5rem);font-size:var(--ui-notice-font-size, var(--text-sm));border-radius:var(--rounded);background-color:color-mix(in sRGB,var(--color-accent) 10%,transparent);outline:var(--ui-notice-outline-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-notice-outline-opacity, 10%),transparent);outline-offset:var(--ui-notice-outline-offset, calc(var(--ui-notice-outline-width) * -1));color:var(--color-accent);gap:var(--ui-notice-gap, 1.25rem);text-wrap:balance}.ui-notice :where(hr){--tw-border-opacity: .2}.ui-progress{--ui-progress-bg: color-mix(in sRGB, var(--color-accent) var(--ui-progress-bg-opacity), var(--color-body));--ui-progress-bg-opacity: calc(var(--tw-bg-opacity, 1) * 10%);height:var(--ui-progress-height, 1rem);border-radius:var(--ui-progress-border-radius, var(--rounded-full));background-color:var(--ui-progress-bg);width:100%;overflow:clip}.ui-progress::-webkit-progress-bar{background-color:transparent}.ui-progress::-webkit-progress-value{background-color:var(--color-accent)}.ui-progress::-moz-progress-bar{background-color:var(--color-accent)}.ui-progress:indeterminate{animation:1.5s linear 0s forwards infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 30%,var(--ui-progress-bg) 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.ui-progress:indeterminate::-moz-progress-bar{background-color:transparent}.ui-progress::-webkit-meter-inner-element{position:relative;display:block}.ui-progress::-webkit-meter-bar{border:0;background:transparent}.ui-progress::-webkit-meter-optimum-value{background:var(--color-success)}.ui-progress::-webkit-meter-suboptimum-value{background:var(--color-warning)}.ui-progress::-webkit-meter-even-less-good-value{background:var(--color-error)}.ui-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--color-success)}.ui-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-warning)}.ui-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-error)}.ui-progress:is(.sm){--ui-progress-height: .5rem}.ui-progress:is(.lg){--ui-progress-height: 1.5rem}.ui-switch{--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-check-icon-size: 1.125rem;display:inline-flex;gap:var(--ui-switch-gap, .75rem);font-weight:var(--ui-switch-font-weight, var(--font-normal));font-size:var(--ui-switch-font-size, var(--text-sm));line-height:var(--ui-switch-line-height, calc(1em + var(--ui-switch-line-height-ratio, .25lh)));letter-spacing:var(--ui-switch-letter-spacing, inherit);text-wrap:balance}:where(.dark) .ui-switch{--ui-switch-bg: var(--color-body-tertiary)}.ui-switch :where(label[for],input){cursor:pointer}.ui-switch :where(a){color:var(--color-accent);text-decoration:underline}.ui-switch :where(input){display:flex;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-switch-bg, var(--color-dark));border-radius:var(--ui-switch-radius, var(--rounded-full));outline:var(--ui-switch-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);flex-shrink:0;position:relative;padding:calc((var(--ui-switch-height) - var(--ui-check-icon-size)) / 2)}.ui-switch :where(input):before{content:"";width:var(--ui-check-icon-size);height:var(--ui-check-icon-size);background-color:var(--color-light);border-radius:inherit;margin-block:auto;transition:var(--transition-all)}:is(.ui-switch :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-switch :where(input):disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity, .5)}.ui-switch :where(input):focus{outline-color:color-mix(in sRGB,var(--color-current) var(--ui-switch-outline-opacity, 20%),transparent);outline-offset:var(--ui-switch-outline-offset, 0)}.ui-switch :where(input):checked{--color-current: var(--color-accent);--ui-switch-bg: var(--color-accent)}.ui-switch :where(input):checked:before{margin-left:calc(100% - var(--ui-check-icon-size))}.ui-switch :where(input):indeterminate:before{margin-left:calc(50% - var(--ui-check-icon-size) / 2)}.ui-switch.invalid,.validated .ui-switch :where(input):invalid{--ui-switch-bg: var(--color-error)}.ui-text{--ui-text-content-bold: var(--font-semibold);--ui-text-content-my: 1.25em;--ui-text-content-marker-size: .375em;font-family:var(--ui-text-font-family, var(--font-primary));font-weight:var(--ui-text-font-weight, var(--font-normal));font-size:var(--ui-text-font-size, inherit);line-height:var(--ui-text-line-height, calc(1em + var(--ui-text-line-height-ratio, .5lh)));letter-spacing:var(--ui-text-letter-spacing, 0)}.ui-text>:is(*:first-child){margin-block-start:0}.ui-text>:is(*:last-child){margin-block-end:0}.ui-text :where(a){text-decoration:underline;transition:var(--transition-color);color:var(--color-accent)}@media (hover: hover) and (pointer: fine){.ui-text :where(a):hover{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}}.ui-text :where(a):focus-visible{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}.ui-text :where(b,strong){font-weight:var(--ui-text-content-bold)}.ui-text :where(s,u,em,i){all:revert}.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, 3em)}.ui-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-text-heading-font-family, var(--font-secondary));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, calc(1em + var(--ui-text-heading-line-height-ratio, .25lh)));letter-spacing:var(--ui-text-heading-letter-spacing);margin-block:var(--ui-text-heading-my, 1.5em .5em);color:var(--ui-text-heading-color, inherit);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-bottom:1px solid color-mix(in sRGB,var(--color-current) 7.5%,transparent)}.ui-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in sRGB,var(--color-current) 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}.ui-title{font-family:var(--ui-title-font-family, var(--font-secondary));font-weight:var(--ui-title-font-weight, var(--font-semibold));font-size:var(--ui-title-font-size, var(--text-sm));line-height:var(--ui-title-line-height, calc(1em + var(--ui-title-line-height-ratio, .15lh)));letter-spacing:var(--ui-title-letter-spacing, 0);text-wrap:balance}.ui-title:is(.sm){--ui-title-font-size: var(--text-xs)}.ui-title:is(.lg){--ui-title-font-size: var(--text-base)}.c-dialog{animation:var(--duration) ease 0s backwards 1 fade-in-down;position:relative;z-index:var(--z-20);margin:auto;background-color:var(--color-body-primary);width:100%;max-width:var(--c-dialog-width, 35rem);border-radius:var(--rounded-3xl);padding:var(--c-dialog-py, 1.5rem) var(--c-dialog-px, 1.5rem)}:where(dialog:not([open])) .c-dialog{animation:var(--duration) ease 0s forwards 1 fade-out-up}.c-field{display:flex;flex-direction:column;gap:var(--c-field-gap, .5rem)}.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-2u-33-2j-2w-2x-2s-2s-2t-32-2l-15]:not(.does-not-exist):not(.does-not-exist){display:block}.validated .c-field:has(:invalid) :where(.ui-info[hidden]){display:block}.js-has-pseudo [csstools-has-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-2j-36-2t-35-39-2x-36-2t-2s-2l-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-30-2p-2q-2t-30-15]:not(.does-not-exist):after{color:var(--color-error);content:" *"}.c-field:has([required]) :where(.ui-label):after{color:var(--color-error);content:" *"}.lib-dialog{top:0;right:0;bottom:0;left:0;z-index:var(--z-30);position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--lib-ripple-bg, color-mix(in sRGB, var(--color-dark) calc(var(--tw-bg-opacity, .8) * 100%), transparent));overscroll-behavior:contain;display:flex;padding:var(--lib-dialog-py, 2rem) var(--lib-dialog-px, 1.5rem);transition:var(--transition-background)}.lib-dialog,.lib-dialog::backdrop{visibility:hidden}.lib-dialog:not([open]){background-color:transparent;pointer-events:none}.is-lib-dialog-open .lib-dialog{visibility:visible}.is-lib-dialog-open{scrollbar-width:none;padding-inline-end:var(--lib-dialog-scrollbar-width, 0)}.is-lib-dialog-open::-webkit-scrollbar{display:none}.lib-ripple{position:absolute;background:var(--lib-ripple-bg, color-mix(in sRGB, var(--color-body) calc(var(--tw-bg-opacity, .4) * 100%), transparent));border-radius:50%;transform:scale(0);animation-duration:var(--lib-ripple-animation-duration, 1s);pointer-events:none}*,: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: }::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: }.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)}.underline{text-underline-offset:var(--tw-underline-offset, .125em)}.decoration-transparent:where([href],button,.interactive){transition:all var(--duration) var(--ease-in-out)}.decoration-transparent:where([href],button,.interactive):not(:hover,:focus){text-underline-offset:var(--tw-underline-offset-transparent, -.25em)}.decoration-transparent:where([href],button,.interactive):is(:hover,:focus){text-decoration-color:var(--color-current)}.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] minmax(0,calc((var(--container-width) - var(--container-sm-width)) / 2)) [container-sm-start] min(100% - (var(--container-padding) * 2),var(--container-sm-width)) [container-sm-end] minmax(0,calc((var(--container-width) - var(--container-sm-width)) / 2)) [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}.absolute{position:absolute}.col-\[control\]{grid-column: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-\[control\]{grid-row:control}.ms-auto{margin-inline-start:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.min-h-\[200vh\]{min-height:200vh}.w-28{width:7rem}.w-5{width:1.25rem}.w-full{width:100%}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.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 sRGB,var(--color-body-tertiary) calc(var(--tw-divide-opacity) * 100%),transparent)}.self-stretch{align-self:stretch}.rounded{border-radius:var(--rounded)}.rounded-full{border-radius:var(--rounded-full)}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-current{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-current) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-info) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-light) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-warning) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-warning\/10{background-color:color-mix(in sRGB,var(--color-warning) 10%,transparent)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity: .1}.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)}.p-4{padding:1rem}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.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}.text-center{text-align:center}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.text-lg{font-size:var(--text-lg);line-height:calc(var(--text-lg) + .5rem)}.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}.decoration-transparent{text-decoration-color:transparent}.accent-accent{accent-color:var(--color-accent)}.accent-amber-600{--color-accent: #d97706;accent-color:var(--color-accent)}.accent-body{--color-accent: var(--color-body);--color-accent-fg: var(--color-body-fg, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: var(--color-current);--color-accent-fg: var(--color-current-fg, var(--color-light));accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-fg: var(--color-dark-fg, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-fg: var(--color-error-fg, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-fg: var(--color-info-fg, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-fg: var(--color-light-fg, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-fg: var(--color-main-fg, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-fg: var(--color-primary-fg, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-fg: var(--color-success-fg, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-fg: var(--color-warning-fg, var(--color-light));accent-color:var(--color-accent)}.text-accent{--color-current: color-mix(in sRGB, var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-current{color:color-mix(in sRGB,var(--color-current) 100%,transparent)}.text-dark{--color-current: color-mix(in sRGB, var(--color-dark) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-error{--color-current: color-mix(in sRGB, var(--color-error) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-error) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-info{--color-current: color-mix(in sRGB, var(--color-info) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-info) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-light{--color-current: color-mix(in sRGB, var(--color-light) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-light) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-main{--color-current: color-mix(in sRGB, var(--color-main) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-main) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-primary{--color-current: color-mix(in sRGB, var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-primary\/50{--color-current: color-mix(in sRGB, var(--color-primary) 50% , transparent);color:color-mix(in sRGB,var(--color-primary) 50%,transparent)}.text-red-400\/50{--color-current: rgb(248 113 113 / .5);color:#f8717180}.text-success{--color-current: color-mix(in sRGB, var(--color-success) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-success) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-warning{--color-current: color-mix(in sRGB, var(--color-warning) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-warning) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.animation-ripple{animation-name:ripple}@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))}}.\[--ui-control-pe\:theme\(spacing\.14\)\]{--ui-control-pe: 3.5rem}.\[--ui-control-ps\:theme\(spacing\.8\)\]{--ui-control-ps: 2rem}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-sm: min(100% - (var(--container-padding) * 2), var(--container-sm-width));--container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));--container-width: 80rem;--container-sm-width: 50rem;--container-lg-width: 90rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.before\:skeleton:before{content:var(--tw-content);background:linear-gradient(270deg,color-mix(in sRGB,var(--color-body) 50%,var(--color-main)),color-mix(in sRGB,var(--color-body) 80%,var(--color-main)),color-mix(in sRGB,var(--color-body) 80%,var(--color-main)),color-mix(in sRGB,var(--color-body) 50%,var(--color-main)));background-size:400% 100%;animation:skeleton-wave 1.5s linear infinite;opacity:.3;transition:opacity .3s ease-out}.hover\:decoration-primary:hover{text-decoration-color:color-mix(in sRGB,var(--color-primary) 100%,transparent)}.hover\:text-accent:hover{--color-current: color-mix(in sRGB, var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-primary:hover{--color-current: color-mix(in sRGB, var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}.focus\:\!outline-purple-600\/30:focus{outline-color:#9333ea4d!important}:is(:where(.dark) .dark\:bg-dark){--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}:is(:where(.dark) .dark\:text-light){--color-current: color-mix(in sRGB, var(--color-light) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-light) calc(var(--tw-text-opacity, 1) * 100%),transparent)}
|
package/dist/index.html
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<title>Winduum UI</title>
|
|
6
|
+
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1, viewport-fit=cover"/>
|
|
7
|
+
<link rel="stylesheet" crossorigin href="/assets/index-xIgNpv_7.css">
|
|
8
|
+
</head>
|
|
9
|
+
<body class="bg-blue-100/10 dark:bg-dark p-md flex flex-col items-start gap-4 text-lg font-bold text-primary">
|
|
10
|
+
<a href="/common.html">ui-heading, ui-title, ui-link, ui-image</a>
|
|
11
|
+
<a href="/badge.html">ui-badge</a>
|
|
12
|
+
<a href="/btn.html">ui-btn</a>
|
|
13
|
+
<a href="/input.html">ui-control</a>
|
|
14
|
+
<div class="text-primary/50 accent-amber-600 flex-col">asd</div>
|
|
15
|
+
</body>
|
|
16
|
+
</html>
|
package/dist/main-rgb.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ui-btn{--color-current-rgb: var(--color-accent-
|
|
1
|
+
.ui-btn{--color-current-rgb: var(--color-accent-foreground-rgb);--ui-btn-bg: rgb(var(--color-accent-rgb) / var(--ui-btn-bg-opacity));--ui-btn-color: rgb(var(--color-current-rgb) / var(--ui-btn-color-opacity))}.ui-btn:where(.bordered,.muted,.ghosted){--color-current-rgb: var(--color-accent-rgb)}.ui-btn:where(.bordered){border:var(--ui-btn-border-width, 1px) solid rgb(var(--color-accent-rgb) / var(--ui-btn-border-opacity, calc(var(--tw-border-opacity, .3) * 100%)))}.ui-btn:where(.gradient-bordered):before{background-color:rgb(var(--color-body-rgb) / calc(100% - var(--ui-btn-bg-opacity)))}.ui-btn:where(.gradient-bordered):where(.hover-fill):before{background-color:rgb(var(--color-body-rgb) / var(--ui-btn-bg-opacity))}.ui-btn:is(.gradient-bordered){--color-current-rgb: var(--color-current-rgb)}.ui-badge{--color-current-rgb: var(--color-accent-foreground-rgb);--ui-badge-bg: rgb(var(--color-accent-rgb) / var(--ui-badge-bg-opacity));--ui-badge-color: rgb(var(--color-current-rgb) / var(--ui-badge-color-opacity))}.ui-badge:where(.bordered,.muted){--color-current-rgb: var(--color-accent-rgb)}.ui-badge:where(.bordered){border-color:rgb(var(--color-accent-rgb) / var(--ui-badge-border-opacity, calc(var(--tw-border-opacity, 1) * 100%)))}.ui-control{--ui-control-border-color: var(--color-current-rgb);border:var(--ui-control-border-width) solid rgb(var(--ui-control-border-color, var(--color-current-rgb)) / var(--ui-control-border-opacity, 15%))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2s-2x-37-2p-2q-30-2t-2s-15]:not(.does-not-exist){background-color:rgb(var(--color-main-rgb) / var(--ui-control-disabled-opacity, 5%))}.ui-control:has(:disabled){background-color:rgb(var(--color-main-rgb) / var(--ui-control-disabled-opacity, 5%))}.ui-control:focus-visible{--ui-control-border-color: var(--color-accent-rgb);outline-color:rgb(var(--color-accent-rgb) / var(--ui-control-outline-opacity, 20%))}.ui-control.invalid,.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-border-color: var(--color-error-rgb);--color-accent-rgb: var(--color-error-rgb);background-color:rgb(var(--color-error-rgb) / var(--ui-control-invalid-bg-opacity, 10%))}.ui-control.invalid,.validated .ui-control:has(:invalid){--ui-control-border-color: var(--color-error-rgb);--color-accent-rgb: var(--color-error-rgb);background-color:rgb(var(--color-error-rgb) / var(--ui-control-invalid-bg-opacity, 10%))}.ui-progress{--ui-progress-bg: rgb(var(--color-accent-rgb) / var(--ui-progress-bg-opacity))}.ui-check{--ui-check-bg: var(--color-body-rgb);--ui-check-border-color: var(--color-current-rgb);--ui-check-checked-bg: var(--color-accent-rgb)}.ui-check :where(input){background-color:rgb(var(--ui-check-bg) / var(--ui-check-bg-opacity, 0));border:var(--ui-check-border-width, 1px) solid rgb(var(--ui-check-border-color, var(--color-current)) / var(--ui-check-border-opacity, calc(var(--tw-border-opacity, .2) * 100%)))}.ui-check :where(input):not(:disabled):focus{outline-color:rgb(var(--ui-check-checked-bg) / var(--ui-check-outline-opacity, 20%))}.ui-check :where(input):checked{background-color:rgb(var(--ui-check-checked-bg))}.ui-check.invalid,.validated .ui-check :where(input):invalid{--ui-check-bg: var(--color-error-rgb);--ui-check-border-color: var(--color-error-rgb);--ui-check-checked-bg: var(--color-error-rgb)}.ui-switch :where(input):focus{outline-color:rgb(var(--color-current-rgb) / var(--ui-switch-outline-opacity, 20%))}.ui-switch :where(input):checked{--color-current-rgb: var(--color-accent-rgb)}.ui-notice{--ui-notice-bg: var(--color-accent-rgb);background-color:rgb(var(--ui-notice-bg) / 10%);outline:var(--ui-notice-outline-width) solid rgb(var(--ui-notice-bg) / var(--ui-notice-outline-opacity, 10%))}.ui-text :where(table) :where(thead){border-bottom:1px solid rgb(var(--color-current-rgb) / 7.5%)}.ui-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:rgb(var(--color-current-rgb) / 5%)}
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*:where(:not(html,iframe,canvas,img,svg,video,audio,svg *,symbol *,ol,ul,sub,sup)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}:where(a,button){cursor:revert}:where(ol:not([type]),ul,menu){list-style:none}: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}:where(meter){-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::-moz-placeholder{color:unset}::placeholder{color:unset}::marker{content:initial}: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}::-webkit-details-marker{display:none}:where(svg,use,path,symbol){all:revert-layer}:where(search){display:block}:after,:before{--tw-content: ""}::-moz-selection{color:var(--color-light);background-color:var(--color-accent)}::selection{color:var(--color-light);background-color:var(--color-accent)}:where(*){outline:none;border:0 solid transparent;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(svg){stroke-width:1.5}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(button){cursor:pointer}:where(hr){display:block;border-top:1px solid color-mix(in sRGB,var(--color-current) calc(var(--tw-border-opacity, .15) * 100%),transparent);border-radius:var(--rounded);width:100%}:where(html){color-scheme:var(--color-scheme);font-family:var(--font-primary);font-weight:var(--font-normal);height:100%;line-height:1.5}:where(body){min-height:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:where(input[type=time])::-webkit-datetime-edit-fields-wrapper,:where(input[type=time])::-webkit-datetime-edit-text,:where(input[type=time])::-webkit-datetime-edit,:where(input[type=time])::-webkit-datetime-edit-hour-field,:where(input[type=time])::-webkit-datetime-edit-minute-field{padding:0}:root,:host{--font-default: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary: var(--font-default);--font-secondary: var(--font-default);--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain ;--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;--transition-all: all var(--duration) var(--ease-in-out);--transition-color: color var(--duration) var(--ease-in-out);--transition-background: background var(--duration) var(--ease-in-out);--transition-opacity: opacity var(--duration) var(--ease-in-out);--transition-transform: transform var(--duration) var(--ease-in-out);--transition-border: border-color var(--duration) var(--ease-in-out);--transition-shadow: box-shadow var(--duration) var(--ease-in-out);--duration: .15s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion){:root,:host{--duration: 0}}:root,:host{--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}:root,:host{--color-scheme: light;--color-current: var(--color-main);--color-current-fg: var(--color-main-fg);--color-accent: var(--color-primary);--color-accent-fg: var(--color-primary-fg);--color-primary: #3b82f6;--color-primary-fg: var(--color-light);--color-main: #171717;--color-main-fg: var(--color-body);--color-main-primary: var(--color-main);--color-main-secondary: color-mix(in sRGB, var(--color-main) 75%, var(--color-main-fg));--color-main-tertiary: color-mix(in sRGB, var(--color-main) 50%, var(--color-main-fg));--color-body: #fff;--color-body-fg: var(--color-main);--color-body-primary: var(--color-body);--color-body-secondary: color-mix(in sRGB, var(--color-body) 95%, var(--color-body-fg));--color-body-tertiary: color-mix(in sRGB, var(--color-body) 90%, var(--color-body-fg));--color-light: #fff;--color-light-fg: var(--color-dark);--color-dark: #171717;--color-dark-fg: var(--color-light);--color-success: #16a34a;--color-error: #dc2626;--color-warning: #eab308;--color-info: #0ea5e9}:root.dark,:host.dark{--color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.ui-badge{--color-current: var(--color-accent-fg);--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-bg: color-mix(in sRGB, var(--color-accent) var(--ui-badge-bg-opacity), var(--ui-badge-bg-mix, transparent));--ui-badge-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-badge-color: color-mix(in sRGB, var(--color-current) var(--ui-badge-color-opacity), transparent);--ui-badge-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);width:var(--ui-badge-width, auto);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius, var(--rounded-lg));font-family:var(--ui-badge-font-family, inherit);font-weight:var(--ui-badge-font-weight, inherit);font-size:var(--ui-badge-font-size, var(--text-xs));letter-spacing:var(--ui-badge-letter-spacing, inherit);background-color:var(--ui-badge-bg);color:var(--ui-badge-color);display:inline-flex;text-align:center;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;position:relative;gap:var(--ui-badge-gap, var(--spacing-xs));transition:var(--transition-opacity)}.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){border:var(--ui-badge-border-width, 1px) solid color-mix(in sRGB,var(--color-accent) var(--ui-badge-border-opacity, calc(var(--tw-border-opacity, 1) * 100%)),transparent);padding-inline:calc(var(--ui-badge-px) - var(--ui-badge-border-width, 1px))}.ui-badge:is(.bordered){--color-current: var(--color-accent);--ui-badge-bg-opacity: 0%}.ui-badge:is(.muted){--color-current: var(--color-accent);--ui-badge-bg-opacity: 10%}.ui-badge:is(.square){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}.ui-badge:is(.circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height);--ui-badge-border-radius: var(--rounded-full)}.ui-btn{--color-current: var(--color-accent-fg);--ui-btn-height: 2.25rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem;--ui-btn-bg: color-mix(in sRGB, var(--color-accent) var(--ui-btn-bg-opacity), var(--ui-btn-bg-mix, transparent));--ui-btn-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-btn-color: color-mix(in sRGB, var(--color-current) var(--ui-btn-color-opacity), transparent);--ui-btn-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);width:var(--ui-btn-width, auto);height:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius, var(--rounded));font-size:var(--ui-btn-font-size, var(--text-sm));font-weight:var(--ui-btn-font-weight, var(--font-medium));letter-spacing:var(--ui-btn-letter-spacing, 0);background-color:var(--ui-btn-bg);color:var(--ui-btn-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:inline-flex;text-align:center;align-items:center;justify-content:center;white-space:nowrap;position:relative;flex-shrink:0;z-index:0;gap:var(--ui-btn-gap, .375rem);outline:var(--ui-btn-outline-width, 2px) solid transparent;outline-offset:0}.ui-btn:where([class*=accent-main]){--ui-btn-hover-bg-mix: var(--color-main-fg)}.ui-btn:where([class*=accent-body]){--ui-btn-hover-bg-mix: var(--color-body-fg)}.ui-btn:where(input):after{content:attr(aria-label)}.ui-btn{transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-btn:is([href],button,[role=button],input,.interactive){cursor:pointer}.ui-btn:is([href],button,[role=button],input,.interactive):disabled{opacity:var(--ui-btn-disabled-opacity, .7);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):hover{--ui-btn-color: var(--ui-btn-hover-color, var(--color-current));--ui-btn-bg-mix: var(--ui-btn-hover-bg-mix, black);--ui-btn-bg-opacity: var(--ui-btn-hover-bg-opacity, 80%)}}.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):focus{outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-btn-focus-outline-color-opacity, 50%),var(--ui-btn-focus-outline-color-mix, transparent));outline-offset:var(--ui-btn-focus-outline-offset, 2px)}.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):is(:active,:checked,.active){--ui-btn-color: var(--ui-btn-active-color, var(--color-current));--ui-btn-bg-mix: var(--ui-btn-active-bg-mix, black);--ui-btn-bg-opacity: var(--ui-btn-active-bg-opacity, 90%)}.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){--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px;pointer-events:none;color:transparent}.ui-btn:is(.loading)>*{opacity:0}.ui-btn:is(.loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid var(--color-current);border-right-color:transparent;border-radius:50%;animation:spin .45s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}.ui-btn:where(.wide){padding-inline:calc(var(--ui-btn-px) * 1.5)}.ui-btn:where(.bordered){border:var(--ui-btn-border-width, 1px) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity, calc(var(--tw-border-opacity, .3) * 100%)),transparent);padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width, 1px))}.ui-btn:is(.bordered){--color-current: var(--color-accent);--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-bg-opacity: 0%}.ui-btn:is(.ghosted){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-bg-opacity: 0%;--color-current: var(--color-accent)}.ui-btn:is(.hover-fill){--ui-btn-hover-bg-mix: black;--ui-btn-hover-bg-opacity: 100%;--ui-btn-active-bg-mix: black;--ui-btn-active-bg-opacity: 90%;--ui-btn-hover-color: var(--color-light);--ui-btn-active-color: var(--color-light)}.ui-btn:where(.gradient):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in sRGB,var(--ui-btn-bg-mix) calc(100% - var(--ui-btn-bg-opacity)),transparent);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):before{content:"";position:absolute;background-color:color-mix(in sRGB,var(--color-body) calc(100% - var(--ui-btn-bg-opacity)),transparent);inset:var(--ui-btn-border-width);border-radius:calc(var(--ui-btn-border-radius, var(--rounded)) / 1.25);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):where(.hover-fill):before{background-color:color-mix(in sRGB,var(--color-body) var(--ui-btn-bg-opacity),transparent)}.ui-btn:is(.gradient-bordered){--ui-btn-border-width: 2px;--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: 0;--ui-btn-bg-opacity: 0%;--color-current: var(--color-main)}.ui-btn:is(.gradient-bordered):is(.hover-fill){--ui-btn-bg-opacity: 100%}.ui-btn:is(.muted){--color-current: var(--color-accent);--ui-btn-hover-bg-mix: transparent;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-hover-bg-opacity: 30%;--ui-btn-bg-opacity: 10%}.ui-btn:where(.raised){border:var(--ui-btn-border-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity),var(--color-current));padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.raised){--ui-btn-border-width: 2px;--ui-btn-border-opacity: calc(var(--tw-border-opacity, .85) * 100%)}.ui-btn:is(.square){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height)}.ui-btn:is(.circle){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height);--ui-btn-border-radius: var(--rounded-full)}.ui-check{--ui-check-width: 1.25rem;--ui-check-checked-bg: var(--color-accent);--ui-check-icon-width: 1.125rem;display:inline-flex;gap:var(--ui-check-gap, .75rem);font-weight:var(--ui-check-font-weight, var(--font-normal));font-size:var(--ui-check-font-size, var(--text-sm));line-height:var(--ui-check-line-height, calc(1em + var(--ui-check-line-height-ratio, .25lh)));letter-spacing:var(--ui-check-letter-spacing, inherit);text-wrap:balance}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-2w-2t-2r-2z-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-15]:not(.does-not-exist){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check:has([type=radio]){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check :where(label[for],input){cursor:pointer}.ui-check :where(a){color:var(--color-accent);text-decoration:underline}.ui-check :where(input){display:flex;width:var(--ui-check-width);height:var(--ui-check-width);background-color:var(--ui-check-bg, color-mix(in sRGB, var(--color-current) var(--ui-check-bg-opacity, 0), var(--ui-check-bg-mix, transparent)));border:var(--ui-check-border-width, 1px) solid color-mix(in sRGB,var(--ui-check-border-color, var(--color-current)) var(--ui-check-border-opacity, calc(var(--tw-border-opacity, .2) * 100%)),var(--ui-check-border-mix, transparent));border-radius:var(--ui-check-radius, var(--rounded-md));outline:var(--ui-check-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);flex-shrink:0}.ui-check :where(input):before{transition:var(--transition-color),var(--transition-opacity),var(--transition-transform);color:var(--color-accent-fg);content:"";background-color:currentColor;-webkit-mask:var(--ui-check-icon, var(--mask-check));mask:var(--ui-check-icon, var(--mask-check));opacity:0;transform:scale(0);will-change:transform;width:var(--ui-check-icon-width);height:var(--ui-check-icon-width);margin:auto}:is(.ui-check :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-check :where(input):not(:disabled):is(:hover,:focus-visible){--color-current: var(--ui-check-checked-bg);--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;--ui-check-bg-opacity: 10%}.ui-check :where(input):not(:disabled):focus{--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;outline-color:color-mix(in sRGB,var(--ui-check-checked-bg) var(--ui-check-outline-opacity, 20%),transparent);outline-offset:var(--ui-check-outline-offset, 0)}.ui-check :where(input):disabled{--ui-check-bg-opacity: 15%;cursor:not-allowed;opacity:var(--ui-check-disabled-opacity, .5)}.ui-check :where(input):indeterminate{--ui-check-icon: var(--mask-indeterminate)}.ui-check :where(input):is(:checked,:indeterminate){--ui-check-border-opacity: 0%;--ui-check-bg: var(--ui-check-checked-bg)}.ui-check :where(input):is(:checked,:indeterminate):before{opacity:1;transform:scale(1)}.ui-check.invalid,.validated .ui-check :where(input):invalid{--color-current: var(--color-error);--ui-check-border-color: var(--color-error);--ui-check-checked-bg: var(--color-error);--ui-check-border-opacity: 100%}.ui-control{--ui-control-height: 3rem;--ui-control-height-textarea: 8rem;--ui-control-px: .75rem;--ui-control-py: .75rem;--ui-control-border-width: 1px;display:grid;height:var(--ui-control-height);font-family:var(--ui-contro-font-family, var(--font-primary));font-weight:var(--ui-control-font-weight, var(--font-medium));font-size:var(--ui-control-font-size, var(--text-sm));letter-spacing:var(--ui-control-letter-spacing, inherit);background-color:var(--ui-control-bg, transparent);color:var(--ui-control-color, currentColor);border-radius:var(--ui-control-border-radius, var(--rounded));border:var(--ui-control-border-width) solid color-mix(in sRGB,var(--ui-control-border-color, var(--color-current)) var(--ui-control-border-opacity, 15%),var(--ui-control-border-mix, transparent));outline:var(--ui-control-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);grid-template:[control-start] calc(var(--ui-control-py) - var(--ui-control-border-width)) [control-p] 1fr calc(var(--ui-control-py) - var(--ui-control-border-width)) [control-end] / [control-start] var(--ui-control-px) [control-p] 1fr var(--ui-control-px) [control-end]}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15]:not(does-not-exist){height:auto}.ui-control:has(textarea){height:auto}.ui-control>:where(*){grid-area:control-p;align-self:center}.ui-control :where(input,textarea,select){text-overflow:ellipsis;overflow:clip;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:control;align-self:stretch}.ui-control :where(input,textarea,select):disabled{cursor:not-allowed;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-disabled-opacity, 5%),var(--ui-control-bg, transparent))}.ui-control :where(input,textarea)::-moz-placeholder{color:var(--ui-control-placeholder-color, currentColor);opacity:var(--ui-control-placeholder-opacity, .5)}.ui-control :where(input,textarea)::placeholder{color:var(--ui-control-placeholder-color, currentColor);opacity:var(--ui-control-placeholder-opacity, .5)}.ui-control :where(textarea){resize:vertical;min-height:var(--ui-control-height-textarea)}.ui-control:focus-within{--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-accent);outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-control-outline-opacity, 20%),transparent);outline-offset:var(--ui-control-outline-offset, 0)}.ui-control.invalid,.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--color-accent: var(--color-error);background-color:color-mix(in sRGB,var(--color-error) var(--ui-control-invalid-bg-opacity, 10%),var(--ui-control-bg))}.ui-control.invalid,.validated .ui-control:has(:invalid){--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--color-accent: var(--color-error);background-color:color-mix(in sRGB,var(--color-error) var(--ui-control-invalid-bg-opacity, 10%),var(--ui-control-bg))}.ui-control{--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-icon-size: 1.25rem;--ui-control-icon-gap: .375rem;--ui-control-icon-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-icon-e: calc(var(--ui-control-icon-count-e, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-37-15]:not(.does-not-exist){--ui-control-ps: calc(var(--ui-control-icon-s) + var(--ui-control-px))}.ui-control:has(.icon-s){--ui-control-ps: calc(var(--ui-control-icon-s) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-15]:not(.does-not-exist){--ui-control-pe: calc(var(--ui-control-icon-e) + var(--ui-control-px))}.ui-control:has(.icon-e){--ui-control-pe: calc(var(--ui-control-icon-e) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-37-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-s: 2}.ui-control:has(.icon-s>*:nth-child(2)){--ui-control-icon-count-s: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(.icon-e>*:nth-child(2)){--ui-control-icon-count-e: 2}.ui-control :where(.icon-s){margin-inline-end:auto}.ui-control :where(.icon-e){margin-inline-start:auto}.ui-control :where(.icon-s,.icon-e){display:flex;align-items:center;gap:var(--ui-control-icon-gap)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1m-3b-2w-2t-36-2t-14-1a-2x-2r-33-32-19-37-18-w-1a-2x-2r-33-32-19-2t-15]:not(does-not-exist){align-self:start}.ui-control:has(textarea) :where(.icon-s,.icon-e){align-self:start}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]:not(.does-not-exist){overflow:clip}.ui-control:has([type=file]){overflow:clip}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-w-1m-3b-2w-2t-36-2t-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2u-33-2r-39-37-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-file-selector-button-bg-opacity: 20%}.ui-control:has([type=file]) :where([type=file]):is(:hover,:focus){--ui-control-file-selector-button-bg-opacity: 20%}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-w-1m-3b-2w-2t-36-2t-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]:not(.does-not-exist)::file-selector-button{all:unset;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-file-selector-button-bg-opacity, 15%),transparent);height: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-top-right-radius:var(--ui-control-border-radius, var(--rounded));border-bottom-right-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.ui-control:has([type=file]) :where([type=file])::file-selector-button{all:unset;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-file-selector-button-bg-opacity, 15%),transparent);height: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-top-right-radius:var(--ui-control-border-radius, var(--rounded));border-bottom-right-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.ui-control:where(:has(:not([type=color])~label)){--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(label){pointer-events:none;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0)}.ui-control:where(:has(:not([type=color])~label)) :where(label){pointer-events:none;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0)}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)):where([csstools-has-1m-2w-2p-37-14-1m-36-2t-35-39-2x-36-2t-2s-15]) :where(label):after{color:var(--color-error);content:" *"}.ui-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--color-error);content:" *"}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label)) :where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(textarea))+:where(label){align-self:start}:is(.ui-control:where(:has(:not([type=color])~label)) :where(textarea))+:where(label){align-self:start}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label)) :where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-calendar-picker-indicator,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-search-cancel-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-outer-spin-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-calendar-picker-indicator,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-search-cancel-button,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-outer-spin-button,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-placeholder-color: transparent}.ui-control:where(:has(:not([type=color])~label)){--ui-control-placeholder-color: transparent}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity, .5)}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity, .5)}: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, .5)}: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, .5)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist){--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem;--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.ui-control:has(select){--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem;--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-15]:not(.does-not-exist):not(does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(select):has(.icon-e){--ui-control-icon-count-e: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-w-1m-3b-2w-2t-36-2t-14-1a-2x-2r-33-32-19-2t-15]:not(does-not-exist){margin-inline-end:var(--ui-control-select-icon-size)}.ui-control:has(select) :where(.icon-e){margin-inline-end:var(--ui-control-select-icon-size)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist):after{content:"";width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);background-color:currentColor;-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);pointer-events:none;grid-area:control-p;align-self:center;margin-inline:auto var(--ui-control-select-icon-me)}.ui-control:has(select):after{content:"";width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);background-color:currentColor;-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);pointer-events:none;grid-area:control-p;align-self:center;margin-inline:auto var(--ui-control-select-icon-me)}.ui-group{display:flex;flex-wrap:wrap}.js-has-pseudo [csstools-has-1a-39-2x-19-2v-36-33-39-34-1m-2w-2p-37-14-1a-39-2x-19-2r-33-32-38-36-33-30-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2q-38-32-15]:not(.does-not-exist){--ui-btn-border-width: 1px;--ui-btn-border-opacity: 15%;--ui-btn-height: auto;min-width:3rem}.ui-group:has(.ui-control) :where(.ui-btn){--ui-btn-border-width: 1px;--ui-btn-border-opacity: 15%;--ui-btn-height: auto;min-width:3rem}.ui-group :where(.ui-btn){--ui-btn-focus-outline-offset: 0}.ui-group>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ui-group>*:not(:first-child),.ui-group>*:not(:first-child) :where(input,select){border-left:0}.ui-group>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ui-heading{font-family:var(--ui-heading-font-family, var(--font-primary));font-weight:var(--ui-heading-font-weight, var(--font-semibold));font-size:var(--ui-heading-font-size, var(--text-xl));line-height:var(--ui-heading-line-height, calc(1em + var(--ui-heading-line-height-ratio, .25lh)));letter-spacing:var(--ui-heading-letter-spacing, 0);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:cover;object-fit:cover}.ui-info{font-family:var(--ui-info-font-family, inherit);font-weight:var(--ui-info-font-weight, inherit);font-size:var(--ui-info-font-size, var(--text-xs));line-height:var(--ui-info-line-height, calc(1em + var(--ui-info-line-height-ratio, .15lh)));letter-spacing:var(--ui-info-letter-spacing, inherit);text-wrap:balance}.ui-label{font-family:var(--ui-label-font-family, inherit);font-weight:var(--ui-label-font-weight, inherit);font-size:var(--ui-label-font-size, var(--text-sm));line-height:var(--ui-label-line-height, calc(1em + var(--ui-label-line-height-ratio, .15lh)));letter-spacing:var(--ui-label-letter-spacing, inherit);text-wrap:balance}.ui-notice{--color-current: var(--color-accent);--ui-notice-outline-width: 1px;position:relative;display:flex;flex-direction:column;padding:var(--ui-notice-py, 1.25rem) var(--ui-notice-px, 1.5rem);font-size:var(--ui-notice-font-size, var(--text-sm));border-radius:var(--rounded);background-color:color-mix(in sRGB,var(--color-accent) 10%,transparent);outline:var(--ui-notice-outline-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-notice-outline-opacity, 10%),transparent);outline-offset:var(--ui-notice-outline-offset, calc(var(--ui-notice-outline-width) * -1));color:var(--color-accent);gap:var(--ui-notice-gap, 1.25rem);text-wrap:balance}.ui-notice :where(hr){--tw-border-opacity: .2}.ui-progress{--ui-progress-bg: color-mix(in sRGB, var(--color-accent) var(--ui-progress-bg-opacity), var(--color-body));--ui-progress-bg-opacity: calc(var(--tw-bg-opacity, 1) * 10%);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--ui-progress-height, 1rem);border-radius:var(--ui-progress-border-radius, var(--rounded-full));background-color:var(--ui-progress-bg);width:100%;overflow:clip}.ui-progress::-webkit-progress-bar{background-color:transparent}.ui-progress::-webkit-progress-value{background-color:var(--color-accent)}.ui-progress::-moz-progress-bar{background-color:var(--color-accent)}.ui-progress:indeterminate{animation:1.5s linear 0s forwards infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 30%,var(--ui-progress-bg) 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.ui-progress:indeterminate::-moz-progress-bar{background-color:transparent}.ui-progress::-webkit-meter-inner-element{position:relative;display:block}.ui-progress::-webkit-meter-bar{border:0;background:transparent}.ui-progress::-webkit-meter-optimum-value{background:var(--color-success)}.ui-progress::-webkit-meter-suboptimum-value{background:var(--color-warning)}.ui-progress::-webkit-meter-even-less-good-value{background:var(--color-error)}.ui-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--color-success)}.ui-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-warning)}.ui-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-error)}.ui-progress:is(.sm){--ui-progress-height: .5rem}.ui-progress:is(.lg){--ui-progress-height: 1.5rem}.ui-switch{--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-check-icon-size: 1.125rem;display:inline-flex;gap:var(--ui-switch-gap, .75rem);font-weight:var(--ui-switch-font-weight, var(--font-normal));font-size:var(--ui-switch-font-size, var(--text-sm));line-height:var(--ui-switch-line-height, calc(1em + var(--ui-switch-line-height-ratio, .25lh)));letter-spacing:var(--ui-switch-letter-spacing, inherit);text-wrap:balance}:where(.dark) .ui-switch{--ui-switch-bg: var(--color-body-tertiary)}.ui-switch :where(label[for],input){cursor:pointer}.ui-switch :where(a){color:var(--color-accent);text-decoration:underline}.ui-switch :where(input){display:flex;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-switch-bg, var(--color-dark));border-radius:var(--ui-switch-radius, var(--rounded-full));outline:var(--ui-switch-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);flex-shrink:0;position:relative;padding:calc((var(--ui-switch-height) - var(--ui-check-icon-size)) / 2)}.ui-switch :where(input):before{content:"";width:var(--ui-check-icon-size);height:var(--ui-check-icon-size);background-color:var(--color-light);border-radius:inherit;margin-block:auto;transition:var(--transition-all)}:is(.ui-switch :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-switch :where(input):disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity, .5)}.ui-switch :where(input):focus{outline-color:color-mix(in sRGB,var(--color-current) var(--ui-switch-outline-opacity, 20%),transparent);outline-offset:var(--ui-switch-outline-offset, 0)}.ui-switch :where(input):checked{--color-current: var(--color-accent);--ui-switch-bg: var(--color-accent)}.ui-switch :where(input):checked:before{margin-left:calc(100% - var(--ui-check-icon-size))}.ui-switch :where(input):indeterminate:before{margin-left:calc(50% - var(--ui-check-icon-size) / 2)}.ui-switch.invalid,.validated .ui-switch :where(input):invalid{--ui-switch-bg: var(--color-error)}.ui-text{--ui-text-content-bold: var(--font-semibold);--ui-text-content-my: 1.25em;--ui-text-content-marker-size: .375em;font-family:var(--ui-text-font-family, var(--font-primary));font-weight:var(--ui-text-font-weight, var(--font-normal));font-size:var(--ui-text-font-size, inherit);line-height:var(--ui-text-line-height, calc(1em + var(--ui-text-line-height-ratio, .5lh)));letter-spacing:var(--ui-text-letter-spacing, 0)}.ui-text>:is(*:first-child){margin-block-start:0}.ui-text>:is(*:last-child){margin-block-end:0}.ui-text :where(a){text-decoration:underline;transition:var(--transition-color);color:var(--color-accent)}@media (hover: hover) and (pointer: fine){.ui-text :where(a):hover{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}}.ui-text :where(a):focus-visible{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}.ui-text :where(b,strong){font-weight:var(--ui-text-content-bold)}.ui-text :where(s,u,em,i){all:revert}.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, 3em)}.ui-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-text-heading-font-family, var(--font-secondary));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, calc(1em + var(--ui-text-heading-line-height-ratio, .25lh)));letter-spacing:var(--ui-text-heading-letter-spacing);margin-block:var(--ui-text-heading-my, 1.5em .5em);color:var(--ui-text-heading-color, inherit);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-bottom:1px solid color-mix(in sRGB,var(--color-current) 7.5%,transparent)}.ui-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in sRGB,var(--color-current) 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%;margin-inline:var(--spacing-xs);border-radius:var(--rounded-sm);padding:.25em .375em;color:var(--color-accent);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background-color:color-mix(in sRGB,var(--color-current) 5%,transparent)}:where(.dark) :is(.ui-text :where(code)){background-color:var(--color-body-secondary)}.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}.ui-title{font-family:var(--ui-title-font-family, var(--font-secondary));font-weight:var(--ui-title-font-weight, var(--font-semibold));font-size:var(--ui-title-font-size, var(--text-sm));line-height:var(--ui-title-line-height, calc(1em + var(--ui-title-line-height-ratio, .15lh)));letter-spacing:var(--ui-title-letter-spacing, 0);text-wrap:balance}.ui-title:is(.sm){--ui-title-font-size: var(--text-xs)}.ui-title:is(.lg){--ui-title-font-size: var(--text-base)}.c-dialog{animation:var(--duration) ease 0s backwards 1 fade-in-down;position:relative;z-index:var(--z-20);margin:auto;background-color:var(--color-body-primary);width:100%;max-width:var(--c-dialog-width, 35rem);border-radius:var(--rounded-3xl);padding:var(--c-dialog-py, 1.5rem) var(--c-dialog-px, 1.5rem)}:where(dialog:not([open])) .c-dialog{animation:var(--duration) ease 0s forwards 1 fade-out-up}.c-field{display:flex;flex-direction:column;gap:var(--c-field-gap, .5rem)}.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-2u-33-2j-2w-2x-2s-2s-2t-32-2l-15]:not(.does-not-exist):not(.does-not-exist){display:block}.validated .c-field:has(:invalid) :where(.ui-info[hidden]){display:block}.js-has-pseudo [csstools-has-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-2j-36-2t-35-39-2x-36-2t-2s-2l-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-30-2p-2q-2t-30-15]:not(.does-not-exist):after{color:var(--color-error);content:" *"}.c-field:has([required]) :where(.ui-label):after{color:var(--color-error);content:" *"}.lib-dialog{top:0;right:0;bottom:0;left:0;z-index:var(--z-30);position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--lib-ripple-bg, color-mix(in sRGB, var(--color-dark) calc(var(--tw-bg-opacity, .8) * 100%), transparent));overscroll-behavior:contain;display:flex;padding:var(--lib-dialog-py, 2rem) var(--lib-dialog-px, 1.5rem);transition:var(--transition-background)}.lib-dialog,.lib-dialog::backdrop{visibility:hidden}.lib-dialog:not([open]){background-color:transparent;pointer-events:none}.is-lib-dialog-open .lib-dialog{visibility:visible}.is-lib-dialog-open{scrollbar-width:none;padding-inline-end:var(--lib-dialog-scrollbar-width, 0)}.is-lib-dialog-open::-webkit-scrollbar{display:none}.lib-ripple{position:absolute;background:var(--lib-ripple-bg, color-mix(in sRGB, var(--color-body) calc(var(--tw-bg-opacity, .4) * 100%), transparent));border-radius:50%;transform:scale(0);animation-duration:var(--lib-ripple-animation-duration, 1s);pointer-events:none}
|
|
1
|
+
:where(address),:where(blockquote),:where(body),:where(caption),:where(cite),:where(code),:where(dd),:where(details),:where(dialog),:where(dl),:where(dt),:where(fieldset),:where(figcaption),:where(figure),:where(h1,h2,h3,h4,h5,h6),:where(hgroup),:where(hr),:where(html),:where(input),:where(kbd),:where(label),:where(legend),:where(li),:where(mark),:where(menu),:where(ol),:where(optgroup),:where(option),:where(output),:where(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(button),:where(p),:where(a){all:unset;display:revert}:where(img),:where(svg),:where(video),:where(canvas),:where(audio),:where(iframe),:where(embed),:where(object),:where(search),:where(hr),:where(summary){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;outline:none;border:0 solid currentColor;-webkit-tap-highlight-color:rgb(255 255 255 / 0%)}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(small){font-size:80%}: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}::-webkit-details-marker{display:none}: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,:where(input)::-webkit-outer-spin-button,:where(input)::-webkit-inner-spin-button{align-self:center;background-position:50% 50%}:after,:before{--tw-content: ""}::-moz-selection{color:var(--color-light);background-color:var(--color-accent)}::selection{color:var(--color-light);background-color:var(--color-accent)}:where(svg){stroke-width:1.5}:where(svg:not([width])){width:1.25rem}:where(svg:not([height])){height:1.25rem}:where(button){cursor:pointer}:where(hr){border-top:1px solid var(--color-body-tertiary);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(:not(pre)>code,kbd){white-space:nowrap}:where(pre>code){display:block;margin:0}:where(html){color-scheme:var(--color-scheme);font-family:var(--font-primary);font-weight:var(--font-normal);block-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%;background-color:var(--color-body);color:var(--color-main);accent-color:var(--color-accent)}:root,:host{--font-default: ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-primary: var(--font-default);--font-secondary: var(--font-default);--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-normal: 400;--font-light: 300;--font-thin: 200;--mask-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50% / contain;--mask-radio: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96z"></path></svg>') no-repeat 50% 50% / contain;--mask-angle-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path d="M10.998 15.467c.491.71 1.513.71 2.004 0l3.767-5.453c.581-.843 0-2.013-1.002-2.014H8.234C7.232 8 6.65 9.17 7.231 10.014z" /></svg>') no-repeat 50% 50% / contain;--mask-indeterminate: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke-width="2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>') no-repeat 50% 50% / contain ;--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;--transition-all: all var(--duration) var(--ease-in-out);--transition-color: color var(--duration) var(--ease-in-out);--transition-background: background var(--duration) var(--ease-in-out);--transition-opacity: opacity var(--duration) var(--ease-in-out);--transition-transform: transform var(--duration) var(--ease-in-out);--transition-border: border-color var(--duration) var(--ease-in-out);--transition-shadow: box-shadow var(--duration) var(--ease-in-out);--duration: .15s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion){:root,:host{--duration: 0}}:root,:host{--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}:root,:host{--color-scheme: light;--color-current: var(--color-main);--color-current-foreground: var(--color-main-foreground);--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 sRGB, var(--color-main) 75%, var(--color-main-foreground));--color-main-tertiary: color-mix(in sRGB, 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 sRGB, var(--color-body) 95%, var(--color-body-foreground));--color-body-tertiary: color-mix(in sRGB, 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}:root.dark,:host.dark{--color-scheme: dark;--color-main: var(--color-light);--color-body: var(--color-dark)}.ui-badge{--color-current: var(--color-accent-foreground);--ui-badge-height: 1.5rem;--ui-badge-py: 0;--ui-badge-px: .5rem;--ui-badge-bg: color-mix(in sRGB, var(--color-accent) var(--ui-badge-bg-opacity), var(--ui-badge-bg-mix, transparent));--ui-badge-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-badge-color: color-mix(in sRGB, var(--color-current) var(--ui-badge-color-opacity), transparent);--ui-badge-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);width:var(--ui-badge-width, auto);height:var(--ui-badge-height);padding:var(--ui-badge-py) var(--ui-badge-px);border-radius:var(--ui-badge-border-radius, var(--rounded-lg));font-family:var(--ui-badge-font-family, inherit);font-weight:var(--ui-badge-font-weight, inherit);font-size:var(--ui-badge-font-size, var(--text-xs));letter-spacing:var(--ui-badge-letter-spacing, inherit);background-color:var(--ui-badge-bg);color:var(--ui-badge-color);display:inline-flex;text-align:center;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;position:relative;gap:var(--ui-badge-gap, var(--spacing-xs));transition:var(--transition-opacity)}.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){border:var(--ui-badge-border-width, 1px) solid color-mix(in sRGB,var(--color-accent) var(--ui-badge-border-opacity, calc(var(--tw-border-opacity, 1) * 100%)),transparent);padding-inline:calc(var(--ui-badge-px) - var(--ui-badge-border-width, 1px))}.ui-badge:is(.bordered){--color-current: var(--color-accent);--ui-badge-bg-opacity: 0%}.ui-badge:is(.muted){--color-current: var(--color-accent);--ui-badge-bg-opacity: 10%}.ui-badge:is(.square){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height)}.ui-badge:is(.circle){--ui-badge-px: var(--ui-badge-py);--ui-badge-width: var(--ui-badge-height);--ui-badge-border-radius: var(--rounded-full)}.ui-btn{--color-current: var(--color-accent-foreground);--ui-btn-height: 2.25rem;--ui-btn-py: .375rem;--ui-btn-px: .75rem;--ui-btn-bg: color-mix(in sRGB, var(--color-accent) var(--ui-btn-bg-opacity), var(--ui-btn-bg-mix, transparent));--ui-btn-bg-opacity: calc(var(--tw-bg-opacity, 1) * 100%);--ui-btn-color: color-mix(in sRGB, var(--color-current) var(--ui-btn-color-opacity), transparent);--ui-btn-color-opacity: calc(var(--tw-text-opacity, 1) * 100%);width:var(--ui-btn-width, auto);height:var(--ui-btn-height);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--ui-btn-border-radius, var(--rounded));font-size:var(--ui-btn-font-size, var(--text-sm));font-weight:var(--ui-btn-font-weight, var(--font-medium));letter-spacing:var(--ui-btn-letter-spacing, 0);background-color:var(--ui-btn-bg);color:var(--ui-btn-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:inline-flex;text-align:center;align-items:center;justify-content:center;white-space:nowrap;position:relative;flex-shrink:0;z-index:0;gap:var(--ui-btn-gap, .375rem);outline:var(--ui-btn-outline-width, 2px) solid transparent;outline-offset:0}.ui-btn:where([class*=accent-main]){--ui-btn-hover-bg-mix: var(--color-main-foreground)}.ui-btn:where([class*=accent-body]){--ui-btn-hover-bg-mix: var(--color-body-foreground)}.ui-btn:where(input):after{content:attr(aria-label)}.ui-btn{transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration)}.ui-btn:is([href],button,[role=button],input,.interactive){cursor:pointer}.ui-btn:is([href],button,[role=button],input,.interactive):disabled{opacity:var(--ui-btn-disabled-opacity, .7);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):hover{--ui-btn-color: var(--ui-btn-hover-color, var(--color-current));--ui-btn-bg-mix: var(--ui-btn-hover-bg-mix, black);--ui-btn-bg-opacity: var(--ui-btn-hover-bg-opacity, 80%)}}.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):focus{outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-btn-focus-outline-color-opacity, 50%),var(--ui-btn-focus-outline-color-mix, transparent));outline-offset:var(--ui-btn-focus-outline-offset, 2px)}.ui-btn:is([href],button,[role=button],input,.interactive):not(:disabled):is(:active,:checked,.active){--ui-btn-color: var(--ui-btn-active-color, var(--color-current));--ui-btn-bg-mix: var(--ui-btn-active-bg-mix, black);--ui-btn-bg-opacity: var(--ui-btn-active-bg-opacity, 90%)}.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){--ui-btn-loading-width: 1rem;--ui-btn-loading-border-width: 2px;pointer-events:none;color:transparent}.ui-btn:is(.loading)>*{opacity:0}.ui-btn:is(.loading):after{z-index:1;width:var(--ui-btn-loading-width);height:var(--ui-btn-loading-width);content:"";border:var(--ui-btn-loading-border-width) solid var(--color-current);border-right-color:transparent;border-radius:50%;animation:spin .45s infinite linear;position:absolute;margin-left:calc(var(--ui-btn-loading-width) / 2 * -1);margin-top:calc(var(--ui-btn-loading-width) / 2 * -1);left:50%;top:50%}.ui-btn:where(.wide){padding-inline:calc(var(--ui-btn-px) * 1.5)}.ui-btn:where(.bordered){border:var(--ui-btn-border-width, 1px) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity, calc(var(--tw-border-opacity, .3) * 100%)),transparent);padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width, 1px))}.ui-btn:is(.bordered){--color-current: var(--color-accent);--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-bg-opacity: 0%}.ui-btn:is(.ghosted){--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-bg-opacity: 0%;--color-current: var(--color-accent)}.ui-btn:is(.hover-fill){--ui-btn-hover-bg-mix: black;--ui-btn-hover-bg-opacity: 100%;--ui-btn-active-bg-mix: black;--ui-btn-active-bg-opacity: 90%;--ui-btn-hover-color: var(--color-light);--ui-btn-active-color: var(--color-light)}.ui-btn:where(.gradient):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in sRGB,var(--ui-btn-bg-mix) calc(100% - var(--ui-btn-bg-opacity)),transparent);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):before{content:"";position:absolute;background-color:color-mix(in sRGB,var(--color-body) calc(100% - var(--ui-btn-bg-opacity)),transparent);inset:var(--ui-btn-border-width);border-radius:calc(var(--ui-btn-border-radius, var(--rounded)) / 1.25);z-index:-1;transition:var(--transition-background)}.ui-btn:where(.gradient-bordered):where(.hover-fill):before{background-color:color-mix(in sRGB,var(--color-body) var(--ui-btn-bg-opacity),transparent)}.ui-btn:is(.gradient-bordered){--ui-btn-border-width: 2px;--ui-btn-hover-bg-mix: transparent;--ui-btn-hover-bg-opacity: 10%;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: 0;--ui-btn-bg-opacity: 0%;--color-current: var(--color-main)}.ui-btn:is(.gradient-bordered):is(.hover-fill){--ui-btn-bg-opacity: 100%}.ui-btn:is(.muted){--color-current: var(--color-accent);--ui-btn-hover-bg-mix: transparent;--ui-btn-active-bg-mix: transparent;--ui-btn-active-bg-opacity: 20%;--ui-btn-focus-outline-offset: -2px;--ui-btn-hover-bg-opacity: 30%;--ui-btn-bg-opacity: 10%}.ui-btn:where(.raised){border:var(--ui-btn-border-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-btn-border-opacity),var(--color-current));padding-inline:calc(var(--ui-btn-px) - var(--ui-btn-border-width))}.ui-btn:is(.raised){--ui-btn-border-width: 2px;--ui-btn-border-opacity: calc(var(--tw-border-opacity, .85) * 100%)}.ui-btn:is(.square){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height)}.ui-btn:is(.circle){--ui-btn-px: var(--ui-btn-py);--ui-btn-width: var(--ui-btn-height);--ui-btn-border-radius: var(--rounded-full)}.ui-check{--ui-check-width: 1.25rem;--ui-check-checked-bg: var(--color-accent);--ui-check-icon-width: 1.125rem;display:inline-flex;gap:var(--ui-check-gap, .75rem);font-weight:var(--ui-check-font-weight, var(--font-normal));font-size:var(--ui-check-font-size, var(--text-sm));line-height:var(--ui-check-line-height, calc(1em + var(--ui-check-line-height-ratio, .25lh)));letter-spacing:var(--ui-check-letter-spacing, inherit);text-wrap:balance}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-2w-2t-2r-2z-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-15]:not(.does-not-exist){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check:has([type=radio]){--ui-check-icon: var(--mask-radio);--ui-check-radius: 50%}.ui-check :where(label[for],input){cursor:pointer}.ui-check :where(a){color:var(--color-accent);text-decoration:underline}.ui-check :where(input){display:flex;width:var(--ui-check-width);height:var(--ui-check-width);background-color:var(--ui-check-bg, color-mix(in sRGB, var(--color-current) var(--ui-check-bg-opacity, 0), var(--ui-check-bg-mix, transparent)));border:var(--ui-check-border-width, 1px) solid color-mix(in sRGB,var(--ui-check-border-color, var(--color-current)) var(--ui-check-border-opacity, calc(var(--tw-border-opacity, .2) * 100%)),var(--ui-check-border-mix, transparent));border-radius:var(--ui-check-radius, var(--rounded-md));outline:var(--ui-check-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);flex-shrink:0}.ui-check :where(input):before{transition:var(--transition-color),var(--transition-opacity),var(--transition-transform);color:var(--color-accent-foreground);content:"";background-color:currentColor;-webkit-mask:var(--ui-check-icon, var(--mask-check));mask:var(--ui-check-icon, var(--mask-check));opacity:0;transform:scale(0);will-change:transform;width:var(--ui-check-icon-width);height:var(--ui-check-icon-width);margin:auto}:is(.ui-check :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-check :where(input):not(:disabled):is(:hover,:focus-visible){--color-current: var(--ui-check-checked-bg);--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;--ui-check-bg-opacity: 10%}.ui-check :where(input):not(:disabled):focus{--ui-check-border-color: var(--ui-check-checked-bg);--ui-check-border-opacity: 75%;outline-color:color-mix(in sRGB,var(--ui-check-checked-bg) var(--ui-check-outline-opacity, 20%),transparent);outline-offset:var(--ui-check-outline-offset, 0)}.ui-check :where(input):disabled{--ui-check-bg-opacity: 15%;cursor:not-allowed;opacity:var(--ui-check-disabled-opacity, .5)}.ui-check :where(input):indeterminate{--ui-check-icon: var(--mask-indeterminate)}.ui-check :where(input):is(:checked,:indeterminate){--ui-check-border-opacity: 0%;--ui-check-bg: var(--ui-check-checked-bg)}.ui-check :where(input):is(:checked,:indeterminate):before{opacity:1;transform:scale(1)}.ui-check.invalid,.validated .ui-check :where(input):invalid{--color-current: var(--color-error);--ui-check-border-color: var(--color-error);--ui-check-checked-bg: var(--color-error);--ui-check-border-opacity: 100%}.ui-control{--ui-control-height: 3rem;--ui-control-height-textarea: 8rem;--ui-control-px: .75rem;--ui-control-py: .75rem;--ui-control-border-width: 1px;display:grid;height:var(--ui-control-height);font-family:var(--ui-contro-font-family, var(--font-primary));font-weight:var(--ui-control-font-weight, var(--font-medium));font-size:var(--ui-control-font-size, var(--text-sm));letter-spacing:var(--ui-control-letter-spacing, inherit);background-color:var(--ui-control-bg, transparent);color:var(--ui-control-color, currentColor);border-radius:var(--ui-control-border-radius, var(--rounded));border:var(--ui-control-border-width) solid color-mix(in sRGB,var(--ui-control-border-color, var(--color-current)) var(--ui-control-border-opacity, 15%),var(--ui-control-border-mix, transparent));outline:var(--ui-control-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);grid-template:[control-start] calc(var(--ui-control-py) - var(--ui-control-border-width)) [control-p] 1fr calc(var(--ui-control-py) - var(--ui-control-border-width)) [control-end] / [control-start] var(--ui-control-px) [control-p] 1fr var(--ui-control-px) [control-end]}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15]:not(does-not-exist){height:auto}.ui-control:has(textarea){height:auto}.ui-control>:where(*){grid-area:control-p;align-self:center}.ui-control :where(input,textarea,select){text-overflow:ellipsis;overflow:clip;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:control;align-self:stretch}.ui-control :where(input,textarea,select):disabled{cursor:not-allowed;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-disabled-opacity, 5%),var(--ui-control-bg, transparent))}.ui-control :where(input,textarea)::-moz-placeholder{color:var(--ui-control-placeholder-color, currentColor);opacity:var(--ui-control-placeholder-opacity, .5)}.ui-control :where(input,textarea)::placeholder{color:var(--ui-control-placeholder-color, currentColor);opacity:var(--ui-control-placeholder-opacity, .5)}.ui-control :where(textarea){resize:vertical;min-height:var(--ui-control-height-textarea)}.ui-control:focus-within{--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-accent);outline-color:color-mix(in sRGB,var(--color-accent) var(--ui-control-outline-opacity, 20%),transparent);outline-offset:var(--ui-control-outline-offset, 0)}.ui-control.invalid,.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--color-accent: var(--color-error);background-color:color-mix(in sRGB,var(--color-error) var(--ui-control-invalid-bg-opacity, 10%),var(--ui-control-bg))}.ui-control.invalid,.validated .ui-control:has(:invalid){--ui-control-border-opacity: 100%;--ui-control-border-color: var(--color-error);--ui-control-color: var(--color-error);--color-accent: var(--color-error);background-color:color-mix(in sRGB,var(--color-error) var(--ui-control-invalid-bg-opacity, 10%),var(--ui-control-bg))}.ui-control{--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-icon-size: 1.25rem;--ui-control-icon-gap: .375rem;--ui-control-icon-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-icon-e: calc(var(--ui-control-icon-count-e, 1) * (var(--ui-control-icon-size) + var(--ui-control-icon-gap)) - var(--ui-control-icon-gap))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-37-15]:not(.does-not-exist){--ui-control-ps: calc(var(--ui-control-icon-s) + var(--ui-control-px))}.ui-control:has(.icon-s){--ui-control-ps: calc(var(--ui-control-icon-s) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-15]:not(.does-not-exist){--ui-control-pe: calc(var(--ui-control-icon-e) + var(--ui-control-px))}.ui-control:has(.icon-e){--ui-control-pe: calc(var(--ui-control-icon-e) + var(--ui-control-px))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-37-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-s: 2}.ui-control:has(.icon-s>*:nth-child(2)){--ui-control-icon-count-s: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-w-1q-w-16-1m-32-38-2w-19-2r-2w-2x-30-2s-14-1e-15-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(.icon-e>*:nth-child(2)){--ui-control-icon-count-e: 2}.ui-control :where(.icon-s){margin-inline-end:auto}.ui-control :where(.icon-e){margin-inline-start:auto}.ui-control :where(.icon-s,.icon-e){display:flex;align-items:center;gap:var(--ui-control-icon-gap)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1m-3b-2w-2t-36-2t-14-1a-2x-2r-33-32-19-37-18-w-1a-2x-2r-33-32-19-2t-15]:not(does-not-exist){align-self:start}.ui-control:has(textarea) :where(.icon-s,.icon-e){align-self:start}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]:not(.does-not-exist){overflow:clip}.ui-control:has([type=file]){overflow:clip}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-w-1m-3b-2w-2t-36-2t-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2u-33-2r-39-37-15]:not(.does-not-exist):not(.does-not-exist){--ui-control-file-selector-button-bg-opacity: 20%}.ui-control:has([type=file]) :where([type=file]):is(:hover,:focus){--ui-control-file-selector-button-bg-opacity: 20%}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15-w-1m-3b-2w-2t-36-2t-14-2j-38-3d-34-2t-1p-y-2u-2x-30-2t-y-2l-15]:not(.does-not-exist)::file-selector-button{all:unset;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-file-selector-button-bg-opacity, 15%),transparent);height: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-top-right-radius:var(--ui-control-border-radius, var(--rounded));border-bottom-right-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.ui-control:has([type=file]) :where([type=file])::file-selector-button{all:unset;background-color:color-mix(in sRGB,var(--color-current) var(--ui-control-file-selector-button-bg-opacity, 15%),transparent);height: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-top-right-radius:var(--ui-control-border-radius, var(--rounded));border-bottom-right-radius:var(--ui-control-border-radius, var(--rounded));transition:var(--transition-background);cursor:pointer}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.ui-control:where(:has(:not([type=color])~label)){--ui-control-label-translate-y: .625rem;--ui-control-label-scale: .8}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(label){pointer-events:none;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0)}.ui-control:where(:has(:not([type=color])~label)) :where(label){pointer-events:none;transition:var(--transition-transform),var(--transition-color),var(--transition-opacity);transform-origin:0 50%;white-space:nowrap;text-overflow:ellipsis;overflow:clip;will-change:transform;margin-inline:var(--ui-control-ps, 0) var(--ui-control-pe, 0)}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)):where([csstools-has-1m-2w-2p-37-14-1m-36-2t-35-39-2x-36-2t-2s-15]) :where(label):after{color:var(--color-error);content:" *"}.ui-control:where(:has(:not([type=color])~label)):where(:has(:required)) :where(label):after{color:var(--color-error);content:" *"}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label)) :where(textarea){padding-block-start:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(textarea))+:where(label){align-self:start}:is(.ui-control:where(:has(:not([type=color])~label)) :where(textarea))+:where(label){align-self:start}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.ui-control:where(:has(:not([type=color])~label)) :where(input,select){padding-block:calc(var(--ui-control-py) + var(--ui-control-label-translate-y) * var(--ui-control-label-scale)) calc(var(--ui-control-py) - var(--ui-control-label-translate-y) * var(--ui-control-label-scale))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-calendar-picker-indicator,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-search-cancel-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-outer-spin-button,.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-calendar-picker-indicator,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-search-cancel-button,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-outer-spin-button,.ui-control:where(:has(:not([type=color])~label)) :where(input,select)::-webkit-inner-spin-button{transform:translateY(calc(var(--ui-control-label-translate-y) * var(--ui-control-label-scale) * -1))}.js-has-pseudo .ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)){--ui-control-placeholder-color: transparent}.ui-control:where(:has(:not([type=color])~label)){--ui-control-placeholder-color: transparent}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,textarea,select):is(:focus,:not(:-moz-placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity, .5)}.js-has-pseudo :is(.ui-control:where([csstools-has-1m-2w-2p-37-14-1m-32-33-38-14-2j-38-3d-34-2t-1p-y-2r-33-30-33-36-y-2l-15-w-3i-w-30-2p-2q-2t-30-15]:not(does-not-exist)) :where(input,textarea,select):is(:focus,:not(:placeholder-shown)))~label{transform:translateY(calc(var(--ui-control-label-translate-y) * -1)) scale(var(--ui-control-label-scale));opacity:var(--ui-control-label-focus-opacity, .5)}: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, .5)}: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, .5)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist){--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem;--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.ui-control:has(select){--ui-control-select-icon-size: 1.5rem;--ui-control-select-icon-me: -.25rem;--ui-control-pe: calc(var(--ui-control-select-icon-size) + var(--ui-control-select-icon-me))}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-1m-2w-2p-37-14-1a-2x-2r-33-32-19-2t-15]:not(.does-not-exist):not(does-not-exist){--ui-control-icon-count-e: 2}.ui-control:has(select):has(.icon-e){--ui-control-icon-count-e: 2}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15-w-1m-3b-2w-2t-36-2t-14-1a-2x-2r-33-32-19-2t-15]:not(does-not-exist){margin-inline-end:var(--ui-control-select-icon-size)}.ui-control:has(select) :where(.icon-e){margin-inline-end:var(--ui-control-select-icon-size)}.js-has-pseudo [csstools-has-1a-39-2x-19-2r-33-32-38-36-33-30-1m-2w-2p-37-14-37-2t-30-2t-2r-38-15]:not(does-not-exist):after{content:"";width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);background-color:currentColor;-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);pointer-events:none;grid-area:control-p;align-self:center;margin-inline:auto var(--ui-control-select-icon-me)}.ui-control:has(select):after{content:"";width:var(--ui-control-select-icon-size);height:var(--ui-control-select-icon-size);background-color:currentColor;-webkit-mask:var(--mask-angle-down);mask:var(--mask-angle-down);pointer-events:none;grid-area:control-p;align-self:center;margin-inline:auto var(--ui-control-select-icon-me)}.ui-group{display:flex;flex-wrap:wrap}.js-has-pseudo [csstools-has-1a-39-2x-19-2v-36-33-39-34-1m-2w-2p-37-14-1a-39-2x-19-2r-33-32-38-36-33-30-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2q-38-32-15]:not(.does-not-exist){--ui-btn-border-width: 1px;--ui-btn-border-opacity: 15%;--ui-btn-height: auto;min-width:3rem}.ui-group:has(.ui-control) :where(.ui-btn){--ui-btn-border-width: 1px;--ui-btn-border-opacity: 15%;--ui-btn-height: auto;min-width:3rem}.ui-group :where(.ui-btn){--ui-btn-focus-outline-offset: 0}.ui-group>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ui-group>*:not(:first-child),.ui-group>*:not(:first-child) :where(input,select){border-left:0}.ui-group>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ui-heading{font-family:var(--ui-heading-font-family, var(--font-primary));font-weight:var(--ui-heading-font-weight, var(--font-semibold));font-size:var(--ui-heading-font-size, var(--text-xl));line-height:var(--ui-heading-line-height, calc(1em + var(--ui-heading-line-height-ratio, .25lh)));letter-spacing:var(--ui-heading-letter-spacing, 0);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;max-width:-moz-fit-content;max-width:fit-content}.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:cover;object-fit:cover}.ui-info{font-family:var(--ui-info-font-family, inherit);font-weight:var(--ui-info-font-weight, inherit);font-size:var(--ui-info-font-size, var(--text-xs));line-height:var(--ui-info-line-height, calc(1em + var(--ui-info-line-height-ratio, .15lh)));letter-spacing:var(--ui-info-letter-spacing, inherit);text-wrap:balance}.ui-label{font-family:var(--ui-label-font-family, inherit);font-weight:var(--ui-label-font-weight, inherit);font-size:var(--ui-label-font-size, var(--text-sm));line-height:var(--ui-label-line-height, calc(1em + var(--ui-label-line-height-ratio, .15lh)));letter-spacing:var(--ui-label-letter-spacing, inherit);text-wrap:balance}.ui-notice{--color-current: var(--color-accent);--ui-notice-outline-width: 1px;position:relative;display:flex;flex-direction:column;padding:var(--ui-notice-py, 1.25rem) var(--ui-notice-px, 1.5rem);font-size:var(--ui-notice-font-size, var(--text-sm));border-radius:var(--rounded);background-color:color-mix(in sRGB,var(--color-accent) 10%,transparent);outline:var(--ui-notice-outline-width) solid color-mix(in sRGB,var(--color-accent) var(--ui-notice-outline-opacity, 10%),transparent);outline-offset:var(--ui-notice-outline-offset, calc(var(--ui-notice-outline-width) * -1));color:var(--color-accent);gap:var(--ui-notice-gap, 1.25rem);text-wrap:balance}.ui-notice :where(hr){--tw-border-opacity: .2}.ui-progress{--ui-progress-bg: color-mix(in sRGB, var(--color-accent) var(--ui-progress-bg-opacity), var(--color-body));--ui-progress-bg-opacity: calc(var(--tw-bg-opacity, 1) * 10%);height:var(--ui-progress-height, 1rem);border-radius:var(--ui-progress-border-radius, var(--rounded-full));background-color:var(--ui-progress-bg);width:100%;overflow:clip}.ui-progress::-webkit-progress-bar{background-color:transparent}.ui-progress::-webkit-progress-value{background-color:var(--color-accent)}.ui-progress::-moz-progress-bar{background-color:var(--color-accent)}.ui-progress:indeterminate{animation:1.5s linear 0s forwards infinite move-indeterminate;background-image:linear-gradient(to right,var(--color-accent) 30%,var(--ui-progress-bg) 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.ui-progress:indeterminate::-moz-progress-bar{background-color:transparent}.ui-progress::-webkit-meter-inner-element{position:relative;display:block}.ui-progress::-webkit-meter-bar{border:0;background:transparent}.ui-progress::-webkit-meter-optimum-value{background:var(--color-success)}.ui-progress::-webkit-meter-suboptimum-value{background:var(--color-warning)}.ui-progress::-webkit-meter-even-less-good-value{background:var(--color-error)}.ui-progress:-moz-meter-optimum::-moz-meter-bar{background:var(--color-success)}.ui-progress:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-warning)}.ui-progress:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-error)}.ui-progress:is(.sm){--ui-progress-height: .5rem}.ui-progress:is(.lg){--ui-progress-height: 1.5rem}.ui-switch{--ui-switch-width: 3rem;--ui-switch-height: 1.5rem;--ui-check-icon-size: 1.125rem;display:inline-flex;gap:var(--ui-switch-gap, .75rem);font-weight:var(--ui-switch-font-weight, var(--font-normal));font-size:var(--ui-switch-font-size, var(--text-sm));line-height:var(--ui-switch-line-height, calc(1em + var(--ui-switch-line-height-ratio, .25lh)));letter-spacing:var(--ui-switch-letter-spacing, inherit);text-wrap:balance}:where(.dark) .ui-switch{--ui-switch-bg: var(--color-body-tertiary)}.ui-switch :where(label[for],input){cursor:pointer}.ui-switch :where(a){color:var(--color-accent);text-decoration:underline}.ui-switch :where(input){display:flex;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-switch-bg, var(--color-dark));border-radius:var(--ui-switch-radius, var(--rounded-full));outline:var(--ui-switch-outline-width, 3px) solid transparent;outline-offset:0;transition-property:var(--transition);transition-timing-function:var(--ease-in-out);transition-duration:var(--duration);flex-shrink:0;position:relative;padding:calc((var(--ui-switch-height) - var(--ui-check-icon-size)) / 2)}.ui-switch :where(input):before{content:"";width:var(--ui-check-icon-size);height:var(--ui-check-icon-size);background-color:var(--color-light);border-radius:inherit;margin-block:auto;transition:var(--transition-all)}:is(.ui-switch :where(input):where(:required))+*:after{color:var(--color-error);content:" *"}.ui-switch :where(input):disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity, .5)}.ui-switch :where(input):focus{outline-color:color-mix(in sRGB,var(--color-current) var(--ui-switch-outline-opacity, 20%),transparent);outline-offset:var(--ui-switch-outline-offset, 0)}.ui-switch :where(input):checked{--color-current: var(--color-accent);--ui-switch-bg: var(--color-accent)}.ui-switch :where(input):checked:before{margin-left:calc(100% - var(--ui-check-icon-size))}.ui-switch :where(input):indeterminate:before{margin-left:calc(50% - var(--ui-check-icon-size) / 2)}.ui-switch.invalid,.validated .ui-switch :where(input):invalid{--ui-switch-bg: var(--color-error)}.ui-text{--ui-text-content-bold: var(--font-semibold);--ui-text-content-my: 1.25em;--ui-text-content-marker-size: .375em;font-family:var(--ui-text-font-family, var(--font-primary));font-weight:var(--ui-text-font-weight, var(--font-normal));font-size:var(--ui-text-font-size, inherit);line-height:var(--ui-text-line-height, calc(1em + var(--ui-text-line-height-ratio, .5lh)));letter-spacing:var(--ui-text-letter-spacing, 0)}.ui-text>:is(*:first-child){margin-block-start:0}.ui-text>:is(*:last-child){margin-block-end:0}.ui-text :where(a){text-decoration:underline;transition:var(--transition-color);color:var(--color-accent)}@media (hover: hover) and (pointer: fine){.ui-text :where(a):hover{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}}.ui-text :where(a):focus-visible{color:color-mix(in sRGB,var(--color-accent) 70%,transparent)}.ui-text :where(b,strong){font-weight:var(--ui-text-content-bold)}.ui-text :where(s,u,em,i){all:revert}.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, 3em)}.ui-text :where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-text-heading-font-family, var(--font-secondary));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, calc(1em + var(--ui-text-heading-line-height-ratio, .25lh)));letter-spacing:var(--ui-text-heading-letter-spacing);margin-block:var(--ui-text-heading-my, 1.5em .5em);color:var(--ui-text-heading-color, inherit);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-bottom:1px solid color-mix(in sRGB,var(--color-current) 7.5%,transparent)}.ui-text :where(table) :where(tbody tr):nth-of-type(2n){background-color:color-mix(in sRGB,var(--color-current) 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}.ui-title{font-family:var(--ui-title-font-family, var(--font-secondary));font-weight:var(--ui-title-font-weight, var(--font-semibold));font-size:var(--ui-title-font-size, var(--text-sm));line-height:var(--ui-title-line-height, calc(1em + var(--ui-title-line-height-ratio, .15lh)));letter-spacing:var(--ui-title-letter-spacing, 0);text-wrap:balance}.ui-title:is(.sm){--ui-title-font-size: var(--text-xs)}.ui-title:is(.lg){--ui-title-font-size: var(--text-base)}.c-dialog{animation:var(--duration) ease 0s backwards 1 fade-in-down;position:relative;z-index:var(--z-20);margin:auto;background-color:var(--color-body-primary);width:100%;max-width:var(--c-dialog-width, 35rem);border-radius:var(--rounded-3xl);padding:var(--c-dialog-py, 1.5rem) var(--c-dialog-px, 1.5rem)}:where(dialog:not([open])) .c-dialog{animation:var(--duration) ease 0s forwards 1 fade-out-up}.c-field{display:flex;flex-direction:column;gap:var(--c-field-gap, .5rem)}.js-has-pseudo [csstools-has-1a-3a-2p-30-2x-2s-2p-38-2t-2s-w-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-1m-2x-32-3a-2p-30-2x-2s-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-2x-32-2u-33-2j-2w-2x-2s-2s-2t-32-2l-15]:not(.does-not-exist):not(.does-not-exist){display:block}.validated .c-field:has(:invalid) :where(.ui-info[hidden]){display:block}.js-has-pseudo [csstools-has-1a-2r-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-2j-36-2t-35-39-2x-36-2t-2s-2l-15-w-1m-3b-2w-2t-36-2t-14-1a-39-2x-19-30-2p-2q-2t-30-15]:not(.does-not-exist):after{color:var(--color-error);content:" *"}.c-field:has([required]) :where(.ui-label):after{color:var(--color-error);content:" *"}.lib-dialog{top:0;right:0;bottom:0;left:0;z-index:var(--z-30);position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--lib-ripple-bg, color-mix(in sRGB, var(--color-dark) calc(var(--tw-bg-opacity, .8) * 100%), transparent));overscroll-behavior:contain;display:flex;padding:var(--lib-dialog-py, 2rem) var(--lib-dialog-px, 1.5rem);transition:var(--transition-background)}.lib-dialog,.lib-dialog::backdrop{visibility:hidden}.lib-dialog:not([open]){background-color:transparent;pointer-events:none}.is-lib-dialog-open .lib-dialog{visibility:visible}.is-lib-dialog-open{scrollbar-width:none;padding-inline-end:var(--lib-dialog-scrollbar-width, 0)}.is-lib-dialog-open::-webkit-scrollbar{display:none}.lib-ripple{position:absolute;background:var(--lib-ripple-bg, color-mix(in sRGB, var(--color-body) calc(var(--tw-bg-opacity, .4) * 100%), transparent));border-radius:50%;transform:scale(0);animation-duration:var(--lib-ripple-animation-duration, 1s);pointer-events:none}
|
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: }::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: }.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)}.underline{text-underline-offset:var(--tw-underline-offset, .125em)}.decoration-transparent:where([href],button,.interactive){transition:all var(--duration) var(--ease-in-out)}.decoration-transparent:where([href],button,.interactive):not(:hover,:focus){text-underline-offset:var(--tw-underline-offset-transparent, -.25em)}.decoration-transparent:where([href],button,.interactive):is(:hover,:focus){text-decoration-color:var(--color-current)}.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] minmax(0,calc((var(--container-width) - var(--container-sm-width)) / 2)) [container-sm-start] min(100% - (var(--container-padding) * 2),var(--container-sm-width)) [container-sm-end] minmax(0,calc((var(--container-width) - var(--container-sm-width)) / 2)) [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}.absolute{position:absolute}.col-\[control\]{grid-column: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-\[control\]{grid-row:control}.ms-auto{margin-inline-start:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.min-h-\[200vh\]{min-height:200vh}.w-28{width:7rem}.w-5{width:1.25rem}.w-full{width:100%}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.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 sRGB,var(--color-body-tertiary) calc(var(--tw-divide-opacity) * 100%),transparent)}.self-stretch{align-self:stretch}.rounded{border-radius:var(--rounded)}.rounded-full{border-radius:var(--rounded-full)}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-current{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-current) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-info) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-light) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-warning) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-warning\/10{background-color:color-mix(in sRGB,var(--color-warning) 10%,transparent)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity: .1}.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)}.p-4{padding:1rem}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.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}.text-center{text-align:center}.font-primary{font-family:var(--font-primary)}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.font-secondary{font-family:var(--font-secondary)}.text-lg{font-size:var(--text-lg);line-height:calc(var(--text-lg) + .5rem)}.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}.text-opacity-60{--tw-text-opacity: .6}.underline{text-decoration-line:underline}.decoration-transparent{text-decoration-color:transparent}.accent-accent{accent-color:var(--color-accent)}.accent-amber-600{--color-accent: #d97706;accent-color:var(--color-accent)}.accent-body{--color-accent: var(--color-body);--color-accent-fg: var(--color-body-fg, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: var(--color-current);--color-accent-fg: var(--color-current-fg, var(--color-light));accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-fg: var(--color-dark-fg, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-fg: var(--color-error-fg, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-fg: var(--color-info-fg, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-fg: var(--color-light-fg, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-fg: var(--color-main-fg, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-fg: var(--color-primary-fg, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-fg: var(--color-success-fg, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-fg: var(--color-warning-fg, var(--color-light));accent-color:var(--color-accent)}.text-accent{--color-current: color-mix(in sRGB, var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-current{color:color-mix(in sRGB,var(--color-current) 100%,transparent)}.text-dark{--color-current: color-mix(in sRGB, var(--color-dark) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-error{--color-current: color-mix(in sRGB, var(--color-error) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-error) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-info{--color-current: color-mix(in sRGB, var(--color-info) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-info) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-light{--color-current: color-mix(in sRGB, var(--color-light) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-light) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-main{--color-current: color-mix(in sRGB, var(--color-main) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-main) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-primary{--color-current: color-mix(in sRGB, var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-primary\/50{--color-current: color-mix(in sRGB, var(--color-primary) 50% , transparent);color:color-mix(in sRGB,var(--color-primary) 50%,transparent)}.text-red-400\/50{--color-current: rgb(248 113 113 / .5);color:#f8717180}.text-success{--color-current: color-mix(in sRGB, var(--color-success) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-success) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-warning{--color-current: color-mix(in sRGB, var(--color-warning) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-warning) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.animation-ripple{animation-name:ripple}@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))}}.running{animation-play-state:running}.\[--ui-control-pe\:theme\(spacing\.14\)\]{--ui-control-pe: 3.5rem}.\[--ui-control-ps\:theme\(spacing\.8\)\]{--ui-control-ps: 2rem}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-sm: min(100% - (var(--container-padding) * 2), var(--container-sm-width));--container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));--container-width: 80rem;--container-sm-width: 50rem;--container-lg-width: 90rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.before\:skeleton:before{content:var(--tw-content);background:linear-gradient(270deg,color-mix(in sRGB,var(--color-body) 50%,var(--color-main)),color-mix(in sRGB,var(--color-body) 80%,var(--color-main)),color-mix(in sRGB,var(--color-body) 80%,var(--color-main)),color-mix(in sRGB,var(--color-body) 50%,var(--color-main)));background-size:400% 100%;animation:skeleton-wave 1.5s linear infinite;opacity:.3;transition:opacity .3s ease-out}.hover\:decoration-primary:hover{text-decoration-color:color-mix(in sRGB,var(--color-primary) 100%,transparent)}.hover\:text-accent:hover{--color-current: color-mix(in sRGB, var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-primary:hover{--color-current: color-mix(in sRGB, var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}.focus\:\!outline-purple-600\/30:focus{outline-color:#9333ea4d!important}:is(:where(.dark) .dark\:bg-dark){--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}:is(:where(.dark) .dark\:text-light){--color-current: color-mix(in sRGB, var(--color-light) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-light) calc(var(--tw-text-opacity, 1) * 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: }::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: }.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)}.underline{text-underline-offset:var(--tw-underline-offset, .125em)}.decoration-transparent:where([href],button,.interactive){transition:all var(--duration) var(--ease-in-out)}.decoration-transparent:where([href],button,.interactive):not(:hover,:focus){text-underline-offset:var(--tw-underline-offset-transparent, -.25em)}.decoration-transparent:where([href],button,.interactive):is(:hover,:focus){text-decoration-color:var(--color-current)}.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] minmax(0,calc((var(--container-width) - var(--container-sm-width)) / 2)) [container-sm-start] min(100% - (var(--container-padding) * 2),var(--container-sm-width)) [container-sm-end] minmax(0,calc((var(--container-width) - var(--container-sm-width)) / 2)) [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}.absolute{position:absolute}.col-\[control\]{grid-column: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-\[control\]{grid-row:control}.ms-auto{margin-inline-start:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.min-h-\[200vh\]{min-height:200vh}.w-28{width:7rem}.w-5{width:1.25rem}.w-full{width:100%}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.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 sRGB,var(--color-body-tertiary) calc(var(--tw-divide-opacity) * 100%),transparent)}.self-stretch{align-self:stretch}.rounded{border-radius:var(--rounded)}.rounded-full{border-radius:var(--rounded-full)}.bg-accent{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-body-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-secondary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-body-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-body-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-body-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-current{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-current) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-dark{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-error{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-info) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-light{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-light) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-primary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-secondary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-secondary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-main-tertiary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-main-tertiary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-primary{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-success{--tw-bg-opacity: 1;background-color:color-mix(in sRGB,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 sRGB,var(--color-warning) calc(var(--tw-bg-opacity) * 100%),transparent)}.bg-warning\/10{background-color:color-mix(in sRGB,var(--color-warning) 10%,transparent)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity: .1}.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)}.p-4{padding:1rem}.p-md{padding:var(--spacing-md)}.p-xs{padding:var(--spacing-xs)}.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}.text-center{text-align:center}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.text-lg{font-size:var(--text-lg);line-height:calc(var(--text-lg) + .5rem)}.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}.decoration-transparent{text-decoration-color:transparent}.accent-accent{accent-color:var(--color-accent)}.accent-amber-600{--color-accent: #d97706;accent-color:var(--color-accent)}.accent-body{--color-accent: var(--color-body);--color-accent-fg: var(--color-body-fg, var(--color-light));accent-color:var(--color-accent)}.accent-current{--color-accent: var(--color-current);--color-accent-fg: var(--color-current-fg, var(--color-light));accent-color:var(--color-accent)}.accent-dark{--color-accent: var(--color-dark);--color-accent-fg: var(--color-dark-fg, var(--color-light));accent-color:var(--color-accent)}.accent-error{--color-accent: var(--color-error);--color-accent-fg: var(--color-error-fg, var(--color-light));accent-color:var(--color-accent)}.accent-info{--color-accent: var(--color-info);--color-accent-fg: var(--color-info-fg, var(--color-light));accent-color:var(--color-accent)}.accent-light{--color-accent: var(--color-light);--color-accent-fg: var(--color-light-fg, var(--color-light));accent-color:var(--color-accent)}.accent-main{--color-accent: var(--color-main);--color-accent-fg: var(--color-main-fg, var(--color-light));accent-color:var(--color-accent)}.accent-primary{--color-accent: var(--color-primary);--color-accent-fg: var(--color-primary-fg, var(--color-light));accent-color:var(--color-accent)}.accent-success{--color-accent: var(--color-success);--color-accent-fg: var(--color-success-fg, var(--color-light));accent-color:var(--color-accent)}.accent-warning{--color-accent: var(--color-warning);--color-accent-fg: var(--color-warning-fg, var(--color-light));accent-color:var(--color-accent)}.text-accent{--color-current: color-mix(in sRGB, var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-current{color:color-mix(in sRGB,var(--color-current) 100%,transparent)}.text-dark{--color-current: color-mix(in sRGB, var(--color-dark) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-error{--color-current: color-mix(in sRGB, var(--color-error) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-error) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-info{--color-current: color-mix(in sRGB, var(--color-info) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-info) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-light{--color-current: color-mix(in sRGB, var(--color-light) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-light) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-main{--color-current: color-mix(in sRGB, var(--color-main) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-main) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-primary{--color-current: color-mix(in sRGB, var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-primary\/50{--color-current: color-mix(in sRGB, var(--color-primary) 50% , transparent);color:color-mix(in sRGB,var(--color-primary) 50%,transparent)}.text-red-400\/50{--color-current: rgb(248 113 113 / .5);color:#f8717180}.text-success{--color-current: color-mix(in sRGB, var(--color-success) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-success) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.text-warning{--color-current: color-mix(in sRGB, var(--color-warning) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-warning) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.animation-ripple{animation-name:ripple}@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))}}.\[--ui-control-pe\:theme\(spacing\.14\)\]{--ui-control-pe: 3.5rem}.\[--ui-control-ps\:theme\(spacing\.8\)\]{--ui-control-ps: 2rem}:root,:host{--container: min(100% - (var(--container-padding) * 2), var(--container-width));--container-sm: min(100% - (var(--container-padding) * 2), var(--container-sm-width));--container-lg: min(100% - (var(--container-padding) * 2), var(--container-lg-width));--container-width: 80rem;--container-sm-width: 50rem;--container-lg-width: 90rem;--container-padding: 5vw;--container-padding-calc: max(calc(50vw - (var(--container-width) / 2)), var(--container-padding))}.before\:skeleton:before{content:var(--tw-content);background:linear-gradient(270deg,color-mix(in sRGB,var(--color-body) 50%,var(--color-main)),color-mix(in sRGB,var(--color-body) 80%,var(--color-main)),color-mix(in sRGB,var(--color-body) 80%,var(--color-main)),color-mix(in sRGB,var(--color-body) 50%,var(--color-main)));background-size:400% 100%;animation:skeleton-wave 1.5s linear infinite;opacity:.3;transition:opacity .3s ease-out}.hover\:decoration-primary:hover{text-decoration-color:color-mix(in sRGB,var(--color-primary) 100%,transparent)}.hover\:text-accent:hover{--color-current: color-mix(in sRGB, var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-accent) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.hover\:text-primary:hover{--color-current: color-mix(in sRGB, var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-primary) calc(var(--tw-text-opacity, 1) * 100%),transparent)}.focus\:\!outline-purple-600:focus{outline-color:#9333ea!important}.focus\:\!outline-purple-600\/30:focus{outline-color:#9333ea4d!important}:is(:where(.dark) .dark\:bg-dark){--tw-bg-opacity: 1;background-color:color-mix(in sRGB,var(--color-dark) calc(var(--tw-bg-opacity) * 100%),transparent)}:is(:where(.dark) .dark\:text-light){--color-current: color-mix(in sRGB, var(--color-light) calc(var(--tw-text-opacity, 1) * 100%), transparent);color:color-mix(in sRGB,var(--color-light) calc(var(--tw-text-opacity, 1) * 100%),transparent)}
|
package/package.json
CHANGED
package/src/base/default.css
CHANGED
|
@@ -7,12 +7,6 @@
|
|
|
7
7
|
background-color: var(--color-accent);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
:where(*) {
|
|
11
|
-
outline: none;
|
|
12
|
-
border: 0 solid transparent;
|
|
13
|
-
-webkit-tap-highlight-color: rgb(255 255 255 / 0%);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
10
|
:where(svg) {
|
|
17
11
|
stroke-width: 1.5;
|
|
18
12
|
}
|
|
@@ -30,33 +24,50 @@
|
|
|
30
24
|
}
|
|
31
25
|
|
|
32
26
|
:where(hr) {
|
|
33
|
-
|
|
34
|
-
border-top: 1px solid color-mix(in sRGB, var(--color-current) calc(var(--tw-border-opacity, 0.15) * 100%), transparent);
|
|
27
|
+
border-top: 1px solid var(--color-body-tertiary);
|
|
35
28
|
border-radius: var(--rounded);
|
|
36
29
|
width: 100%;
|
|
37
30
|
}
|
|
38
31
|
|
|
32
|
+
:where(code) {
|
|
33
|
+
padding: var(--spacing-xs) var(--spacing-sm);
|
|
34
|
+
background: var(--color-body-secondary);
|
|
35
|
+
border-radius: var(--rounded-sm);
|
|
36
|
+
color: var(--color-accent);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
:where(kbd) {
|
|
40
|
+
padding: var(--spacing-xs) var(--spacing-sm);
|
|
41
|
+
background: var(--color-body-secondary);
|
|
42
|
+
border-radius: var(--rounded-sm);
|
|
43
|
+
border: 1px solid var(--color-body-tertiary);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:where(:not(pre) > code, kbd) {
|
|
47
|
+
white-space: nowrap;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
:where(pre > code) {
|
|
51
|
+
display: block;
|
|
52
|
+
margin: 0;
|
|
53
|
+
}
|
|
54
|
+
|
|
39
55
|
:where(html) {
|
|
40
56
|
color-scheme: var(--color-scheme);
|
|
41
57
|
font-family: var(--font-primary);
|
|
42
58
|
font-weight: var(--font-normal);
|
|
43
|
-
|
|
59
|
+
block-size: 100%;
|
|
44
60
|
line-height: 1.5;
|
|
61
|
+
text-size-adjust: 100%;
|
|
62
|
+
|
|
63
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
64
|
+
scroll-behavior: smooth;
|
|
65
|
+
}
|
|
45
66
|
}
|
|
46
67
|
|
|
47
68
|
:where(body) {
|
|
48
|
-
min-
|
|
69
|
+
min-block-size: 100%;
|
|
49
70
|
background-color: var(--color-body);
|
|
50
71
|
color: var(--color-main);
|
|
51
72
|
accent-color: var(--color-accent);
|
|
52
73
|
}
|
|
53
|
-
|
|
54
|
-
:where(input[type="time"]) {
|
|
55
|
-
&::-webkit-datetime-edit-fields-wrapper,
|
|
56
|
-
&::-webkit-datetime-edit-text,
|
|
57
|
-
&::-webkit-datetime-edit,
|
|
58
|
-
&::-webkit-datetime-edit-hour-field,
|
|
59
|
-
&::-webkit-datetime-edit-minute-field {
|
|
60
|
-
padding: 0;
|
|
61
|
-
}
|
|
62
|
-
}
|
package/src/base/reset.css
CHANGED
|
@@ -1,28 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
*/
|
|
11
|
-
*:where(:not(html, iframe, canvas, img, svg, video, audio, svg *, symbol *, ol, ul, sub, sup)) {
|
|
1
|
+
/* Reset all */
|
|
2
|
+
:where(address), :where(blockquote), :where(body), :where(caption), :where(cite), :where(code),
|
|
3
|
+
:where(dd), :where(details), :where(dialog), :where(dl), :where(dt), :where(fieldset),
|
|
4
|
+
:where(figcaption), :where(figure), :where(h1, h2, h3, h4, h5, h6), :where(hgroup), :where(hr), :where(html),
|
|
5
|
+
:where(input), :where(kbd), :where(label), :where(legend), :where(li), :where(mark),
|
|
6
|
+
:where(menu), :where(ol), :where(optgroup), :where(option), :where(output),
|
|
7
|
+
:where(pre), :where(select), :where(summary), :where(table), :where(td),
|
|
8
|
+
:where(textarea), :where(th), :where(thead), :where(time), :where(tr), :where(ul),
|
|
9
|
+
:where(progress), :where(meter), :where(button), :where(p), :where(a) {
|
|
12
10
|
all: unset;
|
|
13
11
|
display: revert;
|
|
14
12
|
}
|
|
15
13
|
|
|
14
|
+
/* Reset block */
|
|
15
|
+
:where(img), :where(svg), :where(video), :where(canvas),
|
|
16
|
+
:where(audio), :where(iframe), :where(embed), :where(object),
|
|
17
|
+
:where(search), :where(hr), :where(summary) {
|
|
18
|
+
display: block;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* Improve consistency of default fonts in all browsers. */
|
|
22
|
+
:where(code), :where(kbd), :where(samp), :where(pre) {
|
|
23
|
+
font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
|
|
24
|
+
font-size: 1em;
|
|
25
|
+
}
|
|
26
|
+
|
|
16
27
|
/* Preferred box-sizing value */
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
28
|
+
:where(*),
|
|
29
|
+
:where(*)::before,
|
|
30
|
+
:where(*)::after {
|
|
20
31
|
box-sizing: border-box;
|
|
32
|
+
outline: none;
|
|
33
|
+
border: 0 solid currentColor;
|
|
34
|
+
-webkit-tap-highlight-color: rgb(255 255 255 / 0%);
|
|
21
35
|
}
|
|
22
36
|
|
|
23
|
-
/*
|
|
24
|
-
|
|
25
|
-
text-
|
|
37
|
+
/* Add the correct text decoration in Chrome, Edge, and Safari. */
|
|
38
|
+
:where(abbr[title]) {
|
|
39
|
+
text-decoration: underline dotted;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/* Add the correct font size in all browsers. */
|
|
43
|
+
:where(small) {
|
|
44
|
+
font-size: 80%;
|
|
26
45
|
}
|
|
27
46
|
|
|
28
47
|
/* Reapply the pointer cursor for anchor tags */
|
|
@@ -32,7 +51,7 @@ html {
|
|
|
32
51
|
|
|
33
52
|
/* Remove list styles (bullets/numbers) */
|
|
34
53
|
:where(ol:not([type]), ul, menu) {
|
|
35
|
-
list-style:
|
|
54
|
+
list-style-type: '';
|
|
36
55
|
}
|
|
37
56
|
|
|
38
57
|
/* For images to not be able to exceed their container */
|
|
@@ -57,28 +76,11 @@ html {
|
|
|
57
76
|
white-space: revert;
|
|
58
77
|
}
|
|
59
78
|
|
|
60
|
-
/* minimum style to allow to style meter element */
|
|
61
|
-
:where(meter) {
|
|
62
|
-
-webkit-appearance: revert;
|
|
63
|
-
appearance: revert;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
/* preformatted text - use only for this feature */
|
|
67
|
-
:where(pre) {
|
|
68
|
-
all: revert;
|
|
69
|
-
box-sizing: border-box;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
79
|
/* reset default text opacity of input placeholder */
|
|
73
80
|
::placeholder {
|
|
74
81
|
color: unset;
|
|
75
82
|
}
|
|
76
83
|
|
|
77
|
-
/* remove default dot (•) sign */
|
|
78
|
-
::marker {
|
|
79
|
-
content: initial;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
84
|
/* revert for bug in Chromium browsers
|
|
83
85
|
- fix for the content editable attribute will work properly.
|
|
84
86
|
- webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */
|
|
@@ -100,11 +102,21 @@ html {
|
|
|
100
102
|
display: none;
|
|
101
103
|
}
|
|
102
104
|
|
|
103
|
-
/*
|
|
104
|
-
:where(
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
105
|
+
/* Fix input styles */
|
|
106
|
+
:where(input) {
|
|
107
|
+
&::-webkit-datetime-edit-fields-wrapper,
|
|
108
|
+
&::-webkit-datetime-edit-text,
|
|
109
|
+
&::-webkit-datetime-edit,
|
|
110
|
+
&::-webkit-datetime-edit-hour-field,
|
|
111
|
+
&::-webkit-datetime-edit-minute-field {
|
|
112
|
+
padding: 0;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&::-webkit-calendar-picker-indicator,
|
|
116
|
+
&::-webkit-search-cancel-button,
|
|
117
|
+
&::-webkit-outer-spin-button,
|
|
118
|
+
&::-webkit-inner-spin-button {
|
|
119
|
+
align-self: center;
|
|
120
|
+
background-position: 50% 50%;
|
|
121
|
+
}
|
|
110
122
|
}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
:root, :host {
|
|
2
2
|
--color-scheme: light;
|
|
3
3
|
--color-current: rgb(var(--color-current-rgb));
|
|
4
|
-
--color-current-
|
|
4
|
+
--color-current-foreground: rgb(var(--color-current-foreground-rgb));
|
|
5
5
|
--color-accent: rgb(var(--color-accent-rgb));
|
|
6
|
-
--color-accent-
|
|
6
|
+
--color-accent-foreground: rgb(var(--color-accent-foreground-rgb));
|
|
7
7
|
--color-primary: rgb(var(--color-primary-rgb));
|
|
8
|
-
--color-primary-
|
|
8
|
+
--color-primary-foreground: rgb(var(--color-primary-foreground-rgb));
|
|
9
9
|
--color-main: var(--color-main-primary);
|
|
10
|
-
--color-main-
|
|
10
|
+
--color-main-foreground: rgb(var(--color-main-foreground-rgb));
|
|
11
11
|
--color-main-primary: rgb(var(--color-main-rgb));
|
|
12
|
-
--color-main-secondary: color-mix(in sRGB, var(--color-main) 75%, var(--color-main-
|
|
13
|
-
--color-main-tertiary: color-mix(in sRGB, var(--color-main) 50%, var(--color-main-
|
|
12
|
+
--color-main-secondary: color-mix(in sRGB, var(--color-main) 75%, var(--color-main-foreground));
|
|
13
|
+
--color-main-tertiary: color-mix(in sRGB, var(--color-main) 50%, var(--color-main-foreground));
|
|
14
14
|
--color-body: var(--color-body-primary);
|
|
15
|
-
--color-body-
|
|
15
|
+
--color-body-foreground: rgb(var(--color-body-foreground-rgb));
|
|
16
16
|
--color-body-primary: rgb(var(--color-body-rgb));
|
|
17
|
-
--color-body-secondary: color-mix(in sRGB, var(--color-body) 95%, var(--color-body-
|
|
18
|
-
--color-body-tertiary: color-mix(in sRGB, var(--color-body) 90%, var(--color-body-
|
|
17
|
+
--color-body-secondary: color-mix(in sRGB, var(--color-body) 95%, var(--color-body-foreground));
|
|
18
|
+
--color-body-tertiary: color-mix(in sRGB, var(--color-body) 90%, var(--color-body-foreground));
|
|
19
19
|
--color-light: rgb(var(--color-light-rgb));
|
|
20
|
-
--color-light-
|
|
20
|
+
--color-light-foreground: rgb(var(--color-light-foreground-rgb));
|
|
21
21
|
--color-dark: rgb(var(--color-dark-rgb));
|
|
22
|
-
--color-dark-
|
|
22
|
+
--color-dark-foreground: rgb(var(--color-dark-foreground-rgb));
|
|
23
23
|
--color-success: rgb(var(--color-success-rgb));
|
|
24
24
|
--color-error: rgb(var(--color-error-rgb));
|
|
25
25
|
--color-warning: rgb(var(--color-warning-rgb));
|
|
26
26
|
--color-info: rgb(var(--color-info-rgb));
|
|
27
27
|
--color-current-rgb: var(--color-main-rgb);
|
|
28
|
-
--color-current-
|
|
28
|
+
--color-current-foreground-rgb: var(--color-main-foreground-rgb);
|
|
29
29
|
--color-accent-rgb: var(--color-primary-rgb);
|
|
30
|
-
--color-accent-
|
|
30
|
+
--color-accent-foreground-rgb: var(--color-primary-foreground-rgb);
|
|
31
31
|
--color-primary-rgb: 3 138 255;
|
|
32
|
-
--color-primary-
|
|
32
|
+
--color-primary-foreground-rgb: var(--color-light-rgb);
|
|
33
33
|
--color-main-rgb: 17 19 21;
|
|
34
|
-
--color-main-
|
|
34
|
+
--color-main-foreground-rgb: var(--color-body-rgb);
|
|
35
35
|
--color-body-rgb: 255 255 255;
|
|
36
|
-
--color-body-
|
|
36
|
+
--color-body-foreground-rgb: var(--color-main-rgb);
|
|
37
37
|
--color-light-rgb: 255 255 255;
|
|
38
|
-
--color-light-
|
|
38
|
+
--color-light-foreground-rgb: var(--color-dark-rgb);
|
|
39
39
|
--color-dark-rgb: 17 19 21;
|
|
40
|
-
--color-dark-
|
|
40
|
+
--color-dark-foreground-rgb: var(--color-light-rgb);
|
|
41
41
|
--color-success-rgb: 33 154 67;
|
|
42
42
|
--color-error-rgb: 254 50 75;
|
|
43
43
|
--color-warning-rgb: 254 179 53;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
:root, :host {
|
|
2
2
|
--color-scheme: light;
|
|
3
3
|
--color-current: var(--color-main);
|
|
4
|
-
--color-current-
|
|
4
|
+
--color-current-foreground: var(--color-main-foreground);
|
|
5
5
|
--color-accent: var(--color-primary);
|
|
6
|
-
--color-accent-
|
|
6
|
+
--color-accent-foreground: var(--color-primary-foreground);
|
|
7
7
|
--color-primary: #3b82f6; /* color.blue.500 */
|
|
8
|
-
--color-primary-
|
|
8
|
+
--color-primary-foreground: var(--color-light);
|
|
9
9
|
--color-main: #171717; /* color.neutral.900 */
|
|
10
|
-
--color-main-
|
|
10
|
+
--color-main-foreground: var(--color-body);
|
|
11
11
|
--color-main-primary: var(--color-main);
|
|
12
|
-
--color-main-secondary: color-mix(in sRGB, var(--color-main) 75%, var(--color-main-
|
|
13
|
-
--color-main-tertiary: color-mix(in sRGB, var(--color-main) 50%, var(--color-main-
|
|
12
|
+
--color-main-secondary: color-mix(in sRGB, var(--color-main) 75%, var(--color-main-foreground));
|
|
13
|
+
--color-main-tertiary: color-mix(in sRGB, var(--color-main) 50%, var(--color-main-foreground));
|
|
14
14
|
--color-body: #fff; /* color.white */
|
|
15
|
-
--color-body-
|
|
15
|
+
--color-body-foreground: var(--color-main);
|
|
16
16
|
--color-body-primary: var(--color-body);
|
|
17
|
-
--color-body-secondary: color-mix(in sRGB, var(--color-body) 95%, var(--color-body-
|
|
18
|
-
--color-body-tertiary: color-mix(in sRGB, var(--color-body) 90%, var(--color-body-
|
|
17
|
+
--color-body-secondary: color-mix(in sRGB, var(--color-body) 95%, var(--color-body-foreground));
|
|
18
|
+
--color-body-tertiary: color-mix(in sRGB, var(--color-body) 90%, var(--color-body-foreground));
|
|
19
19
|
--color-light: #fff; /* color.white */
|
|
20
|
-
--color-light-
|
|
20
|
+
--color-light-foreground: var(--color-dark);
|
|
21
21
|
--color-dark: #171717; /* color.neutral.900 */
|
|
22
|
-
--color-dark-
|
|
22
|
+
--color-dark-foreground: var(--color-light);
|
|
23
23
|
--color-success: #16a34a; /* color.green.600 */
|
|
24
24
|
--color-error: #dc2626; /* color.red.600 */
|
|
25
25
|
--color-warning: #eab308; /* color.yellow.500 */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ui-badge {
|
|
2
|
-
--color-current-rgb: var(--color-accent-
|
|
2
|
+
--color-current-rgb: var(--color-accent-foreground-rgb);
|
|
3
3
|
--ui-badge-bg: rgb(var(--color-accent-rgb) / var(--ui-badge-bg-opacity));
|
|
4
4
|
--ui-badge-color: rgb(var(--color-current-rgb) / var(--ui-badge-color-opacity));
|
|
5
5
|
|
package/src/ui/badge/default.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ui-btn {
|
|
2
|
-
--color-current-rgb: var(--color-accent-
|
|
2
|
+
--color-current-rgb: var(--color-accent-foreground-rgb);
|
|
3
3
|
--ui-btn-bg: rgb(var(--color-accent-rgb) / var(--ui-btn-bg-opacity));
|
|
4
4
|
--ui-btn-color: rgb(var(--color-current-rgb) / var(--ui-btn-color-opacity));
|
|
5
5
|
|
package/src/ui/btn/default.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ui-btn {
|
|
2
|
-
--color-current: var(--color-accent-
|
|
2
|
+
--color-current: var(--color-accent-foreground);
|
|
3
3
|
--ui-btn-height: 2.25rem;
|
|
4
4
|
--ui-btn-py: 0.375rem;
|
|
5
5
|
--ui-btn-px: 0.75rem;
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
outline-offset: 0;
|
|
33
33
|
|
|
34
34
|
&:where([class*="accent-main"]) {
|
|
35
|
-
--ui-btn-hover-bg-mix: var(--color-main-
|
|
35
|
+
--ui-btn-hover-bg-mix: var(--color-main-foreground);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&:where([class*="accent-body"]) {
|
|
39
|
-
--ui-btn-hover-bg-mix: var(--color-body-
|
|
39
|
+
--ui-btn-hover-bg-mix: var(--color-body-foreground);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
&:where(input)::after {
|
package/src/ui/check.css
CHANGED
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
|
|
42
42
|
&::before {
|
|
43
43
|
transition: var(--transition-color), var(--transition-opacity), var(--transition-transform);
|
|
44
|
-
color: var(--color-accent-
|
|
44
|
+
color: var(--color-accent-foreground);
|
|
45
45
|
content: "";
|
|
46
46
|
background-color: currentColor;
|
|
47
47
|
mask: var(--ui-check-icon, var(--mask-check));
|
package/src/ui/image.css
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
--ui-progress-bg: color-mix(in sRGB, var(--color-accent) var(--ui-progress-bg-opacity), var(--color-body));
|
|
3
3
|
--ui-progress-bg-opacity: calc(var(--tw-bg-opacity, 1) * 10%);
|
|
4
4
|
|
|
5
|
-
appearance: none;
|
|
6
5
|
height: var(--ui-progress-height, 1rem);
|
|
7
6
|
border-radius: var(--ui-progress-border-radius, var(--rounded-full));
|
|
8
7
|
background-color: var(--ui-progress-bg);
|
package/src/ui/text.css
CHANGED
|
@@ -181,16 +181,6 @@
|
|
|
181
181
|
|
|
182
182
|
& :where(code) {
|
|
183
183
|
font-size: 87.5%;
|
|
184
|
-
margin-inline: var(--spacing-xs);
|
|
185
|
-
border-radius: var(--rounded-sm);
|
|
186
|
-
padding: 0.25em 0.375em;
|
|
187
|
-
color: var(--color-accent);
|
|
188
|
-
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
189
|
-
background-color: color-mix(in sRGB, var(--color-current) 5%, transparent);
|
|
190
|
-
|
|
191
|
-
:where(.dark) & {
|
|
192
|
-
background-color: var(--color-body-secondary);
|
|
193
|
-
}
|
|
194
184
|
}
|
|
195
185
|
|
|
196
186
|
& :where(figure) {
|