@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/styles/components.css

@@ -1 +1 @@
-:root { --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-spin: spin 1s linear infinite; --color-white: #fff; --container-lg: 32rem; --default-transition-duration: var(--duration-fast, 150ms); --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-normal: 400; --font-weight-semibold: 600; --leading-snug: 1.375; --radius: 0.25rem; --radius-lg: 0.5rem; --radius-sm: 0.25rem; --spacing: 0.25rem; --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --tracking-widest: 0.1em; } .pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-\(--overlay-pad-block\){top:var(--overlay-pad-block)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-\[calc\(-1\*var\(--carousel-nav-offset\)\)\]{top:calc(-1 * var(--carousel-nav-offset))}.right-\(--overlay-pad-inline\){right:var(--overlay-pad-inline)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[calc\(-1\*var\(--carousel-nav-offset\)\)\]{right:calc(-1 * var(--carousel-nav-offset))}.bottom-\(--dock-pos\){bottom:var(--dock-pos)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(-1\*var\(--carousel-nav-offset\)\)\]{bottom:calc(-1 * var(--carousel-nav-offset))}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[calc\(-1\*var\(--carousel-nav-offset\)\)\]{left:calc(-1 * var(--carousel-nav-offset))}.isolate{isolation:isolate}.z-10{z-index:10}.z-dock{z-index:var(--z-dock)}.z-modal{z-index:var(--z-modal)}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-8{margin-block:calc(var(--spacing) * 8)}.-mt-\(--stack-overlap-lg\){margin-top:calc(var(--stack-overlap-lg) * -1)}.-mt-\(--stack-overlap-md\){margin-top:calc(var(--stack-overlap-md) * -1)}.-mt-\(--stack-overlap-sm\){margin-top:calc(var(--stack-overlap-sm) * -1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.-ml-\(--stack-overlap-lg\){margin-left:calc(var(--stack-overlap-lg) * -1)}.-ml-\(--stack-overlap-md\){margin-left:calc(var(--stack-overlap-md) * -1)}.-ml-\(--stack-overlap-sm\){margin-left:calc(var(--stack-overlap-sm) * -1)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.size-\(--search-button-size\){width:var(--search-button-size);height:var(--search-button-size)}.size-\(--search-icon-size\){width:var(--search-icon-size);height:var(--search-icon-size)}.size-\(--switch-thumb\){width:var(--switch-thumb);height:var(--switch-thumb)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.h-\(--carousel-nav-size\){height:var(--carousel-nav-size)}.h-\(--control-h-lg\){height:var(--control-h-lg)}.h-\(--control-h-md\){height:var(--control-h-md)}.h-\(--control-h-sm\){height:var(--control-h-sm)}.h-\(--control-h-xs\){height:var(--control-h-xs)}.h-\(--dropdown-input-height\){height:var(--dropdown-input-height)}.h-\(--reka-select-trigger-height\){height:var(--reka-select-trigger-height)}.h-\(--switch-track-h\){height:var(--switch-track-h)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-\[calc\(2rem\*var\(--ui-scale\)\)\]{height:calc(2rem * var(--ui-scale))}.h-\[var\(--progress-sectioned-height\,0\.875rem\)\]{height:var(--progress-sectioned-height,.875rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\(--overlay-max-block\){max-height:var(--overlay-max-block)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[300px\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-20{min-height:calc(var(--spacing) * 20)}.w-\(--carousel-nav-size\){width:var(--carousel-nav-size)}.w-\(--control-h-lg\){width:var(--control-h-lg)}.w-\(--control-h-md\){width:var(--control-h-md)}.w-\(--control-h-sm\){width:var(--control-h-sm)}.w-\(--control-h-xs\){width:var(--control-h-xs)}.w-\(--reka-popover-trigger-width\){width:var(--reka-popover-trigger-width)}.w-\(--switch-track-w\){width:var(--switch-track-w)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-72{width:calc(var(--spacing) * 72)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-popover{width:var(--popover-width)}.w-px{width:1px}.max-w-\(--search-modal-width\){max-width:var(--search-modal-width)}.max-w-\[500px\]{max-width:500px}.max-w-lg{max-width:var(--container-lg)}.min-w-\(--overlay-min-width\){min-width:var(--overlay-min-width)}.min-w-\(--reka-select-trigger-width\){min-width:var(--reka-select-trigger-width)}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[300px\]{min-width:300px}.min-w-input-sm{min-width:var(--input-min-width-sm)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.origin-\(--reka-combobox-content-transform-origin\){transform-origin:var(--reka-combobox-content-transform-origin)}.origin-\(--reka-select-content-transform-origin\){transform-origin:var(--reka-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-py-1{scroll-padding-block:var(--spacing)}.scrollbar-thin{scrollbar-width:thin}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-rows-\[auto_minmax\(var\(--configurator-stage-min\,18rem\)\,auto\)_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(var(--configurator-stage-min,18rem),auto) minmax(0,1fr)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-\(--card-pad-title-gap\){gap:var(--card-pad-title-gap)}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-\(--card-pad-title-gap\){row-gap:var(--card-pad-title-gap)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:var(--radius)}.rounded-badge{border-radius:var(--radius-badge)}.rounded-button{border-radius:var(--radius-button)}.rounded-card{border-radius:var(--radius-card)}.rounded-control{border-radius:var(--radius-control)}.rounded-dialog{border-radius:var(--radius-dialog)}.rounded-field{border-radius:var(--radius-field)}.rounded-input{border-radius:var(--radius-input)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-panel{border-radius:var(--radius-panel)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-tooltip{border-radius:var(--radius-tooltip)}.rounded-t-dialog{border-top-left-radius:var(--radius-dialog);border-top-right-radius:var(--radius-dialog)}.rounded-l-dialog{border-top-left-radius:var(--radius-dialog);border-bottom-left-radius:var(--radius-dialog)}.rounded-r-dialog{border-top-right-radius:var(--radius-dialog);border-bottom-right-radius:var(--radius-dialog)}.rounded-b-dialog{border-bottom-right-radius:var(--radius-dialog);border-bottom-left-radius:var(--radius-dialog)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\(--configurator-divider-section\){border-color:var(--configurator-divider-section)}.border-\(--control-ring\){border-color:var(--control-ring)}.border-\(--control-surface-border\){border-color:var(--control-surface-border)}.border-\(--glass-border-floating\){border-color:var(--glass-border-floating)}.border-\(--glass-border-resting\){border-color:var(--glass-border-resting)}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/40{border-color:color-mix(in oklab, var(--border) 40%, transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.border-muted-foreground{border-color:var(--muted-foreground)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\(--control-surface-bg\){background-color:var(--control-surface-bg)}.bg-\(--glass-bg-wash\){background-color:var(--glass-bg-wash)}.bg-\(--separator-ink\){background-color:var(--separator-ink)}.bg-\[color-mix\(in_srgb\,var\(--foreground\)_12\%\,transparent\)\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--foreground\)_12\%\,transparent\)\]{background-color:color-mix(in srgb,var(--foreground) 12%,transparent)}}.bg-\[var\(--progress-track\,var\(--progress-track-on-glass\)\)\]{background-color:var(--progress-track,var(--progress-track-on-glass))}.bg-background{background-color:var(--background)}.bg-border,.bg-border\/70{background-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.bg-border\/70{background-color:color-mix(in oklab, var(--border) 70%, transparent)}}.bg-card,.bg-card\/70{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/70{background-color:color-mix(in oklab, var(--card) 70%, transparent)}}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--destructive)}.bg-info{background-color:var(--info)}.bg-muted{background-color:var(--muted)}.bg-overlay-scrim{background-color:var(--overlay-scrim)}.bg-overlay-scrim-strong{background-color:var(--overlay-scrim-strong)}.bg-overlay-scrim-subtle{background-color:var(--overlay-scrim-subtle)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning)}.fill-\(--easing-curve-accent\){fill:var(--easing-curve-accent)}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-muted-foreground\/50{fill:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.fill-muted-foreground\/50{fill:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.fill-muted-foreground\/60{fill:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.fill-muted-foreground\/60{fill:color-mix(in oklab, var(--muted-foreground) 60%, transparent)}}.stroke-\(--easing-curve-accent\){stroke:var(--easing-curve-accent)}.stroke-background{stroke:var(--background)}.stroke-border,.stroke-border\/40{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.stroke-border\/40{stroke:color-mix(in oklab, var(--border) 40%, transparent)}}.stroke-muted-foreground\/30{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.stroke-muted-foreground\/30{stroke:color-mix(in oklab, var(--muted-foreground) 30%, transparent)}}.stroke-muted-foreground\/50{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.stroke-muted-foreground\/50{stroke:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-\(--card-pad-inline\){padding-inline:var(--card-pad-inline)}.px-\(--overlay-pad-inline\){padding-inline:var(--overlay-pad-inline)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-9{padding-inline:calc(var(--spacing) * 9)}.py-\(--overlay-pad-block\){padding-block:var(--overlay-pad-block)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-\(--card-pad-block\){padding-top:var(--card-pad-block)}.pt-\(--card-pad-footer\){padding-top:var(--card-pad-footer)}.pt-\(--card-pad-section-gap\){padding-top:var(--card-pad-section-gap)}.pt-\(--overlay-pad-block\){padding-top:var(--overlay-pad-block)}.pt-0{padding-top:0}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-\(--card-pad-block\){padding-bottom:var(--card-pad-block)}.pb-\(--overlay-pad-block\){padding-bottom:var(--overlay-pad-block)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-stack-display)}.font-mono{font-family:var(--font-stack-mono)}.font-sans{font-family:var(--font-stack-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\(length\:--search-result-text\){font-size:var(--search-result-text)}.text-\(length\:--search-result-text-secondary\){font-size:var(--search-result-text-secondary)}.text-\(length\:--tooltip-text\){font-size:var(--tooltip-text)}.text-\[length\:calc\(var\(--type-body\)\*var\(--ui-scale\)\)\]{font-size:calc(var(--type-body) * var(--ui-scale))}.text-\[length\:var\(--control-text\)\]{font-size:var(--control-text)}.text-\[length\:var\(--control-text-sm\)\]{font-size:var(--control-text-sm)}.text-caption{font-size:var(--type-caption)}.text-dropdown{font-size:var(--dropdown-text)}.text-dropdown-secondary{font-size:var(--dropdown-text-secondary)}.text-heading{font-size:var(--type-heading)}.text-micro{font-size:var(--type-micro)}.text-prose{font-size:var(--type-prose)}.text-small{font-size:var(--type-small)}.text-subheading{font-size:var(--type-subheading)}.text-title{font-size:var(--type-title)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-snug{--tw-tracking:var(--type-tracking-snug);letter-spacing:var(--type-tracking-snug)}.tracking-tight{--tw-tracking:var(--type-tracking-tight);letter-spacing:var(--type-tracking-tight)}.tracking-wider{--tw-tracking:var(--type-tracking-wider);letter-spacing:var(--type-tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.text-\(--accent-ai-ink\){color:var(--accent-ai-ink)}.text-\(--easing-curve-accent\){color:var(--easing-curve-accent)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground,.text-foreground\/50{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/50{color:color-mix(in oklab, var(--foreground) 50%, transparent)}}.text-foreground\/70{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/70{color:color-mix(in oklab, var(--foreground) 70%, transparent)}}.text-foreground\/85{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/85{color:color-mix(in oklab, var(--foreground) 85%, transparent)}}.text-info-foreground{color:var(--info-foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-muted-foreground-strong{color:var(--muted-foreground-strong)}.text-muted-foreground\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/40{color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab, var(--muted-foreground) 60%, transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab, var(--muted-foreground) 80%, transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-success-foreground{color:var(--success-foreground)}.text-warning-foreground{color:var(--warning-foreground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-\(--select-chevron-opacity\){opacity:var(--select-chevron-opacity)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:var(--card-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-cartoon{--tw-shadow:var(--cartoon-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-cartoon-sm{--tw-shadow:var(--cartoon-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,box-shadow\,color\,opacity\,transform\]{transition-property:background-color,border-color,box-shadow,color,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-fast{--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-standard{--tw-ease:var(--motion-ease-standard);transition-timing-function:var(--motion-ease-standard)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[state\=indeterminate\]\:block:is(:where(.group)[data-state=indeterminate] *){display:block}.group-data-\[state\=indeterminate\]\:hidden:is(:where(.group)[data-state=indeterminate] *){display:none}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-\(length\:--control-text-sm\)::file-selector-button{font-size:var(--control-text-sm)}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.user-invalid\:border-\(--destructive\):user-invalid{border-color:var(--destructive)}.user-invalid\:shadow-\(--invalid-ring\):user-invalid{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:border-\(--surface-tint-22\):hover{border-color:var(--surface-tint-22)}.hover\:bg-\(--surface-tint-8\):hover{background-color:var(--surface-tint-8)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-foreground\/5:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/5:hover{background-color:color-mix(in oklab, var(--foreground) 5%, transparent)}}.hover\:bg-foreground\/8:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/8:hover{background-color:color-mix(in oklab, var(--foreground) 8%, transparent)}}.hover\:bg-foreground\/\[0\.04\]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--foreground) 4%, transparent)}}.hover\:bg-glass-quiet:hover{background-color:var(--glass-bg-quiet)}.hover\:bg-info\/80:hover{background-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-info\/80:hover{background-color:color-mix(in oklab, var(--info) 80%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/40:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/40:hover{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-secondary:hover,.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-success\/80:hover{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-success\/80:hover{background-color:color-mix(in oklab, var(--success) 80%, transparent)}}.hover\:bg-warning\/80:hover{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-warning\/80:hover{background-color:color-mix(in oklab, var(--warning) 80%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:var(--destructive)}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:var(--destructive-foreground)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\(color\:--focus-ring-color\):focus-visible{outline-color:var(--focus-ring-color)}.focus-visible\:user-invalid\:shadow-\(--invalid-ring\):focus-visible:user-invalid{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\(--scale-press-btn\):active{scale:var(--scale-press-btn)}.active\:bg-destructive\/80:active{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.active\:bg-destructive\/80:active{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.active\:bg-foreground\/12:active{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.active\:bg-foreground\/12:active{background-color:color-mix(in oklab, var(--foreground) 12%, transparent)}}.active\:bg-foreground\/\[0\.08\]:active{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.active\:bg-foreground\/\[0\.08\]:active{background-color:color-mix(in oklab, var(--foreground) 8%, transparent)}}.active\:opacity-80:active{opacity:.8}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-disabled:disabled{opacity:var(--opacity-disabled)}:where([data-state=open]) .in-data-\[state\=open\]\:rotate-180{rotate:180deg}.has-data-\[slot\=card-action\]\:grid:has([data-slot=card-action]){display:grid}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-action\]\:items-start:has([data-slot=card-action]){align-items:flex-start}.has-\[\:user-invalid\]\:border-\(--destructive\):has(:user-invalid){border-color:var(--destructive)}.has-\[\:user-invalid\]\:shadow-\(--invalid-ring\):has(:user-invalid){--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:border-\(--destructive\)[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:text-destructive[aria-invalid=true]{color:var(--destructive)}.aria-invalid\:shadow-\(--invalid-ring\)[aria-invalid=true]{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:placeholder\:text-\[color-mix\(in_srgb\,var\(--destructive\)_60\%\,transparent\)\][aria-invalid=true]::placeholder{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:placeholder\:text-\[color-mix\(in_srgb\,var\(--destructive\)_60\%\,transparent\)\][aria-invalid=true]::placeholder{color:color-mix(in srgb,var(--destructive) 60%,transparent)}}.focus-visible\:aria-invalid\:shadow-\(--invalid-ring\):focus-visible[aria-invalid=true]{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-pressed\:bg-destructive\/85[aria-pressed=true]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-pressed\:bg-destructive\/85[aria-pressed=true]{background-color:color-mix(in oklab, var(--destructive) 85%, transparent)}}.aria-pressed\:bg-foreground\/10[aria-pressed=true]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.aria-pressed\:bg-foreground\/10[aria-pressed=true]{background-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.aria-pressed\:bg-foreground\/\[0\.1\][aria-pressed=true]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.aria-pressed\:bg-foreground\/\[0\.1\][aria-pressed=true]{background-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.aria-pressed\:text-foreground[aria-pressed=true]{color:var(--foreground)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-disabled[data-disabled]{opacity:var(--opacity-disabled)}.data-\[highlighted\]\:bg-accent[data-highlighted]{background-color:var(--accent)}.data-\[highlighted\]\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=sm\]\:\[--card-pad-inline\:--spacing\(4\)\][data-size=sm]{--card-pad-inline:calc(var(--spacing) * 4)}.data-\[state\=active\]\:shadow-focus-ring[data-state=active]{--tw-shadow:var(--focus-ring-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-\(--switch-throw\)[data-state=checked]{--tw-translate-x:var(--switch-throw);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-\(--control-checked-bg\)[data-state=checked]{border-color:var(--control-checked-bg)}.data-\[state\=checked\]\:bg-\(--control-checked-bg\)[data-state=checked]{background-color:var(--control-checked-bg)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=indeterminate\]\:bg-\(--control-checked-bg\)[data-state=indeterminate]{background-color:var(--control-checked-bg)}.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{color:var(--primary-foreground)}.data-\[state\=on\]\:border-glass-border-quiet[data-state=on]{border-color:var(--glass-border-quiet)}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:bg-glass-quiet[data-state=on]{background-color:var(--glass-bg-quiet)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=on\]\:text-foreground[data-state=on]{color:var(--foreground)}.data-\[state\=on\]\:shadow-glass-quiet[data-state=on]{--tw-shadow:var(--glass-shadow-quiet);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-\(--glass-bg-wash\)[data-state=unchecked]{background-color:var(--glass-bg-wash)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--reka-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-ping{animation:var(--animate-ping)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:48rem){.max-md\:flex-wrap{flex-wrap:wrap}.max-md\:justify-center{justify-content:center}.max-md\:gap-2{gap:calc(var(--spacing) * 2)}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:left-1\/2{left:50%}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-x-2{column-gap:calc(var(--spacing) * 2)}.sm\:rounded-dialog{border-radius:var(--radius-dialog)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:w-full{width:100%}.md\:max-w-\[420px\]{max-width:420px}}@media (min-width:64rem){.lg\:grid-cols-\[1fr_18rem\]{grid-template-columns:1fr 18rem}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}}.dark\:bg-\[hsl\(0_70\%_45\%\)\]:where(.dark,.dark *){background-color:#c32222}@media (hover:hover){.dark\:hover\:bg-\[hsl\(0_70\%_45\%\)\]\/85:where(.dark,.dark *):hover{background-color:oklab(52.8351% .173873 .0893282/.85)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}
+:root { --animate-spin: spin 1s linear infinite; --container-lg: 32rem; --default-transition-duration: var(--duration-fast, 150ms); --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-normal: 400; --font-weight-semibold: 600; --leading-snug: 1.375; --radius: 0.25rem; --radius-lg: 0.5rem; --radius-sm: 0.25rem; --spacing: 0.25rem; --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); } .pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-\(--overlay-pad-block\){top:var(--overlay-pad-block)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-\(--overlay-pad-inline\){right:var(--overlay-pad-inline)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-\(--dock-pos\){bottom:var(--dock-pos)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.z-modal{z-index:var(--z-modal)}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.col-start-2{grid-column-start:2}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.size-\(--search-button-size\){width:var(--search-button-size);height:var(--search-button-size)}.size-\(--search-icon-size\){width:var(--search-icon-size);height:var(--search-icon-size)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-\(--control-h-md\){height:var(--control-h-md)}.h-\(--control-h-sm\){height:var(--control-h-sm)}.h-\(--dropdown-input-height\){height:var(--dropdown-input-height)}.h-\(--reka-select-trigger-height\){height:var(--reka-select-trigger-height)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-\[calc\(2rem\*var\(--ui-scale\)\)\]{height:calc(2rem * var(--ui-scale))}.h-full{height:100%}.h-px{height:1px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[inherit\]{max-height:inherit}.max-h-\[min\(24rem\,var\(--reka-combobox-content-available-height\,60dvh\)\)\]{max-height:min(24rem, var(--reka-combobox-content-available-height,60dvh))}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.w-\(--reka-popover-trigger-width\){width:var(--reka-popover-trigger-width)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-72{width:calc(var(--spacing) * 72)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-popover{width:var(--popover-width)}.max-w-\(--search-modal-width\){max-width:var(--search-modal-width)}.max-w-lg{max-width:var(--container-lg)}.min-w-\(--overlay-min-width\){min-width:var(--overlay-min-width)}.min-w-\(--reka-select-trigger-width\){min-width:var(--reka-select-trigger-width)}.min-w-0{min-width:0}.min-w-input-sm{min-width:var(--input-min-width-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.origin-\(--reka-combobox-content-transform-origin\){transform-origin:var(--reka-combobox-content-transform-origin)}.origin-\(--reka-select-content-transform-origin\){transform-origin:var(--reka-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_minmax\(var\(--configurator-stage-min\,18rem\)\,auto\)_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(var(--configurator-stage-min,18rem),auto) minmax(0,1fr)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-\(--card-pad-title-gap\){gap:var(--card-pad-title-gap)}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:var(--radius)}.rounded-badge{border-radius:var(--radius-badge)}.rounded-button{border-radius:var(--radius-button)}.rounded-card{border-radius:var(--radius-card)}.rounded-dialog{border-radius:var(--radius-dialog)}.rounded-input{border-radius:var(--radius-input)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-panel{border-radius:var(--radius-panel)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-tooltip{border-radius:var(--radius-tooltip)}.rounded-t-dialog{border-top-left-radius:var(--radius-dialog);border-top-right-radius:var(--radius-dialog)}.rounded-l-dialog{border-top-left-radius:var(--radius-dialog);border-bottom-left-radius:var(--radius-dialog)}.rounded-r-dialog{border-top-right-radius:var(--radius-dialog);border-bottom-right-radius:var(--radius-dialog)}.rounded-b-dialog{border-bottom-right-radius:var(--radius-dialog);border-bottom-left-radius:var(--radius-dialog)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.border-muted-foreground{border-color:var(--muted-foreground)}.border-t-transparent{border-top-color:#0000}.bg-\(--glass-bg-wash\){background-color:var(--glass-bg-wash)}.bg-\[color-mix\(in_srgb\,var\(--foreground\)_12\%\,transparent\)\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--foreground\)_12\%\,transparent\)\]{background-color:color-mix(in srgb,var(--foreground) 12%,transparent)}}.bg-destructive{background-color:var(--destructive)}.bg-info{background-color:var(--info)}.bg-overlay-scrim{background-color:var(--overlay-scrim)}.bg-overlay-scrim-strong{background-color:var(--overlay-scrim-strong)}.bg-overlay-scrim-subtle{background-color:var(--overlay-scrim-subtle)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning)}.fill-\(--easing-curve-accent\){fill:var(--easing-curve-accent)}.fill-foreground{fill:var(--foreground)}.fill-muted-foreground\/50{fill:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.fill-muted-foreground\/50{fill:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.fill-muted-foreground\/60{fill:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.fill-muted-foreground\/60{fill:color-mix(in oklab, var(--muted-foreground) 60%, transparent)}}.stroke-\(--easing-curve-accent\){stroke:var(--easing-curve-accent)}.stroke-background{stroke:var(--background)}.stroke-border,.stroke-border\/40{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.stroke-border\/40{stroke:color-mix(in oklab, var(--border) 40%, transparent)}}.stroke-muted-foreground\/30{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.stroke-muted-foreground\/30{stroke:color-mix(in oklab, var(--muted-foreground) 30%, transparent)}}.stroke-muted-foreground\/50{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.stroke-muted-foreground\/50{stroke:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-\(--overlay-pad-inline\){padding-inline:var(--overlay-pad-inline)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-\(--overlay-pad-block\){padding-block:var(--overlay-pad-block)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-\(--card-pad-footer\){padding-top:var(--card-pad-footer)}.pt-\(--overlay-pad-block\){padding-top:var(--overlay-pad-block)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-\(--overlay-pad-block\){padding-bottom:var(--overlay-pad-block)}.pb-0{padding-bottom:0}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-stack-mono)}.font-sans{font-family:var(--font-stack-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\(length\:--search-result-text\){font-size:var(--search-result-text)}.text-\(length\:--search-result-text-secondary\){font-size:var(--search-result-text-secondary)}.text-\(length\:--tooltip-text\){font-size:var(--tooltip-text)}.text-\[length\:calc\(var\(--type-body\)\*var\(--ui-scale\)\)\]{font-size:calc(var(--type-body) * var(--ui-scale))}.text-\[length\:var\(--control-text\)\]{font-size:var(--control-text)}.text-\[length\:var\(--control-text-sm\)\]{font-size:var(--control-text-sm)}.text-caption{font-size:var(--type-caption)}.text-dropdown{font-size:var(--dropdown-text)}.text-dropdown-secondary{font-size:var(--dropdown-text-secondary)}.text-micro{font-size:var(--type-micro)}.text-small{font-size:var(--type-small)}.text-subheading{font-size:var(--type-subheading)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--type-tracking-tight);letter-spacing:var(--type-tracking-tight)}.tracking-wider{--tw-tracking:var(--type-tracking-wider);letter-spacing:var(--type-tracking-wider)}.wrap-anywhere{overflow-wrap:anywhere}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\(--easing-curve-accent\){color:var(--easing-curve-accent)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground,.text-foreground\/50{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/50{color:color-mix(in oklab, var(--foreground) 50%, transparent)}}.text-foreground\/85{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/85{color:color-mix(in oklab, var(--foreground) 85%, transparent)}}.text-info-foreground{color:var(--info-foreground)}.text-muted-foreground,.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab, var(--muted-foreground) 60%, transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab, var(--muted-foreground) 80%, transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-success-foreground{color:var(--success-foreground)}.text-warning-foreground{color:var(--warning-foreground)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-\(--select-chevron-opacity\){opacity:var(--select-chevron-opacity)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.user-invalid\:border-\(--destructive\):user-invalid{border-color:var(--destructive)}@media (hover:hover){.hover\:bg-\(--surface-tint-8\):hover{background-color:var(--surface-tint-8)}.hover\:bg-foreground\/5:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/5:hover{background-color:color-mix(in oklab, var(--foreground) 5%, transparent)}}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:opacity-100:hover{opacity:1}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:var(--destructive)}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:var(--destructive-foreground)}}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:stroke-\(--easing-curve-accent\):focus-visible{stroke:var(--easing-curve-accent)}.focus-visible\:\[stroke-width\:0\.045\]:focus-visible{stroke-width:.045px}.focus-visible\:user-invalid\:shadow-\(--invalid-ring\):focus-visible:user-invalid{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-disabled:disabled{opacity:var(--opacity-disabled)}:where([data-state=open]) .in-data-\[state\=open\]\:rotate-180{rotate:180deg}.has-\[\:user-invalid\]\:border-\(--destructive\):has(:user-invalid){border-color:var(--destructive)}.has-\[\:user-invalid\]\:shadow-\(--invalid-ring\):has(:user-invalid){--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-disabled\:cursor-wait[aria-disabled=true]{cursor:wait}.aria-disabled\:opacity-disabled[aria-disabled=true]{opacity:var(--opacity-disabled)}.aria-invalid\:border-\(--destructive\)[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:text-destructive[aria-invalid=true],.aria-invalid\:placeholder\:text-\[color-mix\(in_srgb\,var\(--destructive\)_60\%\,transparent\)\][aria-invalid=true]::placeholder{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:placeholder\:text-\[color-mix\(in_srgb\,var\(--destructive\)_60\%\,transparent\)\][aria-invalid=true]::placeholder{color:color-mix(in srgb,var(--destructive) 60%,transparent)}}.focus-visible\:aria-invalid\:shadow-\(--invalid-ring\):focus-visible[aria-invalid=true]{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-disabled[data-disabled]{opacity:var(--opacity-disabled)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--reka-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:left-1\/2{left:50%}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-x-2{column-gap:calc(var(--spacing) * 2)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}@media (min-width:64rem){.lg\:grid-cols-\[1fr_18rem\]{grid-template-columns:1fr 18rem}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}}.dark\:bg-\[hsl\(0_70\%_45\%\)\]:where(.dark,.dark *){background-color:#c32222}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}

package/dist/styles/glass/a11y-fallback.css

@@ -1 +1 @@
-@media (prefers-reduced-transparency: reduce) { :root { --glass-level: 0; --glass-grain-opacity: 0; --glass-highlight: 0 0 0 0 transparent; } } @media (prefers-contrast: more) { :root { --glass-level: 0.3; --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: var(--glass-tint-strength-aa); --glass-definition: 1; } } @media (forced-colors: active) { :root { --glass-level: 0; --glass-grain-opacity: 0; --glass-highlight: 0 0 0 0 transparent; } .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card, .glass-drawer { border: 1px solid CanvasText; } .glass-floating, .glass-overlay, .glass-drawer { background: Canvas; } .glass-material::before, .glass-wash::before, .glass-quiet::before, .glass-resting::before, .glass-floating::before, .glass-overlay::before, .glass-card::before, .glass-drawer::before, .glass-wash::after, .glass-quiet::after, .glass-resting::after, .glass-floating::after, .glass-overlay::after { display: none; } .status-dot__dot { border: 1px solid CanvasText; } .status-dot__fill, .status-dot__pulse { display: none; } .status-dot__dot[data-status="active"] { background: Highlight !important; } .status-dot__dot[data-status="paused"] { background: Mark !important; } .status-dot__dot[data-status="error"] { background: CanvasText !important; } .status-dot__dot[data-status="idle"], .status-dot__dot[data-status="custom"] { background: Canvas !important; } }
+@media (prefers-reduced-transparency: reduce) { :root { --glass-level: 0; --glass-grain-opacity: 0; --glass-highlight: 0 0 0 0 transparent; } } @media (prefers-contrast: more) { :root { --glass-level: 0.3; --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: var(--glass-tint-strength-aa); --glass-definition: 1; } } @media (forced-colors: active) { :root { --glass-level: 0; --glass-grain-opacity: 0; --glass-highlight: 0 0 0 0 transparent; } .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card, .glass-drawer { border: 1px solid CanvasText; } .glass-floating, .glass-overlay, .glass-drawer { background: Canvas; } .glass-material::before, .glass-wash::before, .glass-quiet::before, .glass-resting::before, .glass-floating::before, .glass-overlay::before, .glass-card::before, .glass-drawer::before, .glass-wash::after, .glass-quiet::after, .glass-resting::after, .glass-floating::after, .glass-overlay::after { display: none; } }

package/dist/styles/glass/accent-tone.css

@@ -1 +1 @@
-@layer components { .accent-tone { --accent-fill-strength: 8%; --accent-band-strength: 18%; --accent-edge-strength: 55%; --accent-fill: color-mix( in oklab, var(--surface, var(--card)), var(--tone, var(--primary)) var(--accent-fill-strength) ); --accent-band: color-mix( in oklab, var(--surface, var(--card)), var(--tone, var(--primary)) var(--accent-band-strength) ); --accent-edge: color-mix( in oklab, transparent, var(--tone, var(--primary)) var(--accent-edge-strength) ); --accent-ink: var(--accent-ink-resolved, var(--foreground)); } }
+@layer components { .accent-tone { --accent-band-strength: 18%; --accent-edge-strength: 55%; --accent-band: color-mix( in oklab, var(--surface, var(--card)), var(--tone, var(--primary)) var(--accent-band-strength) ); --accent-edge: color-mix( in oklab, transparent, var(--tone, var(--primary)) var(--accent-edge-strength) ); --accent-ink: var(--accent-ink-resolved, var(--foreground)); } }

package/dist/styles/glass/control-surfaces.css

@@ -1 +1 @@
-@layer components { .input-pill { @apply flex w-full; height: var(--control-pill-h, var(--control-h-md)); border-radius: var(--radius-pill); border: 1.5px solid var(--control-surface-border); background: var(--control-surface-bg); backdrop-filter: var(--control-surface-blur); padding: 0 calc(1rem * var(--ui-scale)); font-size: var(--control-pill-text, var(--control-text)); color: var(--foreground); transition: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard); } .input-pill::placeholder { color: var(--surface-tint-35); } .control-surface { background: var(--control-surface-bg); border: 1px solid var(--control-surface-border); backdrop-filter: var(--control-surface-blur); -webkit-backdrop-filter: var(--control-surface-blur); } .control-surface:hover:not(:disabled, [data-disabled]) { background: var(--control-surface-bg-hover); } .input-pill:focus-visible { outline: none; border-color: var(--color-accent-opaque, var(--focus-ring-color)); box-shadow: 0 0 0 2px var(--color-accent, color-mix(in srgb, var(--focus-ring-color) 30%, transparent)); } .input-pill:where(:user-invalid, [aria-invalid="true"]) { border-color: var(--destructive); background: color-mix(in srgb, var(--destructive) 8%, var(--glass-bg-quiet)); } .input-pill:where(:user-valid) { border-color: var(--success); } .input-pill:where(:user-invalid, [aria-invalid="true"]):focus-visible { border-color: var(--destructive); box-shadow: var(--invalid-ring); } .input-pill[data-autosize] { field-sizing: content; width: 100%; min-block-size: 3lh; max-block-size: var(--textarea-autosize-max, 12lh); resize: vertical; } .input-pill:disabled { opacity: 0.5; cursor: not-allowed; } .glass-wash[role="combobox"] { border-color: var(--surface-tint-15); } }
+@layer components { .input-pill { @apply flex w-full; height: var(--control-pill-h, var(--control-h-md)); border-radius: var(--radius-pill); border: 1.5px solid var(--control-surface-border); background: var(--control-surface-bg); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); padding: 0 calc(1rem * var(--ui-scale)); font-size: var(--control-pill-text, var(--control-text)); color: var(--foreground); transition: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard); } .input-pill::placeholder { color: var(--surface-tint-35); } .control-surface { background: var(--control-surface-bg); border: 1px solid var(--control-surface-border); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--control-surface-blur)); } .control-surface:hover:not(:disabled, [data-disabled]) { background: var(--control-surface-bg-hover); } .input-pill:focus-visible { outline: none; border-color: var(--color-accent-opaque, var(--focus-ring-color)); box-shadow: 0 0 0 2px var(--color-accent, color-mix(in srgb, var(--focus-ring-color) 30%, transparent)); } .input-pill:where(:user-invalid, [aria-invalid="true"]) { border-color: var(--destructive); background: color-mix(in srgb, var(--destructive) 8%, var(--glass-bg-quiet)); } .input-pill:where(:user-valid) { border-color: var(--success); } .input-pill:where(:user-invalid, [aria-invalid="true"]):focus-visible { border-color: var(--destructive); box-shadow: var(--invalid-ring); } .input-pill:disabled { opacity: 0.5; cursor: not-allowed; } .glass-wash[role="combobox"] { border-color: var(--surface-tint-15); } }

package/dist/styles/glass/defined.css

@@ -1 +1 @@
-@layer components { .glass-defined, .btn-glass, .input-pill, .control-surface { --glass-definition: 1; --glass-floor-fill: color-mix( in srgb, var(--card) calc(var(--glass-definition) * var(--glass-floor-fill-max)), transparent ); --glass-border-defined: color-mix( in srgb, var(--foreground) calc(var(--glass-definition) * 14%), transparent ); background-color: transparent; background-image: linear-gradient( var(--glass-defined-plate, var(--glass-plate-tinted)), var(--glass-defined-plate, var(--glass-plate-tinted)) ), linear-gradient(var(--glass-floor-fill), var(--glass-floor-fill)); border-color: var(--glass-border-defined); } .btn-glass { --glass-defined-plate: var(--glass-fill); } .input-pill, .control-surface { --glass-defined-plate: var(--control-surface-bg); } }
+@layer components { .glass-defined, .input-pill, .control-surface { --glass-definition: 1; --glass-floor-fill: color-mix( in srgb, var(--card) calc(var(--glass-definition) * var(--glass-floor-fill-max)), transparent ); --glass-border-defined: color-mix( in srgb, var(--foreground) calc(var(--glass-definition) * 14%), transparent ); background-color: transparent; background-image: linear-gradient( var(--glass-defined-plate, var(--glass-plate-tinted)), var(--glass-defined-plate, var(--glass-plate-tinted)) ), linear-gradient(var(--glass-floor-fill), var(--glass-floor-fill)); border-color: var(--glass-border-defined); } .input-pill, .control-surface { --glass-defined-plate: var(--control-surface-bg); } }

package/dist/styles/glass/glass-atom.css

@@ -1 +1 @@
-@layer components { .glass-atom { --atom-tint-floor: 12%; --accent-fill-strength: max( var(--accent-fill-strength-in, 0%), var(--atom-tint-floor) ); transition: background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), scale var(--duration-normal) var(--ease-cartoon-punch), translate var(--duration-normal) var(--ease-cartoon-punch); } .dark .glass-atom { --atom-tint-floor: 15%; } .glass-atom:active:not([data-disabled]):not(:disabled) { scale: 1.04 0.94; } .glass-atom[data-cast] { --motion-weight: 1; } .glass-atom[data-cast] .cartoon-cast { box-shadow: var(--shadow-cartoon-sm); } @media (hover: hover) { .glass-atom[data-cast]:hover:not(:active) .cartoon-cast { box-shadow: var(--shadow-cartoon-md); } } .glass-atom[data-surface="glass"] { background-image: linear-gradient( var(--glass-fill-tinted), var(--glass-fill-tinted) ); } @media (prefers-reduced-motion: reduce) { .glass-atom { --motion-weight: 0; } .glass-atom:active:not([data-disabled]):not(:disabled) { scale: 1; } } @media (prefers-contrast: more) { .glass-atom { border-color: color-mix(in srgb, var(--foreground) 24%, transparent); } } .badge-atom { position: relative; scale: 1; translate: 0; box-shadow: var(--glass-material-rim); transition: background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), scale var(--duration-normal) var(--ease-cartoon-punch), translate var(--duration-normal) var(--ease-cartoon-punch); } .badge-atom:active:not([data-disabled]):not([aria-disabled='true']) { scale: 1.04 0.94; } .badge-atom--outline { box-shadow: var(--glass-material-rim); border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent); } .badge-atom[data-cast] { --motion-weight: 1; } .badge-atom[data-cast] .cartoon-cast { box-shadow: var(--shadow-cartoon-sm); } @media (hover: hover) { .badge-atom[data-cast]:hover:not(:active) .cartoon-cast { box-shadow: var(--shadow-cartoon-md); } } .badge-atom--glass { background-color: transparent !important; --glass-fill-strength: var(--badge-glass-strength, 16%); } .badge-atom--glass[data-variant='default'] { --glass-fill-tint: var(--primary); } .badge-atom--glass[data-variant='secondary'] { --glass-fill-tint: var(--glass-capsule-warm); } .badge-atom--glass[data-variant='outline'] { --glass-fill-tint: var(--glass-capsule-warm); } .badge-atom--glass[data-tone='destructive'] { --glass-fill-tint: var(--destructive); } .badge-atom--glass[data-tone='success'] { --glass-fill-tint: var(--success); } .badge-atom--glass[data-tone='warning'] { --glass-fill-tint: var(--warning); } .badge-atom--glass[data-tone='info'] { --glass-fill-tint: var(--info); } @media (prefers-reduced-motion: reduce) { .badge-atom { --motion-weight: 0; } .badge-atom:active:not([data-disabled]) { scale: 1; } } @media (prefers-contrast: more) { .badge-atom { border: 1px solid color-mix(in srgb, var(--foreground) 28%, transparent); } } }
+@layer components { .cartoon-cast { --cast-travel: calc(6px * var(--motion-weight) * var(--cartoon-press-t)); --cast-spread: calc(1 + 0.18 * var(--motion-weight) * var(--cartoon-press-t)); position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; box-shadow: var(--shadow-cartoon-md); translate: calc(-1 * var(--cast-travel) + var(--cartoon-cast-dx)) calc(var(--cast-travel) + var(--cartoon-cast-dy)); scale: var(--cast-spread); transition: translate calc(var(--duration-normal) * 1.15) var(--ease-cartoon-punch), scale calc(var(--duration-normal) * 1.15) var(--ease-cartoon-punch); } .glass-atom { transition: background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard); } .glass-atom[data-surface="glass"] { background-image: linear-gradient( var(--glass-fill-tinted), var(--glass-fill-tinted) ); } @media (prefers-reduced-motion: reduce) { .cartoon-cast { --motion-weight: 0; transition: none; } } @media (prefers-contrast: more) { .glass-atom { border-color: color-mix(in srgb, var(--foreground) 24%, transparent); } } .badge-atom { box-shadow: var(--glass-material-rim); } .badge-atom--outline { box-shadow: var(--glass-material-rim); border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent); } .badge-atom--glass { background-color: transparent !important; --glass-fill-strength: var(--badge-glass-strength, 16%); } .badge-atom--glass[data-variant="default"] { --glass-fill-tint: var(--primary); } .badge-atom--glass[data-variant="secondary"] { --glass-fill-tint: var(--glass-capsule-warm); } .badge-atom--glass[data-variant="outline"] { --glass-fill-tint: var(--glass-capsule-warm); } .badge-atom--glass[data-tone="destructive"] { --glass-fill-tint: var(--destructive); } .badge-atom--glass[data-tone="success"] { --glass-fill-tint: var(--success); } .badge-atom--glass[data-tone="warning"] { --glass-fill-tint: var(--warning); } .badge-atom--glass[data-tone="info"] { --glass-fill-tint: var(--info); } @media (prefers-contrast: more) { .badge-atom { border: 1px solid color-mix(in srgb, var(--foreground) 28%, transparent); } } }

package/dist/styles/glass/glass-capsule.css

@@ -1 +1 @@
-@layer components { .glass-capsule { background: var( --glass-capsule-fill, color-mix( in oklab, var(--glass-bg-floating-tinted), var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) ); backdrop-filter: var(--glass-blur-floating); -webkit-backdrop-filter: var(--glass-blur-floating); box-shadow: var(--glass-rim-top), var(--glass-rim-bottom), var(--glass-shadow-floating); border-radius: var(--radius-pill); } .glass-capsule-track { background: var(--glass-bg-quiet); backdrop-filter: var(--glass-blur-quiet); -webkit-backdrop-filter: var(--glass-blur-quiet); box-shadow: var(--glass-rim-top), var(--glass-rim-bottom), inset 0 1px 2px var(--tab-track-recess-ink); } .glass-capsule-hover { transition: scale var(--duration-fast) var(--ease-cartoon-punch), --specular-intensity var(--duration-fast) var(--ease-standard); } .glass-capsule-hover:hover, .glass-drag-lift { --specular-intensity: 0.14; } .glass-capsule-hover:hover { scale: 1.015; } .glass-capsule-hover:active { scale: var(--scale-press-sm, 0.97); } @media (prefers-reduced-motion: reduce) { .glass-capsule-hover:hover, .glass-capsule-hover:active { scale: 1; } } .glass-dock :is(.glass-capsule, .glass-capsule-hover) { background-clip: content-box; } .glass-dock .dock-icon-button { padding: var(--dock-icon-padding, var(--dock-control-safe-inset, 0)); } }
+@layer components { .glass-capsule { background: var( --glass-capsule-fill, color-mix( in oklab, var(--glass-bg-floating-tinted), var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) ); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-floating)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-floating)); box-shadow: var(--glass-rim-top), var(--glass-rim-bottom), var(--glass-shadow-floating); border-radius: var(--radius-pill); } .glass-capsule-track { background: var(--glass-bg-quiet); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); box-shadow: var(--glass-rim-top), var(--glass-rim-bottom), inset 0 1px 2px var(--tab-track-recess-ink); } .glass-capsule-hover { transition: scale var(--duration-fast) var(--ease-cartoon-punch), --specular-intensity var(--duration-fast) var(--ease-standard); } .glass-capsule-hover:hover, .glass-drag-lift { --specular-intensity: 0.14; } .glass-capsule-hover:hover { scale: 1.015; } .glass-capsule-hover:not([data-press-armed]):active { scale: var(--scale-press-sm, 0.97); } @media (prefers-reduced-motion: reduce) { .glass-capsule-hover:hover, .glass-capsule-hover:not([data-press-armed]):active { scale: 1; } } .glass-dock :is(.glass-capsule, .glass-capsule-hover) { background-clip: content-box; } .glass-dock .dock-icon-button { padding: var(--dock-icon-padding, var(--dock-control-safe-inset, 0)); } }

package/dist/styles/glass/glass-chip.css

@@ -1 +1 @@
-@property --chip-flood-t { syntax: "<number>"; inherits: true; initial-value: 0; } @layer components { .glass-chip { position: relative; isolation: isolate; --chip-tint-floor: 12%; --accent-fill-strength: max(8%, var(--chip-tint-floor)); --accent-band-strength: max(18%, calc(var(--chip-tint-floor) + 10%)); scale: calc(1 + 0.12 * var(--chip-flood-t, 0) * var(--motion-weight, 0.618)); transform-origin: center; transition: scale var(--duration-normal) var(--ease-cartoon-punch), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard); background-image: linear-gradient( var(--glass-fill-tinted), var(--glass-fill-tinted) ); } .dark .glass-chip { --chip-tint-floor: 15%; } .glass-chip[data-state="on"] { background-color: var(--accent-band); border-color: var(--accent-edge); color: var(--accent-ink); --chip-flood-t: 1; } .glass-chip::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient( 120% 140% at 50% 50%, color-mix(in oklab, var(--accent-band) 60%, oklch(0.9 0.05 75 / 0)), oklch(0.9 0.05 75 / 0) 72% ); mix-blend-mode: plus-lighter; opacity: var(--chip-flood-t, 0); transition: opacity var(--duration-normal) var(--ease-out) 60ms; } .glass-chip--cell { border-radius: var(--radius-card); } .glass-chip--cell.glass-capsule { border-radius: var(--radius-card); } @media (prefers-reduced-motion: reduce) { .glass-chip { --motion-weight: 0; } } @media (prefers-contrast: more) { .glass-chip[data-state="on"] { border-color: color-mix(in srgb, var(--foreground) 28%, transparent); } } }
+@property --chip-flood-t { syntax: "<number>"; inherits: true; initial-value: 0; } @layer components { .glass-chip { --chip-tint-floor: 12%; --accent-band-strength: max(18%, calc(var(--chip-tint-floor) + 10%)); position: relative; isolation: isolate; background-image: linear-gradient( var(--glass-fill-tinted), var(--glass-fill-tinted) ); transition: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard); } .dark .glass-chip { --chip-tint-floor: 15%; } .glass-chip--interactive { scale: calc(1 + 0.12 * var(--chip-flood-t) * var(--motion-weight, 0.618)); transition: scale var(--duration-normal) var(--ease-cartoon-punch), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard); } .glass-chip[data-mode="selectable"][data-state="on"] { --chip-flood-t: 1; background-color: var(--accent-band); border-color: var(--accent-edge); color: var(--accent-ink); } .glass-chip[data-mode="selectable"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient( 120% 140% at 50% 50%, color-mix(in oklab, var(--accent-band) 60%, oklch(0.9 0.05 75 / 0)), oklch(0.9 0.05 75 / 0) 72% ); mix-blend-mode: plus-lighter; opacity: var(--chip-flood-t); transition: opacity var(--duration-normal) var(--ease-out) 60ms; } .glass-chip--cell, .glass-chip--cell.glass-capsule { border-radius: var(--radius-card); } .glass-chip--icon, .glass-chip--icon.glass-capsule { border-radius: var(--radius-pill); } .glass-chip__content { min-inline-size: 0; } .glass-chip__remove { display: inline-grid; flex: none; place-items: center; inline-size: 1.25rem; block-size: 1.25rem; padding: 0; border: 0; border-radius: var(--radius-pill); color: currentColor; background: color-mix(in srgb, currentColor 10%, oklch(0.9 0.05 75 / 0)); cursor: pointer; } .glass-chip[data-disabled] { opacity: var(--opacity-disabled); } @media (prefers-reduced-motion: reduce) { .glass-chip--interactive { --motion-weight: 0; } } @media (pointer: coarse) { .glass-chip--interactive { min-inline-size: var(--touch-target, 2.75rem); min-block-size: var(--touch-target, 2.75rem); } .glass-chip[data-mode="removable"] { min-block-size: var(--touch-target, 2.75rem); } .glass-chip[data-mode="removable"]::after { content: ""; flex: none; inline-size: var(--touch-target, 2.75rem); } .glass-chip__remove { position: absolute; inset-block-start: 50%; inset-inline-end: 0; inline-size: var(--touch-target, 2.75rem); block-size: var(--touch-target, 2.75rem); translate: 0 -50%; background: transparent; } .glass-chip__remove > span { display: inline-grid; inline-size: 1.25rem; block-size: 1.25rem; place-items: center; border-radius: var(--radius-pill); background: color-mix(in srgb, currentColor 10%, oklch(0.9 0.05 75 / 0)); } } @media (prefers-contrast: more) { .glass-chip[data-mode="selectable"][data-state="on"] { border-color: color-mix( in srgb, var(--foreground) 28%, oklch(0.9 0.05 75 / 0) ); } } }

package/dist/styles/glass/ladder.css

@@ -1 +1 @@
-@layer components { .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay { --glass-plate-tinted: color-mix( in oklab, var(--glass-bg-rung), var(--glass-tint-source) var(--glass-tint-strength) ); } .glass-wash { position: relative; --glass-bg-rung: var(--glass-bg-wash); background: var(--glass-plate-tinted); backdrop-filter: var(--glass-blur-wash); --glass-border-rung: var(--glass-border-wash); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-shadow-wash); } .glass-quiet { position: relative; --glass-bg-rung: var(--glass-bg-quiet); background: var(--glass-plate-tinted); backdrop-filter: var(--glass-blur-quiet); --glass-border-rung: var(--glass-border-quiet); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-quiet), var(--glass-shadow-quiet); } .glass-resting { position: relative; --glass-bg-rung: var(--glass-bg-resting); background: var(--glass-plate-tinted); backdrop-filter: var(--glass-blur-resting); --glass-border-rung: var(--glass-border-resting); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-default), var(--glass-shadow-resting); } .glass-floating { --glass-backdrop: light; position: relative; --glass-bg-rung: var(--glass-bg-floating); background: var(--glass-plate-tinted); backdrop-filter: var(--glass-blur-floating); --glass-border-rung: var(--glass-border-floating); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-vivid), var(--glass-shadow-floating); } .glass-overlay { --glass-backdrop: light; position: relative; --glass-bg-rung: var(--glass-bg-overlay); background: var(--glass-plate-tinted); backdrop-filter: var(--glass-blur-overlay); --glass-border-rung: var(--glass-border-overlay); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-shadow-overlay); } @container style(--glass-backdrop: light) { .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card { --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: var(--glass-tint-strength-aa); --muted-foreground: var(--foreground); } } :where(.glass-floating, .glass-overlay) { --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: clamp( var(--glass-tint-strength-floor), calc( var(--glass-tint-strength-floor) + (var(--glass-tint-strength-aa) - var(--glass-tint-strength-floor)) * max(0, (var(--glass-backdrop-luma, 0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee))) ), var(--glass-tint-strength-aa) ); --muted-foreground: var(--on-glass-muted); --muted-foreground-strong: var(--on-glass-muted-strong); } :where(.glass-card, .glass-resting, .glass-quiet, .glass-wash) { --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: clamp( var(--glass-tint-strength-floor), calc( var(--glass-tint-strength-floor) + (var(--glass-tint-strength-aa) - var(--glass-tint-strength-floor)) * max(0, (var(--glass-backdrop-luma, 0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee))) ), var(--glass-tint-strength-aa) ); --muted-foreground: var(--on-glass-muted); --muted-foreground-strong: var(--on-glass-muted-strong); } :where(.feedback-tone, .glass-capsule, .metric-badge) { --muted-foreground: var(--on-glass-muted-strong); --muted-foreground-strong: var(--on-glass-muted-strong); } @supports (color: contrast-color(white)) { @container style(--glass-backdrop: light) { .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card { color: contrast-color(var(--card)); --foreground: contrast-color(var(--card)); --muted-foreground: contrast-color(var(--card)); } } } }
+@layer components { .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay { --glass-plate-tinted: color-mix( in oklab, var(--glass-bg-rung), var(--glass-tint-source) var(--glass-tint-strength) ); } .glass-wash { position: relative; --glass-bg-rung: var(--glass-bg-wash); background: var(--glass-plate-tinted); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-wash)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-wash)); --glass-border-rung: var(--glass-border-wash); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-shadow-wash); } .glass-quiet { position: relative; --glass-bg-rung: var(--glass-bg-quiet); background: var(--glass-plate-tinted); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); --glass-border-rung: var(--glass-border-quiet); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-quiet), var(--glass-shadow-quiet); } .glass-resting { position: relative; --glass-bg-rung: var(--glass-bg-resting); background: var(--glass-plate-tinted); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-resting)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-resting)); --glass-border-rung: var(--glass-border-resting); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-default), var(--glass-shadow-resting); } .glass-floating { --glass-backdrop: light; position: relative; --glass-bg-rung: var(--glass-bg-floating); background: var(--glass-plate-tinted); -webkit-backdrop-filter: var(--glass-blur-floating); backdrop-filter: var(--glass-blur-floating); --glass-border-rung: var(--glass-border-floating); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-vivid), var(--glass-shadow-floating); } .glass-overlay { --glass-backdrop: light; position: relative; --glass-bg-rung: var(--glass-bg-overlay); background: var(--glass-plate-tinted); -webkit-backdrop-filter: var(--glass-blur-overlay); backdrop-filter: var(--glass-blur-overlay); --glass-border-rung: var(--glass-border-overlay); border: 1px solid var(--glass-border-accent); box-shadow: var(--glass-material-rim), var(--glass-shadow-overlay); } @container style(--glass-backdrop: light) { .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card { --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: var(--glass-tint-strength-aa); --muted-foreground: var(--foreground); } } :where(.glass-floating, .glass-overlay) { --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: clamp( var(--glass-tint-strength-floor), calc( var(--glass-tint-strength-floor) + (var(--glass-tint-strength-aa) - var(--glass-tint-strength-floor)) * max(0, (var(--glass-backdrop-luma, 0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee))) ), var(--glass-tint-strength-aa) ); --muted-foreground: var(--on-glass-muted); --muted-foreground-strong: var(--on-glass-muted-strong); } :where(.glass-card, .glass-resting, .glass-quiet, .glass-wash) { --glass-tint-source: var(--glass-tint-ink); --glass-tint-strength: clamp( var(--glass-tint-strength-floor), calc( var(--glass-tint-strength-floor) + (var(--glass-tint-strength-aa) - var(--glass-tint-strength-floor)) * max(0, (var(--glass-backdrop-luma, 0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee))) ), var(--glass-tint-strength-aa) ); --muted-foreground: var(--on-glass-muted); --muted-foreground-strong: var(--on-glass-muted-strong); } :where(.feedback-tone, .glass-capsule) { --muted-foreground: var(--on-glass-muted-strong); --muted-foreground-strong: var(--on-glass-muted-strong); } @supports (color: contrast-color(white)) { @container style(--glass-backdrop: light) { .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card { color: contrast-color(var(--card)); --foreground: contrast-color(var(--card)); --muted-foreground: contrast-color(var(--card)); } } } }

package/dist/styles/glass/liquid-fill.css

@@ -1 +1 @@
-@layer components { .glass-liquid-fill { border-radius: var(--radius-pill); background: color-mix( in oklab, var(--liquid-fill-tint, var(--glass-capsule-warm)) var(--liquid-fill-strength, 88%), oklch(0.9 0.05 75 / 0) ); backdrop-filter: var(--liquid-fill-blur, var(--glass-blur-quiet)); -webkit-backdrop-filter: var(--liquid-fill-blur, var(--glass-blur-quiet)); box-shadow: var(--glass-material-rim), var(--liquid-fill-shadow, var(--glass-under-shadow-quiet)); transition: background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard); } }
+@layer components { .glass-liquid-fill { border-radius: var(--radius-pill); background: color-mix( in oklab, var(--liquid-fill-tint, var(--glass-capsule-warm)) var(--liquid-fill-strength, 88%), oklch(0.9 0.05 75 / 0) ); -webkit-backdrop-filter: var( --glass-cell-backdrop-filter, var(--liquid-fill-blur, var(--glass-blur-quiet)) ); backdrop-filter: var( --glass-cell-backdrop-filter, var(--liquid-fill-blur, var(--glass-blur-quiet)) ); box-shadow: var(--glass-material-rim), var(--liquid-fill-shadow, var(--glass-under-shadow-quiet)); transition: background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard); } }

package/dist/styles/glass/material-roles.css

@@ -0,0 +1 @@
+@layer components { [data-material="content"] { --surface-role-shadow: var(--shadow-sm); } [data-material="elevated"] { --surface-role-shadow: var(--shadow-card); } [data-material="functional"] { --surface-role-shadow: var(--shadow-dock); } [data-material="overlay"] { --surface-role-shadow: var(--shadow-modal); } [data-material][data-shadow] { box-shadow: var(--surface-role-shadow); } }

package/dist/styles/glass/material.css

@@ -1 +1 @@
-@layer components { .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card, .glass-specular-track, .dock-icon-button, .dock-tab-button, .dock-select-trigger, .dock-dropdown-trigger { position: relative; } .glass-wash, .glass-quiet, .glass-resting, .glass-card, .glass-btn { contain: paint; } .glass-material::before, .glass-wash::before, .glass-quiet::before, .glass-resting::before, .glass-floating::before, .glass-overlay::before, .glass-card::before, .glass-specular-track::before, .dock-icon-button::before, .dock-tab-button::before, .dock-select-trigger::before, .dock-dropdown-trigger::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 1; --specular-x: var(--mouse-x, 50%); --specular-y: var(--mouse-y, 50%); --specular-intensity: max( var(--glass-specular-intensity-rest, 0), calc(var(--glass-specular-intensity-active, 0.16) * var(--glass-btn-press-t, 0)) ); --glass-specular-core: color-mix( in oklab, color-mix( in oklab, hsl(40 35% 92%), var(--glass-accent) var(--glass-accent-strength) ), var(--glass-ambient-hue) var(--glass-ambient-strength) ); background: conic-gradient( from var(--specular-angle, 0deg) at 50% 50%, transparent 0deg, color-mix(in srgb, var(--glass-specular-core) 55%, transparent) 18deg, transparent 60deg, transparent 360deg ), radial-gradient( circle var(--glass-specular-size, 36%) at var(--specular-x, 50%) var(--specular-y, 50%), color-mix(in srgb, var(--glass-specular-core) 50%, transparent) 0%, transparent 70%, transparent 100% ); box-shadow: inset 0 0 0 var(--glass-specular-hairline-width, 0.75px) color-mix(in srgb, hsl(40 35% 92%) var(--glass-specular-hairline-ink, 70%), transparent); opacity: max( var(--specular-intensity, 0), var(--glass-specular-rest-hairline, 0.07) ); mask-image: radial-gradient( circle closest-side at 50% 50%, transparent calc(100% - var(--glass-edge-glint-band, 22%)), black calc(100% - calc(var(--glass-edge-glint-band, 22%) * 0.5)), black 100% ), radial-gradient( circle var(--glass-specular-size, 36%) at var(--specular-x, 50%) var(--specular-y, 50%), black 0%, black 60%, transparent 100% ); mix-blend-mode: plus-lighter; } .glass-specular-track::before, .glass-material:hover::before, .glass-material:active::before, .glass-wash:hover::before, .glass-wash:active::before, .glass-quiet:hover::before, .glass-quiet:active::before, .glass-resting:hover::before, .glass-resting:active::before, .glass-floating:hover::before, .glass-floating:active::before, .glass-overlay:hover::before, .glass-overlay:active::before, .glass-card:hover::before, .glass-card:active::before, .dock-icon-button::before, .dock-tab-button::before, .dock-select-trigger::before, .dock-dropdown-trigger::before { transition: --specular-x var(--duration-fast, 150ms) var(--ease-standard, ease-out), --specular-y var(--duration-fast, 150ms) var(--ease-standard, ease-out), opacity var(--duration-normal, 240ms) var(--ease-standard, ease-out); } .dark .glass-material::before, .dark .glass-wash::before, .dark .glass-quiet::before, .dark .glass-resting::before, .dark .glass-floating::before, .dark .glass-overlay::before, .dark .glass-card::before, .dark .glass-specular-track::before, .dark .dock-icon-button::before, .dark .dock-tab-button::before, .dark .dock-select-trigger::before, .dark .dock-dropdown-trigger::before { --specular-intensity: max( var(--glass-specular-intensity-rest, 0), calc(var(--glass-specular-intensity-active, 0.16) * var(--glass-btn-press-t, 0)) ); } .glass-material:hover::before, .glass-wash:hover::before, .glass-quiet:hover::before, .glass-resting:hover::before, .glass-floating:hover::before, .glass-overlay:hover::before, .glass-card:hover::before, .glass-specular-track:hover::before, .dock-icon-button:hover::before, .dock-tab-button:hover::before, .dock-select-trigger:hover::before, .dock-dropdown-trigger:hover::before { --specular-intensity: var(--glass-specular-intensity-hover, 0.1); } .glass-material:active::before, .glass-wash:active::before, .glass-quiet:active::before, .glass-resting:active::before, .glass-floating:active::before, .glass-overlay:active::before, .glass-card:active::before, .glass-specular-track:active::before, .dock-icon-button:active::before, .dock-tab-button:active::before, .dock-select-trigger:active::before, .dock-dropdown-trigger:active::before { --specular-intensity: var(--glass-specular-intensity-active, 0.16); } .dock-icon-button:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before, .dock-tab-button:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before, .dock-select-trigger:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before, .dock-dropdown-trigger:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before { --specular-intensity: var(--glass-specular-intensity-active, 0.16); } [data-surface="clear"], .glass-clear { --glass-clear-scrim-floor: 12%; --glass-clear-scrim-ramp: 28%; --glass-clear-scrim-strength: calc( var(--glass-clear-scrim-floor) + var(--glass-backdrop-luma) * var(--glass-clear-scrim-ramp) ); background: color-mix( in oklab, var(--glass-bg-clear), var(--glass-tint-source) var(--glass-tint-strength) ), color-mix( in srgb, var(--background) var(--glass-clear-scrim-strength), transparent ); backdrop-filter: var(--glass-blur-floating); position: relative; } }
+@layer components { .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card, .glass-specular-track, .dock-icon-button, .dock-tab-button, .dock-select-trigger, .dock-dropdown-trigger { position: relative; } :where( .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-card, .glass-dock ) > * { --glass-cell-backdrop-filter: none; } .glass-wash, .glass-quiet, .glass-resting, .glass-card { contain: paint; } .glass-material::before, .glass-wash::before, .glass-quiet::before, .glass-resting::before, .glass-floating::before, .glass-overlay::before, .glass-card::before, .glass-specular-track::before, .dock-icon-button::before, .dock-tab-button::before, .dock-select-trigger::before, .dock-dropdown-trigger::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 1; --specular-x: var(--mouse-x, 50%); --specular-y: var(--mouse-y, 50%); --specular-intensity: max( var(--glass-specular-intensity-rest, 0), calc( var(--glass-specular-intensity-active, 0.16) * var(--glass-btn-press-t, 0) ) ); --glass-specular-core: color-mix( in oklab, color-mix( in oklab, hsl(40 35% 92%), var(--glass-accent) var(--glass-accent-strength) ), var(--glass-ambient-hue) var(--glass-ambient-strength) ); background: conic-gradient( from var(--specular-angle, 0deg) at 50% 50%, transparent 0deg, color-mix(in srgb, var(--glass-specular-core) 55%, transparent) 18deg, transparent 60deg, transparent 360deg ), radial-gradient( circle var(--glass-specular-size, 36%) at var(--specular-x, 50%) var(--specular-y, 50%), color-mix(in srgb, var(--glass-specular-core) 50%, transparent) 0%, transparent 70%, transparent 100% ); box-shadow: inset 0 0 0 var(--glass-specular-hairline-width, 0.75px) color-mix( in srgb, hsl(40 35% 92%) var(--glass-specular-hairline-ink, 70%), transparent ); opacity: max( var(--specular-intensity, 0), var(--glass-specular-rest-hairline, 0.07) ); mask-image: radial-gradient( circle closest-side at 50% 50%, transparent calc(100% - var(--glass-edge-glint-band, 22%)), black calc(100% - calc(var(--glass-edge-glint-band, 22%) * 0.5)), black 100% ), radial-gradient( circle var(--glass-specular-size, 36%) at var(--specular-x, 50%) var(--specular-y, 50%), black 0%, black 60%, transparent 100% ); mix-blend-mode: plus-lighter; } .glass-specular-track::before, .glass-material:hover::before, .glass-material:active::before, .glass-wash:hover::before, .glass-wash:active::before, .glass-quiet:hover::before, .glass-quiet:active::before, .glass-resting:hover::before, .glass-resting:active::before, .glass-floating:hover::before, .glass-floating:active::before, .glass-overlay:hover::before, .glass-overlay:active::before, .glass-card:hover::before, .glass-card:active::before, .dock-icon-button::before, .dock-tab-button::before, .dock-select-trigger::before, .dock-dropdown-trigger::before { transition: --specular-x var(--duration-fast, 150ms) var(--ease-standard, ease-out), --specular-y var(--duration-fast, 150ms) var(--ease-standard, ease-out), opacity var(--duration-normal, 240ms) var(--ease-standard, ease-out); } .dark .glass-material::before, .dark .glass-wash::before, .dark .glass-quiet::before, .dark .glass-resting::before, .dark .glass-floating::before, .dark .glass-overlay::before, .dark .glass-card::before, .dark .glass-specular-track::before, .dark .dock-icon-button::before, .dark .dock-tab-button::before, .dark .dock-select-trigger::before, .dark .dock-dropdown-trigger::before { --specular-intensity: max( var(--glass-specular-intensity-rest, 0), calc( var(--glass-specular-intensity-active, 0.16) * var(--glass-btn-press-t, 0) ) ); } .glass-material:hover::before, .glass-wash:hover::before, .glass-quiet:hover::before, .glass-resting:hover::before, .glass-floating:hover::before, .glass-overlay:hover::before, .glass-card:hover::before, .glass-specular-track:hover::before, .dock-icon-button:hover::before, .dock-tab-button:hover::before, .dock-select-trigger:hover::before, .dock-dropdown-trigger:hover::before { --specular-intensity: var(--glass-specular-intensity-hover, 0.1); } .glass-material:active::before, .glass-wash:active::before, .glass-quiet:active::before, .glass-resting:active::before, .glass-floating:active::before, .glass-overlay:active::before, .glass-card:active::before, .glass-specular-track:active::before, .dock-icon-button:active::before, .dock-tab-button:active::before, .dock-select-trigger:active::before, .dock-dropdown-trigger:active::before { --specular-intensity: var(--glass-specular-intensity-active, 0.16); } :is( .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-specular-track, .dock-icon-button, .dock-tab-button, .dock-select-trigger, .dock-dropdown-trigger ):is( .is-active, .active, [data-active], [data-dragging], [data-state="checked"], [data-state="on"], [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], [aria-current="page"] )::before { --specular-intensity: var(--glass-specular-intensity-active, 0.16); } :is( .glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating, .glass-overlay, .glass-specular-track, .dock-icon-button, .dock-tab-button, .dock-select-trigger, .dock-dropdown-trigger ):is(:disabled, [data-disabled], [aria-disabled="true"])::before { --specular-intensity: var(--glass-specular-intensity-rest, 0); transition: none; } }

package/dist/styles/glass/reveal.css

@@ -1 +1 @@
-@layer components { .glass-reveal { --reveal-spring: var(--enter-overlay-spring); --reveal-clock: var(--enter-overlay-clock); --reveal-exit-clock: var(--exit-overlay-duration); --reveal-exit-curve: var(--exit-curve); --glass-reveal-enter-scale: var(--enter-overlay-scale); --glass-reveal-blur: var(--enter-overlay-blur); --glass-reveal-slide: var(--enter-overlay-slide); --lq-stretch-x: 1.06; --lq-stretch-y: 0.945; transform-origin: var(--reka-popper-transform-origin, center); transition-property: scale, translate, opacity, filter, display, overlay; transition-duration: var(--reveal-clock), var(--reveal-clock), var(--reveal-clock), var(--reveal-clock), var(--reveal-clock), var(--reveal-clock); transition-timing-function: var(--reveal-spring), var(--reveal-spring), var(--ease-out), var(--ease-out), linear, linear; transition-behavior: allow-discrete; } .glass-reveal[data-reveal="overlay"] { --reveal-spring: var(--enter-overlay-spring); --reveal-clock: var(--enter-overlay-clock); --reveal-exit-clock: var(--exit-overlay-duration); --glass-reveal-enter-scale: var(--enter-overlay-scale); --glass-reveal-blur: var(--enter-overlay-blur); --glass-reveal-slide: var(--enter-overlay-slide); } .glass-reveal[data-reveal="menu"] { --reveal-spring: var(--enter-menu-spring); --reveal-clock: var(--enter-menu-clock); --reveal-exit-clock: var(--exit-overlay-duration); --glass-reveal-enter-scale: var(--enter-menu-scale); --glass-reveal-blur: var(--enter-menu-blur); --glass-reveal-slide: var(--enter-menu-slide); } .glass-reveal[data-reveal="tooltip"] { --reveal-spring: var(--enter-tooltip-spring); --reveal-clock: var(--enter-tooltip-clock); --reveal-exit-clock: var(--exit-overlay-duration); --glass-reveal-enter-scale: var(--enter-tooltip-scale); --glass-reveal-blur: var(--enter-tooltip-blur); --glass-reveal-slide: var(--enter-tooltip-slide); } .glass-reveal[data-reveal="transient"] { --reveal-spring: var(--enter-transient-spring); --reveal-clock: var(--enter-transient-clock); --reveal-exit-clock: var(--exit-transient-duration); --glass-reveal-enter-scale: var(--enter-transient-scale); --glass-reveal-blur: var(--enter-transient-blur); --glass-reveal-slide: var(--enter-transient-slide); } .glass-reveal[data-state="open"] { scale: 1 1; opacity: 1; filter: blur(0); @starting-style { scale: calc(var(--glass-reveal-enter-scale, 0.88) * var(--lq-stretch-x, 1.06)) calc(var(--glass-reveal-enter-scale, 0.88) * var(--lq-stretch-y, 0.945)); opacity: 0; filter: blur(var(--glass-reveal-blur)); } } .glass-reveal[data-state="closed"] { scale: calc(var(--glass-reveal-enter-scale, 0.88) * var(--lq-stretch-x, 1.06)) calc(var(--glass-reveal-enter-scale, 0.88) * var(--lq-stretch-y, 0.945)); opacity: 0; filter: blur(var(--glass-reveal-blur)); animation: glass-reveal-out var(--reveal-exit-clock) var(--reveal-exit-curve) both; transition-property: translate, display, overlay; transition-timing-function: var(--reveal-exit-curve); transition-duration: var(--reveal-exit-clock); } .glass-reveal[data-side="top"][data-state="open"] { translate: 0 0; @starting-style { translate: 0 var(--glass-reveal-slide); } } .glass-reveal[data-side="bottom"][data-state="open"] { translate: 0 0; @starting-style { translate: 0 calc(-1 * var(--glass-reveal-slide)); } } .glass-reveal[data-side="left"][data-state="open"] { translate: 0 0; @starting-style { translate: var(--glass-reveal-slide) 0; } } .glass-reveal[data-side="right"][data-state="open"] { translate: 0 0; @starting-style { translate: calc(-1 * var(--glass-reveal-slide)) 0; } } .glass-reveal[data-state="closed"][data-side="top"] { translate: 0 var(--glass-reveal-slide); } .glass-reveal[data-state="closed"][data-side="bottom"] { translate: 0 calc(-1 * var(--glass-reveal-slide)); } .glass-reveal[data-state="closed"][data-side="left"] { translate: var(--glass-reveal-slide) 0; } .glass-reveal[data-state="closed"][data-side="right"] { translate: calc(-1 * var(--glass-reveal-slide)) 0; } .glass-reveal[data-motion="reduced"] { --glass-reveal-enter-scale: 0.97; --glass-reveal-blur: 0px; } .glass-reveal[data-motion="off"] { scale: none; translate: none; filter: blur(0); transition-property: opacity, display, overlay; transition-duration: var(--reveal-exit-clock); transition-timing-function: var(--reveal-exit-curve); } .glass-reveal[data-motion="off"][data-state="closed"] { scale: none; translate: none; filter: blur(0); animation-name: glass-reveal-out-reduced; } } @media (prefers-reduced-motion: reduce) { .glass-reveal { scale: none; translate: none; filter: blur(0); transition-property: opacity, display, overlay; transition-duration: var(--duration-fast); transition-timing-function: var(--ease-out); } .glass-reveal[data-state="closed"] { scale: none; translate: none; filter: blur(0); animation-name: glass-reveal-out-reduced; } }
+@layer components { .glass-reveal { --reveal-spring: var(--enter-overlay-spring); --reveal-clock: var(--enter-overlay-clock); --reveal-exit-clock: var(--exit-overlay-duration); --reveal-exit-curve: var(--exit-curve); --glass-reveal-enter-scale: var(--enter-overlay-scale); --glass-reveal-blur: var(--enter-overlay-blur); --glass-reveal-slide: var(--enter-overlay-slide); --lq-stretch-x: 1.06; --lq-stretch-y: 0.945; transform-origin: var(--reka-popper-transform-origin, center); transition-property: scale, translate, opacity, filter, display, overlay; transition-duration: var(--reveal-clock), var(--reveal-clock), var(--reveal-clock), var(--reveal-clock), var(--reveal-clock), var(--reveal-clock); transition-timing-function: var(--reveal-spring), var(--reveal-spring), var(--ease-out), var(--ease-out), linear, linear; transition-behavior: allow-discrete; } .glass-reveal[data-reveal="overlay"] { --reveal-spring: var(--enter-overlay-spring); --reveal-clock: var(--enter-overlay-clock); --reveal-exit-clock: var(--exit-overlay-duration); --glass-reveal-enter-scale: var(--enter-overlay-scale); --glass-reveal-blur: var(--enter-overlay-blur); --glass-reveal-slide: var(--enter-overlay-slide); } .glass-reveal[data-reveal="menu"] { --reveal-spring: var(--enter-menu-spring); --reveal-clock: var(--enter-menu-clock); --reveal-exit-clock: var(--exit-overlay-duration); --glass-reveal-enter-scale: var(--enter-menu-scale); --glass-reveal-blur: var(--enter-menu-blur); --glass-reveal-slide: var(--enter-menu-slide); } .glass-reveal[data-reveal="tooltip"] { --reveal-spring: var(--enter-tooltip-spring); --reveal-clock: var(--enter-tooltip-clock); --reveal-exit-clock: var(--exit-overlay-duration); --glass-reveal-enter-scale: var(--enter-tooltip-scale); --glass-reveal-blur: var(--enter-tooltip-blur); --glass-reveal-slide: var(--enter-tooltip-slide); } .glass-reveal[data-reveal="transient"] { --reveal-spring: var(--enter-transient-spring); --reveal-clock: var(--enter-transient-clock); --reveal-exit-clock: var(--exit-transient-duration); --glass-reveal-enter-scale: var(--enter-transient-scale); --glass-reveal-blur: var(--enter-transient-blur); --glass-reveal-slide: var(--enter-transient-slide); } .glass-reveal[data-state="open"] { scale: 1 1; opacity: 1; filter: blur(0); @starting-style { scale: calc(var(--glass-reveal-enter-scale, 0.94) * var(--lq-stretch-x, 1.06)) calc(var(--glass-reveal-enter-scale, 0.94) * var(--lq-stretch-y, 0.945)); opacity: 0; filter: blur(var(--glass-reveal-blur)); } } .glass-reveal[data-state="closed"] { scale: calc(var(--glass-reveal-enter-scale, 0.94) * var(--lq-stretch-x, 1.06)) calc(var(--glass-reveal-enter-scale, 0.94) * var(--lq-stretch-y, 0.945)); opacity: 0; filter: blur(var(--glass-reveal-blur)); animation: glass-reveal-out var(--reveal-exit-clock) var(--reveal-exit-curve) both; transition-property: translate, display, overlay; transition-timing-function: var(--reveal-exit-curve); transition-duration: var(--reveal-exit-clock); } .glass-reveal[data-side="top"][data-state="open"] { translate: 0 0; @starting-style { translate: 0 var(--glass-reveal-slide); } } .glass-reveal[data-side="bottom"][data-state="open"] { translate: 0 0; @starting-style { translate: 0 calc(-1 * var(--glass-reveal-slide)); } } .glass-reveal[data-side="left"][data-state="open"] { translate: 0 0; @starting-style { translate: var(--glass-reveal-slide) 0; } } .glass-reveal[data-side="right"][data-state="open"] { translate: 0 0; @starting-style { translate: calc(-1 * var(--glass-reveal-slide)) 0; } } .glass-reveal[data-state="closed"][data-side="top"] { translate: 0 var(--glass-reveal-slide); } .glass-reveal[data-state="closed"][data-side="bottom"] { translate: 0 calc(-1 * var(--glass-reveal-slide)); } .glass-reveal[data-state="closed"][data-side="left"] { translate: var(--glass-reveal-slide) 0; } .glass-reveal[data-state="closed"][data-side="right"] { translate: calc(-1 * var(--glass-reveal-slide)) 0; } .glass-reveal[data-motion="reduced"] { --glass-reveal-enter-scale: 0.97; --glass-reveal-blur: 0px; } .glass-reveal[data-motion="off"] { scale: none; translate: none; filter: blur(0); transition-property: opacity, display, overlay; transition-duration: var(--reveal-exit-clock); transition-timing-function: var(--reveal-exit-curve); } .glass-reveal[data-motion="off"][data-state="closed"] { scale: none; translate: none; filter: blur(0); animation-name: glass-reveal-out-reduced; } } @media (prefers-reduced-motion: reduce) { .glass-reveal { scale: none; translate: none; filter: blur(0); transition-property: opacity, display, overlay; transition-duration: var(--duration-fast); transition-timing-function: var(--ease-out); } .glass-reveal[data-state="closed"] { scale: none; translate: none; filter: blur(0); animation-name: glass-reveal-out-reduced; } }

package/dist/styles/glass/squircle.css

@@ -1 +1 @@
-@layer components { @supports (corner-shape: superellipse(2)) { .glass-floating.rounded-dialog { corner-shape: var(--corner-shape-dialog); } .glass-floating.sheet-animate { corner-shape: var(--corner-shape-sheet); } .configurator { corner-shape: var(--corner-shape-panel); } } }
+@layer components { @supports (corner-shape: superellipse(2)) { .glass-floating.sheet-animate { corner-shape: var(--corner-shape-sheet); } .configurator { corner-shape: var(--corner-shape-panel); } } }

package/dist/styles/glass/surface-axis.css

@@ -1 +1 @@
-@layer components { [data-surface="veil"] { --veil-bg: color-mix( in oklab, var(--glass-bg-quiet), var(--glass-tint-source) var(--glass-tint-strength) ); --veil-blur: var(--glass-blur-quiet); --veil-border: none; --veil-shadow: none; --veil-feather: none; background: var(--veil-bg); backdrop-filter: var(--veil-blur); -webkit-backdrop-filter: var(--veil-blur); border: var(--veil-border); box-shadow: var(--veil-shadow); mask-image: var(--veil-feather); } [data-surface="opaque"] { --glass-level: 0; --glass-tint-strength: 0%; background: color-mix(in srgb, var(--card), transparent 0%); backdrop-filter: none; -webkit-backdrop-filter: none; } .paper-ink-mark { --paper-ink-mark-weight: 2px; --paper-ink-mark-color: var(--foreground); } .glass-well { --glass-well-tone: 8%; background: color-mix( in oklab, var(--card), var(--foreground) var(--glass-well-tone) ); box-shadow: inset 0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent); border-radius: var(--radius-md); } }
+@layer components { [data-grain="false"]::after { display: none; } [data-surface="veil"] { --veil-alpha: 44.3%; --veil-brightness: 1.02; --veil-color: color-mix( in oklab, var(--card), var(--glass-tint-source) var(--glass-tint-strength) ); --veil-bg: color-mix( in srgb, var(--veil-color) var(--veil-alpha), transparent ); --veil-clarity: blur( calc(var(--glass-blur-quiet-radius) * var(--glass-level)) ) saturate(var(--glass-saturate-quiet)) brightness(var(--veil-brightness)); --veil-border: none; --veil-shadow: none; --veil-feather: none; background: var(--veil-bg); -webkit-backdrop-filter: var(--veil-clarity); backdrop-filter: var(--veil-clarity); border: var(--veil-border); box-shadow: var(--veil-shadow); mask-image: var(--veil-feather); } :where(.dark) [data-surface="veil"] { --veil-alpha: 56%; --veil-brightness: 1.16; } [data-surface="opaque"] { --glass-level: 0; --glass-tint-strength: 0%; background: color-mix(in srgb, var(--card), transparent 0%); -webkit-backdrop-filter: none; backdrop-filter: none; } .paper-ink-mark { --paper-ink-mark-weight: 2px; --paper-ink-mark-color: var(--foreground); } .glass-well { --glass-well-tone: 8%; background: color-mix( in oklab, var(--card), var(--foreground) var(--glass-well-tone) ); box-shadow: inset 0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent); border-radius: var(--radius-md); } }

package/dist/styles/glass/surfaces-pager.css

@@ -1 +1 @@
-@layer components { .glass-pager-ring { display: inline-flex; align-items: center; gap: 0.375rem; padding-inline: 0.625rem; padding-block: 0.3125rem; border-radius: var(--radius-pill); background: color-mix( in oklab, var(--glass-bg-floating), var(--glass-tint-source) var(--glass-tint-strength) ); backdrop-filter: var(--glass-blur-floating); -webkit-backdrop-filter: var(--glass-blur-floating); box-shadow: var(--glass-edge-light), var(--glass-specular), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 22%, transparent); transition: background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); } .dark .glass-pager-ring { box-shadow: var(--glass-edge-light-dark), var(--glass-specular-dark), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 30%, transparent); } @media (prefers-reduced-transparency: no-preference) { .glass-chromatic { box-shadow: var(--glass-edge-dispersion), var(--glass-material-rim); } } }
+@layer components { .glass-pager-ring { display: inline-flex; align-items: center; gap: 0.375rem; padding-inline: 0.625rem; padding-block: 0.3125rem; border-radius: var(--radius-pill); background: color-mix( in oklab, var(--glass-bg-floating), var(--glass-tint-source) var(--glass-tint-strength) ); -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-floating)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-floating)); box-shadow: var(--glass-edge-light), var(--glass-specular), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 22%, transparent); transition: background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); } .dark .glass-pager-ring { box-shadow: var(--glass-edge-light-dark), var(--glass-specular-dark), 0 2px 6px -2px color-mix(in srgb, var(--shadow-color) 30%, transparent); } @media (prefers-reduced-transparency: no-preference) { .glass-chromatic { box-shadow: var(--glass-edge-dispersion), var(--glass-material-rim); } } }

package/dist/styles/glass/surfaces.css

@@ -1 +1 @@
-@utility glass-fill { --glass-fill: color-mix( in oklab, var(--glass-fill-rung, var(--glass-bg-resting)), var(--glass-tint-source) var(--glass-tint-strength) ); background: var(--glass-fill); } @property --glass-blur-engage-t { syntax: "<number>"; inherits: false; initial-value: 0; } :root { --glass-blur-engage-knee: 0.35; } @layer components { .glass-card { --card-focus-shadow: var(--shadow-card); --card-focus-border: var(--glass-border-quiet); position: relative; --glass-fill-rung: var(--glass-bg-quiet); @apply glass-fill; backdrop-filter: var(--glass-blur-quiet); --glass-border-rung: var(--card-focus-border); border: 1px solid var(--glass-border-accent); border-radius: var(--radius-card); box-shadow: var(--glass-material-rim), var(--card-focus-shadow); transition: box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); } .glass-card:has(:focus-visible) { --card-focus-shadow: var(--shadow-md); --card-focus-border: var(--glass-border-floating); } .glass-btn { @apply flex items-center justify-center cursor-pointer; scale: 1; width: var(--size-icon-btn); height: var(--size-icon-btn); border-radius: var(--radius-pill); border: 1.5px solid var(--glass-border-wash); background: var(--glass-bg-wash); backdrop-filter: var(--glass-blur-wash); color: var(--muted-foreground); transition: background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), scale var(--spring-smooth-duration) var(--spring-smooth); } .glass-btn:hover:not(:disabled) { background: color-mix(in srgb, var(--background) 85%, transparent); border-color: var(--surface-tint-22); color: var(--foreground); scale: var(--scale-hover); } .glass-btn:active:not(:disabled) { scale: var(--scale-press); } .glass-btn:focus-visible { outline: none; box-shadow: var(--focus-ring-shadow); } .glass-btn:disabled { opacity: 0.35; cursor: not-allowed; pointer-events: none; } .glass-btn.is-active, .glass-btn[aria-pressed="true"] { background: var(--surface-tint-10); border-color: var(--surface-tint-25); color: var(--foreground); } .btn-pill { @apply inline-flex items-center justify-center cursor-pointer font-medium border-none; scale: 1; gap: calc(0.375rem * var(--ui-scale)); border-radius: var(--radius-pill); padding: calc(0.5rem * var(--ui-scale)) calc(1rem * var(--ui-scale)); font-size: var(--control-text); transition: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard), scale var(--spring-smooth-duration) var(--spring-smooth); } .btn-pill > * { @apply flex-shrink-0; } .btn-pill:disabled { opacity: var(--opacity-disabled); cursor: not-allowed; pointer-events: none; } .btn-glass { backdrop-filter: var(--glass-blur-btn); --glass-btn-rim: var(--glass-edge-light); --glass-btn-under-shadow: var(--glass-under-shadow-quiet); --glass-btn-under-shadow-hover: var(--glass-under-shadow-default); box-shadow: var(--glass-btn-rim), var(--glass-btn-under-shadow); --glass-specular-intensity-hover: var(--glass-specular-btn-hover); } .btn-glass.glass-deep { --glass-blur-btn: var(--glass-blur-deep); } .btn-glass:hover:not(:disabled, [data-disabled]) { box-shadow: var(--glass-btn-rim), var(--glass-btn-under-shadow-hover); } .btn-glass:active::before { --specular-intensity: calc( var(--glass-specular-intensity-hover) + (var(--glass-specular-intensity-active) - var(--glass-specular-intensity-hover)) * var(--glass-btn-press-t) ); } :where(.btn-glass, .segmented-indicator, .glass-capsule) { --glass-bg-floating-tinted: color-mix( in oklab, var(--glass-bg-floating), var(--glass-tint-source) var(--glass-tint-strength) ); } .btn-glass { --glass-bg-quiet-tinted: color-mix( in oklab, var(--glass-bg-quiet), var(--glass-tint-source) var(--glass-tint-strength) ); } .btn-glass.glass-lens { --glass-btn-press-t: 0; } }
+@utility glass-fill { --glass-fill: color-mix( in oklab, var(--glass-fill-rung, var(--glass-bg-resting)), var(--glass-tint-source) var(--glass-tint-strength) ); background: var(--glass-fill); } @layer components { .glass-card { --card-focus-shadow: var(--shadow-card); --card-focus-border: var(--glass-border-quiet); position: relative; --glass-fill-rung: var(--glass-bg-quiet); @apply glass-fill; -webkit-backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); backdrop-filter: var(--glass-cell-backdrop-filter, var(--glass-blur-quiet)); --glass-border-rung: var(--card-focus-border); border: 1px solid var(--glass-border-accent); border-radius: var(--radius-card); box-shadow: var(--glass-material-rim), var(--card-focus-shadow); transition: box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); } .glass-card:has(:focus-visible) { --card-focus-shadow: var(--shadow-md); --card-focus-border: var(--glass-border-floating); } :where(.segmented-indicator, .glass-capsule) { --glass-bg-floating-tinted: color-mix( in oklab, var(--glass-bg-floating), var(--glass-tint-source) var(--glass-tint-strength) ); } }

package/dist/styles/glass-refract.css

@@ -1 +1 @@
-@layer components { .glass-lens { --glass-refract-bevel: 14%; --glass-refract-filter: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27glass-refract%27 x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27%3E%3CfeImage href=%27data:image/svg+xml,%253Csvg xmlns=%2522http://www.w3.org/2000/svg%2522 width=%2522100%2522 height=%2522100%2522%253E%253ClinearGradient id=%2522hx%2522 x1=%25220%2522 y1=%25220%2522 x2=%2522100%2525%2522 y2=%25220%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgb(255,0,0)%2522/%253E%253Cstop offset=%252214%2525%2522 stop-color=%2522rgb(128,0,0)%2522/%253E%253Cstop offset=%252286%2525%2522 stop-color=%2522rgb(128,0,0)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgb(0,0,0)%2522/%253E%253C/linearGradient%253E%253ClinearGradient id=%2522vy%2522 x1=%25220%2522 y1=%25220%2522 x2=%25220%2522 y2=%2522100%2525%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgb(0,255,0)%2522/%253E%253Cstop offset=%252214%2525%2522 stop-color=%2522rgb(0,128,0)%2522/%253E%253Cstop offset=%252286%2525%2522 stop-color=%2522rgb(0,128,0)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgb(0,0,0)%2522/%253E%253C/linearGradient%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522black%2522/%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523hx)%2522/%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523vy)%2522 style=%2522mix-blend-mode:screen%2522/%253E%253C/svg%253E%27 result=%27map%27/%3E%3CfeDisplacementMap in=%27SourceGraphic%27 in2=%27map%27 scale=%2728%27 xChannelSelector=%27R%27 yChannelSelector=%27G%27 result=%27disp%27/%3E%3CfeImage href=%27data:image/svg+xml,%253Csvg xmlns=%2522http://www.w3.org/2000/svg%2522 width=%2522100%2522 height=%2522100%2522%253E%253CradialGradient id=%2522s%2522 cx=%252230%2525%2522 cy=%252225%2525%2522 r=%252260%2525%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgba(255,255,255,0.5)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgba(255,255,255,0)%2522/%253E%253C/radialGradient%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523s)%2522/%253E%253C/svg%253E%27 result=%27spec%27/%3E%3CfeBlend in=%27disp%27 in2=%27spec%27 mode=%27screen%27/%3E%3C/filter%3E%3C/svg%3E%23glass-refract"); } @supports (backdrop-filter: url("#glass-refract")) { .glass-material.glass-lens, .glass-lens { -webkit-backdrop-filter: var(--glass-blur-resting) var(--glass-refract-filter); backdrop-filter: var(--glass-blur-resting) var(--glass-refract-filter); } } }
+@layer components { .glass-lens { --glass-refract-filter: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27glass-refract%27 x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27%3E%3CfeImage href=%27data:image/svg+xml,%253Csvg xmlns=%2522http://www.w3.org/2000/svg%2522 width=%2522100%2522 height=%2522100%2522%253E%253ClinearGradient id=%2522hx%2522 x1=%25220%2522 y1=%25220%2522 x2=%2522100%2525%2522 y2=%25220%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgb(255,0,0)%2522/%253E%253Cstop offset=%252214%2525%2522 stop-color=%2522rgb(128,0,0)%2522/%253E%253Cstop offset=%252286%2525%2522 stop-color=%2522rgb(128,0,0)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgb(0,0,0)%2522/%253E%253C/linearGradient%253E%253ClinearGradient id=%2522vy%2522 x1=%25220%2522 y1=%25220%2522 x2=%25220%2522 y2=%2522100%2525%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgb(0,255,0)%2522/%253E%253Cstop offset=%252214%2525%2522 stop-color=%2522rgb(0,128,0)%2522/%253E%253Cstop offset=%252286%2525%2522 stop-color=%2522rgb(0,128,0)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgb(0,0,0)%2522/%253E%253C/linearGradient%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522black%2522/%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523hx)%2522/%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523vy)%2522 style=%2522mix-blend-mode:screen%2522/%253E%253C/svg%253E%27 result=%27map%27/%3E%3CfeDisplacementMap in=%27SourceGraphic%27 in2=%27map%27 scale=%2728%27 xChannelSelector=%27R%27 yChannelSelector=%27G%27 result=%27disp%27/%3E%3CfeImage href=%27data:image/svg+xml,%253Csvg xmlns=%2522http://www.w3.org/2000/svg%2522 width=%2522100%2522 height=%2522100%2522%253E%253CradialGradient id=%2522s%2522 cx=%252230%2525%2522 cy=%252225%2525%2522 r=%252260%2525%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgba(255,255,255,0.5)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgba(255,255,255,0)%2522/%253E%253C/radialGradient%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523s)%2522/%253E%253C/svg%253E%27 result=%27spec%27/%3E%3CfeBlend in=%27disp%27 in2=%27spec%27 mode=%27screen%27/%3E%3C/filter%3E%3C/svg%3E%23glass-refract"); } @supports (backdrop-filter: url("#glass-refract")) { .glass-material.glass-lens, .glass-lens { -webkit-backdrop-filter: var( --glass-cell-backdrop-filter, var(--glass-blur-resting) var(--glass-refract-filter) ); backdrop-filter: var( --glass-cell-backdrop-filter, var(--glass-blur-resting) var(--glass-refract-filter) ); } } }

package/dist/styles/glass.css

@@ -1 +1 @@
-@import "./glass/material.css"; @import "./glass/ladder.css"; @import "./glass/ladder-undershadow.css"; @import "./glass/grain-overlay.css"; @import "./glass/accent-tone.css"; @import "./glass/rim.css"; @import "./glass/surfaces.css"; @import "./glass/surfaces-pager.css"; @import "./glass/control-surfaces.css"; @import "./glass/glass-capsule.css"; @import "./glass/liquid-fill.css"; @import "./glass/surface-axis.css"; @import "./glass/reveal.css"; @import "./glass/liquid-enter.css"; @import "./glass/deep.css"; @import "./glass/defined.css"; @import "./glass/progress-rail.css"; @import "./glass/squircle.css"; @import "./glass/a11y-fallback.css";
+@import "./glass/material.css"; @import "./glass/ladder.css"; @import "./glass/ladder-undershadow.css"; @import "./glass/grain-overlay.css"; @import "./glass/accent-tone.css"; @import "./glass/rim.css"; @import "./glass/surfaces.css"; @import "./glass/surfaces-pager.css"; @import "./glass/control-surfaces.css"; @import "./glass/glass-capsule.css"; @import "./glass/liquid-fill.css"; @import "./glass/surface-axis.css"; @import "./glass/material-roles.css"; @import "./glass/reveal.css"; @import "./glass/liquid-enter.css"; @import "./glass/deep.css"; @import "./glass/defined.css"; @import "./glass/squircle.css";

package/dist/styles/index.css

@@ -1 +1 @@
-@import "./tokens.css"; @import "./typography.css"; @import "./theme.css"; @import "./glass.css"; @import "./glass-specular-track.css"; @import "./glass-refract.css"; @import "./paper.css"; @import "./dock.css"; @import "./dock-controls.css"; @import "./cards.css"; @import "./feedback-tone.css"; @import "./transitions.css"; @import "./animations.css"; @import "./viz-reveal.css"; @import "./scroll-driven.css"; @import "./scroll-choreography.css"; @import "./card-scroll.css"; @import "./scroll-chrome.css"; @import "./view-transition.css"; @import "./utilities.css"; @import "./menu.css"; @import "./configurator.css"; @import "./instrument-chassis.css"; @import "./drawer.css"; @import "./segmented-tabs.css"; @import "./tabs/segmented-tabs-drag.css"; @import "./select.css"; @import "./dialog-placement.css"; @import "./icon-chip.css"; @import "./scroll-progress-rim.css"; @import "./completion-seal.css"; @import "./draw-in.css"; @import "../glass-ui.css"; @import "./components.css" layer(components); @source "../*.js";
+@layer theme, base, components, utilities; @import "./tokens.css"; @import "./typography.css"; @import "./theme.css"; @import "./glass.css"; @import "./glass-specular-track.css"; @import "./glass-refract.css"; @import "./paper.css"; @import "../components/dark-mode-toggle/dark-mode-toggle.css"; @import "../components/header-ribbon/styles.css"; @import "../components/dock/styles/index.css"; @import "../components/dock/styles/controls.css"; @import "../components/card/styles.css"; @import "../components/_shared/feedback-tone.css"; @import "./transitions.css"; @import "./animations.css"; @import "./viz-reveal.css"; @import "./scroll-driven.css"; @import "./scroll-choreography.css"; @import "../components/card/card-scroll.css"; @import "./scroll-chrome.css"; @import "./view-transition.css"; @import "./utilities.css"; @import "../components/_shared/menu.css"; @import "../components/button/styles.css"; @import "../components/configurator/styles.css"; @import "../components/instrument-chassis/styles.css"; @import "../components/drawer/styles.css"; @import "../components/tabs/styles/segmented.css"; @import "../components/tabs/styles/drag.css"; @import "../components/_shared/field-surfaces.css"; @import "../components/dialog/placement.css"; @import "../components/metric/styles.css"; @import "../components/scroll-progress-rim/styles.css"; @import "../components/completion-seal/styles.css"; @import "./draw-in.css"; @import "../glass-ui.css"; @import "./components.css" layer(components); @import "./accessibility.css"; @source "../*.js";

package/dist/styles/paper.css

@@ -1 +1 @@
-:root { --paper-grain-tooth: repeating-linear-gradient( 28deg, oklch(0.9 0.045 84 / 0.5) 0, oklch(0.62 0.052 60 / 0.5) 1.4px, oklch(0.9 0.045 84 / 0.5) 2.8px ), repeating-linear-gradient( -64deg, oklch(0.88 0.04 82 / 0.38) 0, oklch(0.6 0.05 58 / 0.38) 1.75px, oklch(0.88 0.04 82 / 0.38) 3.5px ), repeating-linear-gradient( 10deg, oklch(0.85 0.05 78 / 0.28) 0, oklch(0.7 0.055 66 / 0.28) 3.5px, oklch(0.85 0.05 78 / 0.28) 7px ); --paper-grain-tile: 140px; --paper-grain-relief: none; } @supports (backdrop-filter: blur(1px)) { :root { --paper-grain-relief: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='r' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='0.31 0.96'/%3E%3CfeFuncG type='table' tableValues='0.25 0.9'/%3E%3CfeFuncB type='table' tableValues='0.15 0.78'/%3E%3CfeFuncA type='linear' slope='0.42' intercept='0.12'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E"); } } @utility paper-underpaint { position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: var(--paper-grain-relief), var(--paper-grain-tooth); background-repeat: repeat; background-size: var(--paper-grain-tile) var(--paper-grain-tile); opacity: var(--paper-grain-opacity, var(--glass-grain-opacity)); mix-blend-mode: multiply; } :where(.dark) .paper-underpaint, .dark .paper-underpaint { mix-blend-mode: screen; } @utility paper-grain-overlay { position: relative; isolation: isolate; &::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background-image: var(--paper-grain-relief), var(--paper-grain-tooth); background-repeat: repeat; background-size: var(--paper-grain-tile) var(--paper-grain-tile); opacity: var(--paper-grain-opacity, var(--glass-grain-opacity)); mix-blend-mode: multiply; } } :where(.dark) .paper-grain-overlay::after, .dark .paper-grain-overlay::after { mix-blend-mode: screen; } @media (prefers-reduced-transparency: reduce) { .paper-underpaint, .paper-grain-overlay::after { opacity: 0; } } @media (prefers-reduced-motion: reduce) { .paper-underpaint { animation: none !important; } }
+:root { --paper-grain-tooth: repeating-linear-gradient( 28deg, oklch(0.9 0.045 84 / 0.5) 0, oklch(0.62 0.052 60 / 0.5) 1.4px, oklch(0.9 0.045 84 / 0.5) 2.8px ), repeating-linear-gradient( -64deg, oklch(0.88 0.04 82 / 0.38) 0, oklch(0.6 0.05 58 / 0.38) 1.75px, oklch(0.88 0.04 82 / 0.38) 3.5px ), repeating-linear-gradient( 10deg, oklch(0.85 0.05 78 / 0.28) 0, oklch(0.7 0.055 66 / 0.28) 3.5px, oklch(0.85 0.05 78 / 0.28) 7px ); --paper-grain-tile: 140px; --paper-grain-relief: none; } @supports (backdrop-filter: blur(1px)) { :root { --paper-grain-relief: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='r' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='0.31 0.96'/%3E%3CfeFuncG type='table' tableValues='0.25 0.9'/%3E%3CfeFuncB type='table' tableValues='0.15 0.78'/%3E%3CfeFuncA type='linear' slope='0.42' intercept='0.12'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E"); } } @utility paper-underpaint { position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: var(--paper-grain-relief), var(--paper-grain-tooth); background-repeat: repeat; background-size: var(--paper-grain-tile) var(--paper-grain-tile); opacity: var(--paper-grain-opacity, var(--glass-grain-opacity)); mix-blend-mode: multiply; } :where(.dark) .paper-underpaint, .dark .paper-underpaint { mix-blend-mode: screen; } @utility paper-grain-overlay { position: relative; isolation: isolate; &::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background-image: var(--paper-grain-relief), var(--paper-grain-tooth); background-repeat: repeat; background-size: var(--paper-grain-tile) var(--paper-grain-tile); opacity: var(--paper-grain-opacity, var(--glass-grain-opacity)); mix-blend-mode: multiply; } } :where(.dark) .paper-grain-overlay::after, .dark .paper-grain-overlay::after { mix-blend-mode: screen; } @media (prefers-reduced-transparency: reduce) { .paper-underpaint, .paper-grain-overlay::after { opacity: 0; } } @media (prefers-reduced-motion: reduce) { .paper-underpaint { animation: none !important; } } @media print { .paper-underpaint, .paper-grain-overlay::after { display: none; } }

package/dist/styles/scroll-driven.css

@@ -1 +1 @@
-.scroll-progress { transform-origin: 0 50%; transform: scaleX(0); } @media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: scroll()) { @keyframes gl-scroll-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } } .scroll-progress { animation: gl-scroll-grow auto linear; animation-timeline: var(--scroll-progress-timeline, scroll(nearest block)); } } } @media (prefers-reduced-motion: no-preference) { @supports ((animation-timeline: view()) and (animation-range: entry)) { @keyframes gl-reveal-in { from { opacity: 0; transform: translateY(var(--scroll-reveal-rise, 6px)); } } [data-scroll-reveal] > * { animation: gl-reveal-in auto linear both; animation-timeline: view(block); animation-range: entry 0% entry var(--scroll-reveal-range-end, 60%); } [data-scroll-reveal].scroll-reveal--inline > * { animation-timeline: view(inline); } } } @media (prefers-reduced-motion: no-preference) { @keyframes gl-reveal-once { from { opacity: 0; transform: translateY(var(--scroll-reveal-rise, 6px)); } to { opacity: 1; transform: none; } } [data-scroll-reveal-once] > * { opacity: 0; } [data-scroll-reveal-once] > *[data-revealed] { animation: gl-reveal-once var(--spring-gentle-duration) linear both; } }
+.scroll-progress { transform-origin: 0 50%; transform: scaleX(0); } @media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: scroll()) { @keyframes gl-scroll-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } } .scroll-progress { animation: gl-scroll-grow auto linear; animation-timeline: var(--scroll-progress-timeline, scroll(nearest block)); } } } @media (prefers-reduced-motion: no-preference) { @supports ((animation-timeline: view()) and (animation-range: entry)) { @keyframes gl-reveal-in { from { opacity: 0; transform: translateY(var(--scroll-reveal-rise, 6px)); } } [data-scroll-reveal] > * { animation: gl-reveal-in auto linear both; animation-timeline: view(block); animation-range: entry 0% entry var(--scroll-reveal-range-end, 60%); } [data-scroll-reveal].scroll-reveal--inline > * { animation-timeline: view(inline); } } }

package/dist/styles/theme/bridges.css

@@ -1 +1 @@
-@theme inline { --text-admin-label: var(--type-admin-label); --text-micro: var(--type-micro); --text-caption: var(--type-caption); --text-small: var(--type-small); --text-body: var(--type-body); --text-prose: var(--type-prose); --text-subheading: var(--type-subheading); --text-heading: var(--type-heading); --text-title: var(--type-title); --text-dropdown: var(--dropdown-text); --text-dropdown-secondary: var(--dropdown-text-secondary); --text-display: var(--type-display-1); --text-display-1: var(--type-display-1); --text-display-2: var(--type-display-2); --text-display-3: var(--type-display-3); --text-display-4: var(--type-display-4); --text-display-5: var(--type-display-5); --leading-micro: var(--type-leading-micro); --leading-caption: var(--type-leading-caption); --leading-small: var(--type-leading-small); --leading-body: var(--type-leading-body); --leading-prose: var(--type-leading-prose); --leading-heading: var(--type-leading-heading); --leading-display: var(--type-leading-display); --tracking-tight: var(--type-tracking-tight); --tracking-display: var(--type-tracking-display); --tracking-snug: var(--type-tracking-snug); --tracking-normal: var(--type-tracking-normal); --tracking-wide: var(--type-tracking-wide); --tracking-wider: var(--type-tracking-wider); --tracking-caps: var(--type-tracking-caps); --font-text: var(--font-stack-text); --font-display: var(--font-stack-display); --font-serif: var(--font-stack-text); --font-sans: var(--font-stack-sans); --font-mono: var(--font-stack-mono); --color-border: var(--border); --color-border-soft: var(--border-soft); --color-input: var(--input); --color-background: var(--background); --color-foreground: var(--foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-muted-foreground-strong: var(--muted-foreground-strong); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-surface-public-data-panel: var(--surface-public-data-panel); --color-shadow: var(--shadow); --color-success-foreground: var(--success-foreground); --color-warning-foreground: var(--warning-foreground); --color-info-foreground: var(--info-foreground); --color-muted-soft: var(--muted-soft); --color-muted-medium: var(--muted-medium); --color-glass-quiet: var(--glass-bg-quiet); --color-glass-border-quiet: var(--glass-border-quiet); --color-surface-tint-4: var(--surface-tint-4); --color-surface-tint-6: var(--surface-tint-6); --color-surface-tint-8: var(--surface-tint-8); --color-surface-tint-10: var(--surface-tint-10); --color-surface-tint-12: var(--surface-tint-12); --color-surface-tint-15: var(--surface-tint-15); --color-surface-tint-18: var(--surface-tint-18); --color-surface-tint-22: var(--surface-tint-22); --color-surface-tint-25: var(--surface-tint-25); --color-surface-tint-35: var(--surface-tint-35); --color-surface-tint-40: var(--surface-tint-40); --color-surface-tint-70: var(--surface-tint-70); --color-surface-tint-quiet: var(--surface-tint-6); --color-surface-tint-floating: var(--surface-tint-12); --color-surface-tint-modal: var(--surface-tint-18); --color-overlay-scrim: var(--overlay-scrim); --color-overlay-scrim-strong: var(--overlay-scrim-strong); --color-overlay-scrim-subtle: var(--overlay-scrim-subtle); --color-section-0: var(--section-color-0); --color-section-1: var(--section-color-1); --color-section-2: var(--section-color-2); --color-section-3: var(--section-color-3); --color-section-4: var(--section-color-4); --color-section-5: var(--section-color-5); --color-section-6: var(--section-color-6); --color-section-7: var(--section-color-7); --color-section-8: var(--section-color-8); --color-section-9: var(--section-color-9); --color-section-10: var(--section-color-10); --color-section-11: var(--section-color-11); --color-section-12: var(--section-color-12); --color-section-heading: var(--section-heading); --color-accent-pink: var(--accent-pink); --color-accent-red: var(--accent-red); --color-viz-fourier: var(--viz-fourier); --color-viz-chebyshev: var(--viz-chebyshev); --color-viz-legendre: var(--viz-legendre); --color-viz-amber: var(--viz-amber); --color-viz-green: var(--viz-green); --color-tier-featured: var(--tier-featured); --color-tier-saved: var(--tier-saved); --color-like: var(--like); --color-success: var(--success); --color-warning: var(--warning); --color-info: var(--info); --color-delete: var(--delete); --color-gold: var(--gold); --color-gold-light: var(--gold-light); --color-gold-dark: var(--gold-dark); --color-gold-deep: var(--gold-deep); --color-silver: var(--silver); --color-silver-light: var(--silver-light); --color-silver-dark: var(--silver-dark); --color-silver-deep: var(--silver-deep); --color-bronze: var(--bronze); --color-bronze-light: var(--bronze-light); --color-bronze-dark: var(--bronze-dark); --color-bronze-deep: var(--bronze-deep); --color-rainbow-red: var(--rainbow-red); --color-rainbow-orange: var(--rainbow-orange); --color-rainbow-yellow: var(--rainbow-yellow); --color-rainbow-green: var(--rainbow-green); --color-rainbow-blue: var(--rainbow-blue); --color-rainbow-indigo: var(--rainbow-indigo); --color-rainbow-violet: var(--rainbow-violet); --z-index-behind: var(--z-behind); --z-index-background: var(--z-background); --z-index-content: var(--z-content); --z-index-controls: var(--z-controls); --z-index-bar: var(--z-bar); --z-index-header: var(--z-header); --z-index-dock: var(--z-dock); --z-index-panel: var(--z-panel); --z-index-overlay: var(--z-overlay); --z-index-hovercard: var(--z-hovercard); --z-index-tooltip: var(--z-tooltip); --z-index-popover: var(--z-popover); --z-index-modal: var(--z-modal); --z-index-fullscreen: var(--z-fullscreen); --z-index-toast: var(--z-toast); --z-index-toggle: var(--z-toggle); --z-index-max: var(--z-max); --height-chart-compact: var(--chart-height-compact); --height-chart-default: var(--chart-height-default); --height-chart-large: var(--chart-height-large); --min-width-input-sm: var(--input-min-width-sm); --spacing-chart-margin: var(--chart-margin); --width-popover: var(--popover-width); --spacing-phi-5: var(--space-phi-5); --spacing-phi-6: var(--space-phi-6); --spacing-icon-xs: var(--icon-xs); --spacing-icon-sm: var(--icon-sm); --spacing-icon-md: var(--icon-md); --spacing-icon-lg: var(--icon-lg); --spacing-icon-xl: var(--icon-xl); --spacing-icon-2xl: var(--icon-2xl); --spacing-icon-3xl: var(--icon-3xl); --spacing-icon-hero: var(--icon-hero); --shadow-cartoon: var(--cartoon-shadow); --shadow-cartoon-hover: var(--cartoon-shadow-hover); --shadow-soft: var(--soft-shadow); --shadow-elevated: var(--elevated-shadow); --shadow-modal: var(--modal-shadow); --shadow-card: var(--card-shadow); --shadow-dock: var(--dock-shadow); --shadow-dock-collapsed: var(--dock-shadow-collapsed); --shadow-glass-wash: var(--glass-shadow-wash); --shadow-glass-quiet: var(--glass-shadow-quiet); --shadow-glass-resting: var(--glass-shadow-resting); --shadow-glass-floating: var(--glass-shadow-floating); --shadow-glass-overlay: var(--glass-shadow-overlay); --shadow-cartoon-sm: var(--cartoon-shadow-sm); --shadow-cartoon-md: var(--cartoon-shadow-md); --shadow-cartoon-lg: var(--cartoon-shadow-lg); --shadow-focus-ring: var(--focus-ring-shadow); --blur-glass-wash: var(--glass-blur-wash-radius); --blur-glass-quiet: var(--glass-blur-quiet-radius); --blur-glass-resting: var(--glass-blur-resting-radius); --blur-glass-floating: var(--glass-blur-floating-radius); --blur-glass-overlay: var(--glass-blur-overlay-radius); --ease-spring-smooth: var(--spring-smooth); --ease-spring-snappy: var(--spring-snappy); --ease-spring-bouncy: var(--spring-bouncy); --ease-spring-gentle: var(--spring-gentle); --ease-spring-press: var(--spring-press); --ease-spring-deck: var(--spring-deck); --ease-standard: var(--motion-ease-standard); --ease-out: var(--motion-ease-out); --ease-in: var(--motion-ease-in); --ease-out-expo: var(--motion-ease-out-expo); --ease-apple: var(--motion-ease-apple); --ease-spring: var(--spring-snappy); --ease-decelerate: var(--motion-ease-out); --ease-accelerate: var(--motion-ease-in); --transition-duration-instant: var(--duration-instant); --transition-duration-fast: var(--duration-fast); --transition-duration-normal: var(--duration-normal); --transition-duration-slow: var(--duration-slow); --transition-duration-panel: var(--duration-panel); --transition-duration-xl: var(--duration-xl); --transition-duration-xxl: var(--duration-xxl); --transition-duration-control: var(--duration-control); }
+@theme inline { --text-admin-label: var(--type-admin-label); --text-micro: var(--type-micro); --text-caption: var(--type-caption); --text-small: var(--type-small); --text-body: var(--type-body); --text-prose: var(--type-prose); --text-subheading: var(--type-subheading); --text-heading: var(--type-heading); --text-title: var(--type-title); --text-dropdown: var(--dropdown-text); --text-dropdown-secondary: var(--dropdown-text-secondary); --text-display: var(--type-display-1); --text-display-1: var(--type-display-1); --text-display-2: var(--type-display-2); --text-display-3: var(--type-display-3); --text-display-4: var(--type-display-4); --text-display-5: var(--type-display-5); --leading-micro: var(--type-leading-micro); --leading-caption: var(--type-leading-caption); --leading-small: var(--type-leading-small); --leading-body: var(--type-leading-body); --leading-prose: var(--type-leading-prose); --leading-heading: var(--type-leading-heading); --leading-display: var(--type-leading-display); --tracking-tight: var(--type-tracking-tight); --tracking-display: var(--type-tracking-display); --tracking-snug: var(--type-tracking-snug); --tracking-normal: var(--type-tracking-normal); --tracking-wide: var(--type-tracking-wide); --tracking-wider: var(--type-tracking-wider); --tracking-caps: var(--type-tracking-caps); --font-text: var(--font-stack-text); --font-display: var(--font-stack-display); --font-serif: var(--font-stack-text); --font-sans: var(--font-stack-sans); --font-mono: var(--font-stack-mono); --color-border: var(--border); --color-border-soft: var(--border-soft); --color-input: var(--input); --color-background: var(--background); --color-foreground: var(--foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-muted-foreground-strong: var(--muted-foreground-strong); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-surface-public-data-panel: var(--surface-public-data-panel); --color-shadow: var(--shadow); --color-success-foreground: var(--success-foreground); --color-warning-foreground: var(--warning-foreground); --color-info-foreground: var(--info-foreground); --color-muted-soft: var(--muted-soft); --color-muted-medium: var(--muted-medium); --color-glass-quiet: var(--glass-bg-quiet); --color-glass-border-quiet: var(--glass-border-quiet); --color-surface-tint-4: var(--surface-tint-4); --color-surface-tint-6: var(--surface-tint-6); --color-surface-tint-8: var(--surface-tint-8); --color-surface-tint-10: var(--surface-tint-10); --color-surface-tint-12: var(--surface-tint-12); --color-surface-tint-15: var(--surface-tint-15); --color-surface-tint-18: var(--surface-tint-18); --color-surface-tint-22: var(--surface-tint-22); --color-surface-tint-25: var(--surface-tint-25); --color-surface-tint-35: var(--surface-tint-35); --color-surface-tint-40: var(--surface-tint-40); --color-surface-tint-70: var(--surface-tint-70); --color-surface-tint-quiet: var(--surface-tint-6); --color-surface-tint-floating: var(--surface-tint-12); --color-surface-tint-modal: var(--surface-tint-18); --color-overlay-scrim: var(--overlay-scrim); --color-overlay-scrim-strong: var(--overlay-scrim-strong); --color-overlay-scrim-subtle: var(--overlay-scrim-subtle); --color-section-0: var(--section-color-0); --color-section-1: var(--section-color-1); --color-section-2: var(--section-color-2); --color-section-3: var(--section-color-3); --color-section-4: var(--section-color-4); --color-section-5: var(--section-color-5); --color-section-6: var(--section-color-6); --color-section-7: var(--section-color-7); --color-section-8: var(--section-color-8); --color-section-9: var(--section-color-9); --color-section-10: var(--section-color-10); --color-section-11: var(--section-color-11); --color-section-12: var(--section-color-12); --color-section-heading: var(--section-heading); --color-accent-pink: var(--accent-pink); --color-accent-red: var(--accent-red); --color-viz-fourier: var(--viz-fourier); --color-viz-chebyshev: var(--viz-chebyshev); --color-viz-legendre: var(--viz-legendre); --color-viz-amber: var(--viz-amber); --color-viz-green: var(--viz-green); --color-tier-featured: var(--tier-featured); --color-tier-saved: var(--tier-saved); --color-like: var(--like); --color-success: var(--success); --color-warning: var(--warning); --color-info: var(--info); --color-delete: var(--delete); --color-gold: var(--gold); --color-gold-light: var(--gold-light); --color-gold-dark: var(--gold-dark); --color-gold-deep: var(--gold-deep); --color-silver: var(--silver); --color-silver-light: var(--silver-light); --color-silver-dark: var(--silver-dark); --color-silver-deep: var(--silver-deep); --color-bronze: var(--bronze); --color-bronze-light: var(--bronze-light); --color-bronze-dark: var(--bronze-dark); --color-bronze-deep: var(--bronze-deep); --color-rainbow-red: var(--rainbow-red); --color-rainbow-orange: var(--rainbow-orange); --color-rainbow-yellow: var(--rainbow-yellow); --color-rainbow-green: var(--rainbow-green); --color-rainbow-blue: var(--rainbow-blue); --color-rainbow-indigo: var(--rainbow-indigo); --color-rainbow-violet: var(--rainbow-violet); --z-index-behind: var(--z-behind); --z-index-background: var(--z-background); --z-index-content: var(--z-content); --z-index-controls: var(--z-controls); --z-index-bar: var(--z-bar); --z-index-header: var(--z-header); --z-index-dock: var(--z-dock); --z-index-panel: var(--z-panel); --z-index-overlay: var(--z-overlay); --z-index-hovercard: var(--z-hovercard); --z-index-tooltip: var(--z-tooltip); --z-index-popover: var(--z-popover); --z-index-modal: var(--z-modal); --z-index-fullscreen: var(--z-fullscreen); --z-index-toast: var(--z-toast); --z-index-toggle: var(--z-toggle); --z-index-max: var(--z-max); --height-chart-compact: var(--chart-height-compact); --height-chart-default: var(--chart-height-default); --height-chart-large: var(--chart-height-large); --min-width-input-sm: var(--input-min-width-sm); --spacing-chart-margin: var(--chart-margin); --width-popover: var(--popover-width); --spacing-phi-5: var(--space-phi-5); --spacing-phi-6: var(--space-phi-6); --spacing-icon-xs: var(--icon-xs); --spacing-icon-sm: var(--icon-sm); --spacing-icon-md: var(--icon-md); --spacing-icon-lg: var(--icon-lg); --spacing-icon-xl: var(--icon-xl); --spacing-icon-2xl: var(--icon-2xl); --spacing-icon-3xl: var(--icon-3xl); --spacing-icon-hero: var(--icon-hero); --shadow-glass-wash: var(--glass-shadow-wash); --shadow-glass-quiet: var(--glass-shadow-quiet); --shadow-glass-resting: var(--glass-shadow-resting); --shadow-glass-floating: var(--glass-shadow-floating); --shadow-glass-overlay: var(--glass-shadow-overlay); --shadow-focus-ring: var(--focus-ring-shadow); --blur-glass-wash: var(--glass-blur-wash-radius); --blur-glass-quiet: var(--glass-blur-quiet-radius); --blur-glass-resting: var(--glass-blur-resting-radius); --blur-glass-floating: var(--glass-blur-floating-radius); --blur-glass-overlay: var(--glass-blur-overlay-radius); --ease-spring-smooth: var(--spring-smooth); --ease-spring-snappy: var(--spring-snappy); --ease-spring-bouncy: var(--spring-bouncy); --ease-spring-gentle: var(--spring-gentle); --ease-spring-press: var(--spring-press); --ease-standard: var(--motion-ease-standard); --ease-out: var(--motion-ease-out); --ease-in: var(--motion-ease-in); --ease-out-expo: var(--motion-ease-out-expo); --ease-apple: var(--motion-ease-apple); --ease-spring: var(--spring-snappy); --ease-decelerate: var(--motion-ease-out); --ease-accelerate: var(--motion-ease-in); --transition-duration-instant: var(--duration-instant); --transition-duration-fast: var(--duration-fast); --transition-duration-normal: var(--duration-normal); --transition-duration-slow: var(--duration-slow); --transition-duration-panel: var(--duration-panel); --transition-duration-xl: var(--duration-xl); --transition-duration-xxl: var(--duration-xxl); --transition-duration-control: var(--duration-control); }

package/dist/styles/theme/radius.css

@@ -1 +1 @@
-@theme { --radius: 0.625rem; --radius-xs: 4px; --radius-sm: 4px; --radius-md: 6px; --radius-xl: 12px; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-pill: 9999px; --radius-lg: var(--radius); --radius-card: var(--radius-2xl); --radius-panel: var(--radius-xl); --radius-dialog: var(--radius-2xl); --radius-input: var(--radius); --radius-button: var(--radius); --radius-field: var(--radius-2xl); --radius-strip: 0.75rem; --radius-control: var(--radius-pill); --radius-badge: var(--radius-pill); --radius-dock: var(--radius-pill); --radius-tab: var(--radius-pill); --radius-dock-card: var(--radius-3xl); --radius-tooltip: var(--radius-lg); --radius-floor: var(--radius-xs); --radius-ctx: var(--radius-card); --radius-inset: 0px; --corner-k-squircle: 2; --corner-k-soft: 1.7; --corner-k-sharp: 2.4; --corner-shape-bigdock: superellipse(var(--corner-k-squircle)); --corner-shape-dialog: superellipse(var(--corner-k-squircle)); --corner-shape-sheet: superellipse(var(--corner-k-squircle)); --corner-shape-panel: superellipse(var(--corner-k-squircle)); --corner-shape-thumb: superellipse(var(--corner-k-squircle)); }
+@theme { --radius: 0.625rem; --radius-xs: 4px; --radius-sm: 4px; --radius-md: 6px; --radius-xl: 12px; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-pill: 9999px; --radius-lg: var(--radius); --radius-card: var(--radius-2xl); --radius-panel: var(--radius-xl); --radius-dialog: var(--radius-card); --radius-input: var(--radius); --radius-button: var(--radius); --radius-field: var(--radius-2xl); --radius-strip: 0.75rem; --radius-control: var(--radius-pill); --radius-badge: var(--radius-pill); --radius-dock: var(--radius-pill); --radius-tab: var(--radius-pill); --radius-dock-card: var(--radius-3xl); --radius-tooltip: var(--radius-lg); --radius-floor: var(--radius-xs); --radius-ctx: var(--radius-card); --radius-inset: 0px; --corner-k-squircle: 2; --corner-k-soft: 1.7; --corner-k-sharp: 2.4; --corner-shape-bigdock: superellipse(var(--corner-k-squircle)); --corner-shape-sheet: superellipse(var(--corner-k-squircle)); --corner-shape-panel: superellipse(var(--corner-k-squircle)); --corner-shape-thumb: superellipse(var(--corner-k-squircle)); }

package/dist/styles/tokens/color-radius.css

@@ -1 +1 @@
-:root { --neutral-0: hsl(40 30% 98%); --neutral-1: hsl(38 26% 95%); --neutral-2: hsl(34 28% 90%); --neutral-3: hsl(33 30% 82%); --neutral-4: hsl(32 26% 70%); --neutral-5: hsl(30 22% 40%); --neutral-6: hsl(28 24% 30%); --background: var(--neutral-0); --foreground: hsl(24 10% 10%); --card: hsl(30 85% 96%); --card-foreground: var(--foreground); --popover: var(--card); --popover-foreground: var(--foreground); --surface-public-data-panel: hsl(44 16% 96%); --muted: var(--neutral-1); --muted-foreground: var(--neutral-5); --muted-foreground-strong: var(--neutral-6); --secondary: var(--neutral-2); --secondary-foreground: var(--foreground); --accent: var(--neutral-3); --accent-foreground: var(--foreground); --border: var(--neutral-4); --input: var(--neutral-4); --primary: hsl(24 10% 10%); --primary-foreground: var(--neutral-0); --destructive: hsl(0 72% 50%); --destructive-foreground: var(--neutral-0); --focus-ring-color: hsl(24 10% 10%); --shadow: hsl(24 10% 10%); --shadow-color: var(--foreground); --accent-ai-ink: oklch(0.55 0.13 75); --accent-color: var(--primary); --border-soft: color-mix(in srgb, var(--border) 45%, transparent); --separator-ink: color-mix(in srgb, var(--foreground) 22%, transparent); --scrollbar-thumb: color-mix(in srgb, var(--muted-foreground) 25%, transparent); --scrollbar-track: transparent; --surface-tint-4: color-mix(in srgb, var(--foreground) 4%, transparent); --surface-tint-6: color-mix(in srgb, var(--foreground) 6%, transparent); --surface-tint-8: color-mix(in srgb, var(--foreground) 8%, transparent); --surface-tint-10: color-mix(in srgb, var(--foreground) 10%, transparent); --surface-tint-12: color-mix(in srgb, var(--foreground) 12%, transparent); --surface-tint-15: color-mix(in srgb, var(--foreground) 15%, transparent); --surface-tint-18: color-mix(in srgb, var(--foreground) 18%, transparent); --surface-tint-22: color-mix(in srgb, var(--foreground) 22%, transparent); --surface-tint-25: color-mix(in srgb, var(--foreground) 25%, transparent); --surface-tint-35: color-mix(in srgb, var(--foreground) 35%, transparent); --surface-tint-40: color-mix(in srgb, var(--foreground) 40%, transparent); --surface-tint-70: color-mix(in srgb, var(--foreground) 70%, transparent); --muted-soft: color-mix(in srgb, var(--muted) 30%, transparent); --muted-medium: color-mix(in srgb, var(--muted) 50%, transparent); --constellation-node: hsl(36 8% 46%); --constellation-node-dim: hsl(36 8% 60%); --constellation-line: hsl(24 14% 14%); --constellation-accent: hsl(18 58% 46%); --constellation-edge-alpha: 0.22; --constellation-edge-focus-alpha: 0.34; --constellation-alpha: 0.80; --constellation-edge-floor: 0; --constellation-edge-accent-alpha: 0.30; --constellation-warp-response: 0.55; --constellation-warp-zeta: 1.0; --constellation-well-gain: 19000; --constellation-well-reach: 340; --constellation-well-ramp: 8.0; --constellation-well-max-speed: 4.0; --constellation-well-hold-ms: 140; --constellation-wander-idle: 8000; --constellation-wander-jitter: 8000; --section-color-0: oklch(0.552 0.192 359.8); --section-color-1: oklch(0.502 0.165 305.9); --section-color-2: oklch(0.484 0.163 265.5); --section-color-3: oklch(0.542 0.089 222.8); --section-color-4: oklch(0.551 0.088 171.1); --section-color-5: oklch(0.530 0.124 69.6); --section-color-6: oklch(0.579 0.201 30.4); --section-color-7: oklch(0.532 0.180 317.5); --section-color-8: oklch(0.520 0.176 8.4); --section-color-9: oklch(0.492 0.038 239.6); --section-color-10: oklch(0.556 0.103 128.8); --section-color-11: oklch(0.601 0.092 208.0); --section-color-12: oklch(0.513 0.163 291.9); --accent-pink: oklch(0.613 0.197 353.8); --section-heading: oklch(0.545 0.189 352.8); --accent-red: oklch(0.574 0.216 27.5); --viz-fourier: oklch(0.579 0.201 30.4); --viz-chebyshev: oklch(0.484 0.163 265.5); --viz-legendre: oklch(0.532 0.180 317.5); --viz-amber: var(--section-color-5); --viz-green: var(--section-color-4); --tier-featured: oklch(0.841 0.173 84.2); --tier-saved: oklch(0.676 0.176 252.3); --like: oklch(0.633 0.200 24.9); --success: oklch(0.720 0.192 149.5); --warning: oklch(0.770 0.165 70.6); --info: oklch(0.626 0.186 259.6); --delete: oklch(0.597 0.198 25.5); --success-foreground: var(--neutral-0); --warning-foreground: hsl(24 10% 10%); --info-foreground: var(--neutral-0); }
+:root { --neutral-0: hsl(40 30% 98%); --neutral-1: hsl(38 26% 95%); --neutral-2: hsl(34 28% 90%); --neutral-3: hsl(33 30% 82%); --neutral-4: hsl(32 26% 70%); --neutral-5: hsl(30 22% 40%); --neutral-6: hsl(28 24% 30%); --background: var(--neutral-0); --foreground: hsl(24 10% 10%); --card: hsl(30 85% 96%); --card-foreground: var(--foreground); --popover: var(--card); --popover-foreground: var(--foreground); --surface-public-data-panel: hsl(44 16% 96%); --muted: var(--neutral-1); --muted-foreground: var(--neutral-5); --muted-foreground-strong: var(--neutral-6); --secondary: var(--neutral-2); --secondary-foreground: var(--foreground); --accent: var(--neutral-3); --accent-foreground: var(--foreground); --border: var(--neutral-4); --input: var(--neutral-4); --primary: hsl(24 10% 10%); --primary-foreground: var(--neutral-0); --destructive: hsl(0 72% 50%); --destructive-foreground: var(--neutral-0); --focus-ring-color: hsl(24 10% 10%); --shadow: hsl(24 10% 10%); --shadow-color: var(--foreground); --accent-color: var(--primary); --border-soft: color-mix(in srgb, var(--border) 45%, transparent); --separator-ink: color-mix(in srgb, var(--foreground) 22%, transparent); --scrollbar-thumb: color-mix(in srgb, var(--muted-foreground) 25%, transparent); --scrollbar-track: transparent; --surface-tint-4: color-mix(in srgb, var(--foreground) 4%, transparent); --surface-tint-6: color-mix(in srgb, var(--foreground) 6%, transparent); --surface-tint-8: color-mix(in srgb, var(--foreground) 8%, transparent); --surface-tint-10: color-mix(in srgb, var(--foreground) 10%, transparent); --surface-tint-12: color-mix(in srgb, var(--foreground) 12%, transparent); --surface-tint-15: color-mix(in srgb, var(--foreground) 15%, transparent); --surface-tint-18: color-mix(in srgb, var(--foreground) 18%, transparent); --surface-tint-22: color-mix(in srgb, var(--foreground) 22%, transparent); --surface-tint-25: color-mix(in srgb, var(--foreground) 25%, transparent); --surface-tint-35: color-mix(in srgb, var(--foreground) 35%, transparent); --surface-tint-40: color-mix(in srgb, var(--foreground) 40%, transparent); --surface-tint-70: color-mix(in srgb, var(--foreground) 70%, transparent); --muted-soft: color-mix(in srgb, var(--muted) 30%, transparent); --muted-medium: color-mix(in srgb, var(--muted) 50%, transparent); --constellation-node: hsl(36 8% 46%); --constellation-node-dim: hsl(36 8% 60%); --constellation-line: hsl(24 14% 14%); --constellation-accent: hsl(18 58% 46%); --constellation-edge-alpha: 0.22; --constellation-edge-focus-alpha: 0.34; --constellation-alpha: 0.80; --constellation-edge-floor: 0; --constellation-edge-accent-alpha: 0.30; --constellation-warp-response: 0.55; --constellation-warp-zeta: 1.0; --constellation-well-gain: 19000; --constellation-well-reach: 340; --constellation-well-ramp: 8.0; --constellation-well-max-speed: 4.0; --constellation-well-hold-ms: 140; --constellation-wander-idle: 8000; --constellation-wander-jitter: 8000; --section-color-0: oklch(0.552 0.192 359.8); --section-color-1: oklch(0.502 0.165 305.9); --section-color-2: oklch(0.484 0.163 265.5); --section-color-3: oklch(0.542 0.089 222.8); --section-color-4: oklch(0.551 0.088 171.1); --section-color-5: oklch(0.530 0.124 69.6); --section-color-6: oklch(0.579 0.201 30.4); --section-color-7: oklch(0.532 0.180 317.5); --section-color-8: oklch(0.520 0.176 8.4); --section-color-9: oklch(0.492 0.038 239.6); --section-color-10: oklch(0.556 0.103 128.8); --section-color-11: oklch(0.601 0.092 208.0); --section-color-12: oklch(0.513 0.163 291.9); --accent-pink: oklch(0.613 0.197 353.8); --section-heading: oklch(0.545 0.189 352.8); --accent-red: oklch(0.574 0.216 27.5); --viz-fourier: oklch(0.579 0.201 30.4); --viz-chebyshev: oklch(0.484 0.163 265.5); --viz-legendre: oklch(0.532 0.180 317.5); --viz-amber: var(--section-color-5); --viz-green: var(--section-color-4); --tier-featured: oklch(0.841 0.173 84.2); --tier-saved: oklch(0.676 0.176 252.3); --like: oklch(0.633 0.200 24.9); --success: oklch(0.720 0.192 149.5); --warning: oklch(0.770 0.165 70.6); --info: oklch(0.626 0.186 259.6); --delete: oklch(0.597 0.198 25.5); --success-foreground: var(--neutral-0); --warning-foreground: hsl(24 10% 10%); --info-foreground: var(--neutral-0); }

package/dist/styles/tokens/dark-arm.css

@@ -1 +1 @@
-.dark { color-scheme: dark; accent-color: var(--accent-color); --neutral-0: hsl(24 9% 4%); --neutral-1: hsl(28 12% 11%); --neutral-2: hsl(28 14% 16%); --neutral-3: hsl(30 18% 22%); --neutral-4: hsl(30 16% 34%); --neutral-5: hsl(34 14% 62%); --neutral-6: hsl(36 14% 72%); --foreground: hsl(30 14% 90%); --card: hsl(26 22% 17%); --popover: hsl(26 22% 17%); --surface-public-data-panel: hsl(36 9% 18%); --primary: oklch(0.739 0.134 318.1); --primary-foreground: hsl(24 10% 10%); --destructive: hsl(0 80% 60%); --destructive-foreground: hsl(48 10% 90%); --focus-ring-color: hsl(48 10% 70%); --shadow: hsl(0 0% 5%); --accent-ai-ink: oklch(0.80 0.13 75); --section-color-0: oklch(0.721 0.145 354.0); --section-color-1: oklch(0.733 0.113 308.2); --section-color-2: oklch(0.718 0.107 268.4); --section-color-3: oklch(0.767 0.091 219.9); --section-color-4: oklch(0.776 0.105 172.6); --section-color-5: oklch(0.813 0.109 78.2); --section-color-6: oklch(0.693 0.151 28.1); --section-color-7: oklch(0.739 0.134 318.1); --section-color-8: oklch(0.709 0.142 2.3); --section-color-9: oklch(0.763 0.032 239.0); --section-color-10: oklch(0.794 0.116 127.9); --section-color-11: oklch(0.805 0.095 206.7); --section-color-12: oklch(0.719 0.115 295.6); --accent-pink: oklch(0.683 0.131 354.7); --section-heading: oklch(0.711 0.123 349.3); --accent-red: oklch(0.644 0.165 22.9); --viz-fourier: oklch(0.693 0.151 28.1); --viz-chebyshev: oklch(0.718 0.107 268.4); --viz-legendre: oklch(0.739 0.134 318.1); --configurator-divider: color-mix(in srgb, var(--foreground) 22%, transparent); --configurator-divider-section: color-mix(in srgb, var(--foreground) 30%, transparent); --configurator-section-tint: color-mix(in srgb, var(--foreground) 3%, transparent); --chart-ping-label: oklch(0.85 0.12 230); --chart-download-label: oklch(0.85 0.14 22); --chart-upload-label: oklch(0.85 0.12 55); --chart-jitter-label: oklch(0.85 0.14 305); --tier-featured: oklch(0.867 0.165 88.7); --tier-saved: oklch(0.748 0.135 250.1); --like: oklch(0.690 0.162 22.2); --success: oklch(0.805 0.186 151.6); --warning: oklch(0.809 0.150 76.6); --info: oklch(0.713 0.138 259.5); --delete: oklch(0.644 0.170 23.1); --success-foreground: hsl(48 10% 96%); --warning-foreground: hsl(24 10% 10%); --info-foreground: hsl(48 10% 96%); --cartoon-ink-lead: color-mix(in oklab, var(--cartoon-ink) 46%, transparent); --cartoon-ink-mid: color-mix(in oklab, var(--cartoon-ink) 38%, transparent); --cartoon-ink-contact: color-mix(in oklab, var(--cartoon-ink) 26%, transparent); --cartoon-ink-fallback: #413626; --shadow-cartoon: -3px 3px 0px 0px var(--cartoon-ink-lead); --shadow-cartoon-hover: -4px 4px 0px 0px var(--cartoon-ink-lead); --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.3); --shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.35); --shadow-modal: -4px 4px 0px 0px var(--cartoon-ink-lead), 0 24px 64px color-mix(in srgb, var(--foreground) 18%, transparent); --shadow-cartoon-color: rgb(255 255 255 / 0.07); --shadow-cartoon-color-soft: rgb(255 255 255 / 0.03); --constellation-node: hsl(42 9% 72%); --constellation-node-dim: hsl(42 8% 56%); --constellation-line: hsl(45 12% 86%); --constellation-accent: hsl(20 70% 60%); --constellation-edge-alpha: 0.20; --constellation-edge-focus-alpha: 0.32; --constellation-alpha: 0.88; --constellation-edge-floor: 0; --constellation-edge-accent-alpha: 0.34; --glass-opacity-wash: 0.38; --glass-opacity-quiet: 0.58; --glass-opacity-resting: 0.72; --glass-opacity-floating: 0.88; --glass-opacity-overlay: 0.96; --glass-opacity-chassis: 0.36; --glass-opacity-dialog: 0.76; --glass-grain-opacity: 0.045; --paper-grain-opacity: 0.16; --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.08); --glass-tint-strength-aa: 12%; --glass-tint-ink-dock: oklch(from var(--foreground) 0.90 0.045 h); --glass-tint-strength-floor: 12%; --on-glass-muted: hsl(34 16% 72%); --on-glass-muted-strong: hsl(36 13% 81%); --input-on-glass: hsl(26 12% 22%); --progress-track-on-glass: hsl(28 14% 26%); --card-field-floor-image: radial-gradient( 120% 110% at 78% 22%, oklch(0.34 0.055 66 / 0.35), oklch(0.34 0.055 66 / 0) 72% ); --card-field-floor-blend: normal; --surface-tint-4: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 4%, transparent); --surface-tint-6: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 6%, transparent); --surface-tint-8: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 8%, transparent); --surface-tint-10: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 10%, transparent); --surface-tint-12: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 12%, transparent); --surface-tint-15: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 15%, transparent); --surface-tint-18: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 18%, transparent); --surface-tint-22: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 22%, transparent); --surface-tint-25: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 25%, transparent); --surface-tint-35: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 35%, transparent); --surface-tint-40: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 40%, transparent); --surface-tint-70: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 70%, transparent); --hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.05); --hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.06); --glass-specular: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.30); --glass-edge-light: var(--glass-edge-light-dark); --glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / 0.40), inset var(--glass-key-lit-x) 0 0 hsl(0 0% 100% / 0.24); --glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb, var(--foreground) 6%, transparent), inset var(--glass-key-shade-x) 0 0 color-mix(in srgb, var(--foreground) 4%, transparent); --tab-track-recess-ink: color-mix(in srgb, var(--foreground) 11%, transparent); --glass-fringe-warm: oklch(0.78 0.07 40 / 0.18); --glass-fringe-cool: oklch(0.74 0.06 230 / 0.14); --glass-curvature-intensity: 0.012; --gold: oklch(0.784 0.143 86.0); --gold-light: oklch(0.898 0.182 97.4); --gold-dark: oklch(0.678 0.150 63.8); --silver: oklch(0.792 0.012 255); --silver-light: oklch(0.912 0.010 255); --silver-dark: oklch(0.648 0.014 255); --bronze: oklch(0.650 0.090 54.0); --bronze-light: oklch(0.790 0.110 60.0); --bronze-dark: oklch(0.560 0.085 50.0); }
+.dark { color-scheme: dark; accent-color: var(--accent-color); --neutral-0: hsl(24 9% 4%); --neutral-1: hsl(28 12% 11%); --neutral-2: hsl(28 14% 16%); --neutral-3: hsl(30 18% 22%); --neutral-4: hsl(30 16% 34%); --neutral-5: hsl(34 14% 62%); --neutral-6: hsl(36 14% 72%); --foreground: hsl(30 14% 90%); --card: hsl(26 22% 17%); --popover: hsl(26 22% 17%); --surface-public-data-panel: hsl(36 9% 18%); --primary: oklch(0.739 0.134 318.1); --primary-foreground: hsl(24 10% 10%); --destructive: hsl(0 80% 60%); --destructive-foreground: hsl(48 10% 90%); --focus-ring-color: hsl(48 10% 70%); --shadow: hsl(0 0% 5%); --section-color-0: oklch(0.721 0.145 354.0); --section-color-1: oklch(0.733 0.113 308.2); --section-color-2: oklch(0.718 0.107 268.4); --section-color-3: oklch(0.767 0.091 219.9); --section-color-4: oklch(0.776 0.105 172.6); --section-color-5: oklch(0.813 0.109 78.2); --section-color-6: oklch(0.693 0.151 28.1); --section-color-7: oklch(0.739 0.134 318.1); --section-color-8: oklch(0.709 0.142 2.3); --section-color-9: oklch(0.763 0.032 239.0); --section-color-10: oklch(0.794 0.116 127.9); --section-color-11: oklch(0.805 0.095 206.7); --section-color-12: oklch(0.719 0.115 295.6); --accent-pink: oklch(0.683 0.131 354.7); --section-heading: oklch(0.711 0.123 349.3); --accent-red: oklch(0.644 0.165 22.9); --viz-fourier: oklch(0.693 0.151 28.1); --viz-chebyshev: oklch(0.718 0.107 268.4); --viz-legendre: oklch(0.739 0.134 318.1); --configurator-divider: color-mix(in srgb, var(--foreground) 22%, transparent); --configurator-divider-section: color-mix(in srgb, var(--foreground) 30%, transparent); --configurator-section-tint: color-mix(in srgb, var(--foreground) 3%, transparent); --tier-featured: oklch(0.867 0.165 88.7); --tier-saved: oklch(0.748 0.135 250.1); --like: oklch(0.690 0.162 22.2); --success: oklch(0.805 0.186 151.6); --warning: oklch(0.809 0.150 76.6); --info: oklch(0.713 0.138 259.5); --delete: oklch(0.644 0.170 23.1); --success-foreground: hsl(48 10% 96%); --warning-foreground: hsl(24 10% 10%); --info-foreground: hsl(48 10% 96%); --cartoon-ink-lead: color-mix(in oklab, var(--cartoon-ink) 46%, transparent); --cartoon-ink-mid: color-mix(in oklab, var(--cartoon-ink) 38%, transparent); --cartoon-ink-contact: color-mix(in oklab, var(--cartoon-ink) 26%, transparent); --cartoon-ink-fallback: #413626; --shadow-cartoon: -3px 3px 0px 0px var(--cartoon-ink-lead); --shadow-cartoon-hover: -4px 4px 0px 0px var(--cartoon-ink-lead); --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.3); --shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.35); --shadow-modal: -4px 4px 0px 0px var(--cartoon-ink-lead), 0 24px 64px color-mix(in srgb, var(--foreground) 18%, transparent); --constellation-node: hsl(42 9% 72%); --constellation-node-dim: hsl(42 8% 56%); --constellation-line: hsl(45 12% 86%); --constellation-accent: hsl(20 70% 60%); --constellation-edge-alpha: 0.20; --constellation-edge-focus-alpha: 0.32; --constellation-alpha: 0.88; --constellation-edge-floor: 0; --constellation-edge-accent-alpha: 0.34; --glass-opacity-wash: 0.38; --glass-opacity-quiet: 0.58; --glass-opacity-resting: 0.72; --glass-opacity-floating: 0.88; --glass-opacity-overlay: 0.96; --glass-opacity-chassis: 0.36; --glass-opacity-dialog: 0.76; --glass-grain-opacity: 0.045; --paper-grain-opacity: 0.16; --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.08); --glass-tint-strength-aa: 12%; --glass-tint-ink-dock: oklch(from var(--foreground) 0.90 0.045 h); --glass-tint-strength-floor: 12%; --on-glass-muted: hsl(34 16% 72%); --on-glass-muted-strong: hsl(36 13% 81%); --input-on-glass: hsl(26 12% 22%); --progress-track-on-glass: hsl(28 14% 26%); --surface-tint-4: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 4%, transparent); --surface-tint-6: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 6%, transparent); --surface-tint-8: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 8%, transparent); --surface-tint-10: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 10%, transparent); --surface-tint-12: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 12%, transparent); --surface-tint-15: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 15%, transparent); --surface-tint-18: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 18%, transparent); --surface-tint-22: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 22%, transparent); --surface-tint-25: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 25%, transparent); --surface-tint-35: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 35%, transparent); --surface-tint-40: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 40%, transparent); --surface-tint-70: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 70%, transparent); --hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.05); --hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.06); --glass-specular: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.30); --glass-edge-light: var(--glass-edge-light-dark); --glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / 0.40), inset var(--glass-key-lit-x) 0 0 hsl(0 0% 100% / 0.24); --glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb, var(--foreground) 6%, transparent), inset var(--glass-key-shade-x) 0 0 color-mix(in srgb, var(--foreground) 4%, transparent); --tab-track-recess-ink: color-mix(in srgb, var(--foreground) 11%, transparent); --glass-fringe-warm: oklch(0.78 0.07 40 / 0.18); --glass-fringe-cool: oklch(0.74 0.06 230 / 0.14); --glass-curvature-intensity: 0.012; --gold: oklch(0.784 0.143 86.0); --gold-light: oklch(0.898 0.182 97.4); --gold-dark: oklch(0.678 0.150 63.8); --silver: oklch(0.792 0.012 255); --silver-light: oklch(0.912 0.010 255); --silver-dark: oklch(0.648 0.014 255); --bronze: oklch(0.650 0.090 54.0); --bronze-light: oklch(0.790 0.110 60.0); --bronze-dark: oklch(0.560 0.085 50.0); }

package/dist/styles/tokens/glass-deep.css

@@ -1 +1 @@
-:root { --glass-blur-deep-radius: 16px; --glass-saturate-deep: 1.8; --glass-saturate-deep-ceiling: 1.8; --glass-depth-content: 0.35; --glass-depth-popover: 0.7; --glass-depth-menu: 1; }
+:root { --glass-blur-deep-radius: 16px; --glass-saturate-deep: 1.8; --glass-depth-content: 0.35; --glass-depth-popover: 0.7; --glass-depth-menu: 1; }