@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/sortable-list.js

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as t } from "./createContext-BQ1Gy_LB.js";
+import { n as t } from "./createContext-FU0n5MGK.js";
 import { Fragment as n, computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, nextTick as c, onScopeDispose as l, openBlock as u, renderSlot as d, shallowRef as f, toDisplayString as p, toRef as m, unref as h, useAttrs as g } from "vue";
 //#region src/components/sortable-list/composables/dropResolver.ts
 var _ = /* @__PURE__ */ new Set();
@@ -70,45 +70,45 @@ function D(e) {
 //#endregion
 //#region src/components/sortable-list/composables/dragController.ts
 function O(e) {
-	let t = f(null), n = f(null), r = f(null), i = f(!0), a = null, o = null, s = null;
-	function c(t) {
+	let t = f(null), n = f(null), r = f(null), i = f(!0), a = null, o = null, s = null, c = null;
+	function l(t) {
 		return e.getItems().findIndex((n) => e.getId(n) === t);
 	}
-	function l(t) {
+	function u(t) {
 		let n = e.getItems().find((n) => e.getId(n) === t);
 		return n === void 0 ? String(t) : e.getLabel(n);
 	}
-	function u(n, i) {
+	function d(n, i) {
 		if (t.value !== null) return !1;
-		let u = c(n), d = e.elements.get(n);
-		return u < 0 || !(d instanceof HTMLElement) ? !1 : (t.value = n, a = i, o = {
-			index: u,
+		let c = l(n), d = e.elements.get(n);
+		return c < 0 || !(d instanceof HTMLElement) ? !1 : (t.value = n, a = i, o = {
+			index: c,
 			target: null
-		}, r.value = u, s = d, s.classList.add(T), e.announce(`Lifted ${l(n)}, position ${u + 1} of ${e.getItems().length}.`), !0);
+		}, r.value = c, s = d, s.classList.add(T), e.announce(`Lifted ${u(n)}, position ${c + 1} of ${e.getItems().length}.`), !0);
 	}
-	function d(n, i, a = !1) {
+	function p(n, i, a = !1) {
 		let s = t.value;
 		if (s === null) return;
 		o?.target && o.target !== i && o.target.setExternalDropIndex(null);
-		let c = i ? i.getItems().length + 1 : e.getItems().length, u = Math.max(0, c - 1), d = Math.min(Math.max(n, 0), u);
+		let c = i ? i.getItems().length + 1 : e.getItems().length, l = Math.max(0, c - 1), d = Math.min(Math.max(n, 0), l);
 		o = {
 			index: d,
 			target: i
-		}, i ? (i.setExternalDropIndex(d), r.value = null) : r.value = d, a && e.announce(`${l(s)}, proposed position ${d + 1} of ${c}.`);
-	}
-	function p() {
-		o?.target?.setExternalDropIndex(null), e.ghost.destroyGhost(), s?.classList.remove(T), s = null, t.value = null, n.value = null, r.value = null, a = null, o = null, document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", S), document.removeEventListener("pointercancel", C);
+		}, i ? (i.setExternalDropIndex(d), r.value = null) : r.value = d, a && e.announce(`${u(s)}, proposed position ${d + 1} of ${c}.`);
 	}
 	function m() {
+		o?.target?.setExternalDropIndex(null), e.ghost.destroyGhost(), s?.classList.remove(T), s = null, c = null, t.value = null, n.value = null, r.value = null, a = null, o = null, document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", C), document.removeEventListener("pointercancel", w);
+	}
+	function h() {
 		let n = t.value, r = o;
 		if (n === null || r === null) return;
 		let i = e.getItems(), a = i.findIndex((t) => e.getId(t) === n);
 		if (a < 0) {
-			p();
+			m();
 			return;
 		}
 		let s = i[a], c = e.getLabel(s), l = r.target, u = r.index, d = l ? l.getItems().length + 1 : i.length;
-		if (p(), l) {
+		if (m(), l) {
 			let t = i.slice();
 			t.splice(a, 1), e.onReorder(t), l.acceptExternal(u, s), e.announce(`Moved ${c} from ${e.handle.label} to ${l.label}, position ${u + 1} of ${d}.`), l.focusItem(n);
 			return;
@@ -119,70 +119,70 @@ function O(e) {
 		}
 		e.announce(`Dropped ${c}, position ${u + 1} of ${i.length}.`), e.focusItem(n);
 	}
-	function h() {
+	function g() {
 		let n = t.value;
 		if (n === null) return;
-		let r = c(n), i = l(n);
-		p(), e.announce(`Cancelled moving ${i}. Position ${r + 1} of ${e.getItems().length}.`), e.focusItem(n);
+		let r = l(n), i = u(n);
+		m(), e.announce(`Cancelled moving ${i}. Position ${r + 1} of ${e.getItems().length}.`), e.focusItem(n);
 	}
-	function g() {
-		t.value !== null && p();
+	function _() {
+		t.value !== null && m();
 	}
-	function _(t, r) {
-		u(t, "pointer") && (n.value = {
+	function b(t, r) {
+		d(t, "pointer") && (c = r.pointerId, n.value = {
 			x: r.clientX,
 			y: r.clientY
-		}, s && e.ghost.createGhost(s, r.clientX, r.clientY), i.value = x(r.currentTarget, r.pointerId), document.addEventListener("pointermove", b), document.addEventListener("pointerup", S), document.addEventListener("pointercancel", C));
+		}, s && e.ghost.createGhost(s, r.clientX, r.clientY), i.value = x(r.currentTarget, r.pointerId), document.addEventListener("pointermove", S), document.addEventListener("pointerup", C), document.addEventListener("pointercancel", w));
 	}
-	function b(r) {
+	function S(r) {
 		let i = t.value;
-		if (i === null || a !== "pointer") return;
+		if (i === null || a !== "pointer" || r.pointerId !== c) return;
 		n.value = {
 			x: r.clientX,
 			y: r.clientY
 		}, e.ghost.updateGhost(r.clientX, r.clientY);
 		let o = y(e.handle, r.clientX, r.clientY);
 		if (o) {
-			d(v(o.getElements(), o.getItems().map((e) => ({ id: o.getId(e) })), r.clientX, r.clientY, e.horizontal), o);
+			p(v(o.getElements(), o.getItems().map((e) => ({ id: o.getId(e) })), r.clientX, r.clientY, e.horizontal), o);
 			return;
 		}
-		let s = e.getItems(), l = c(i), u = v(e.elements, s.map((t) => ({ id: e.getId(t) })), r.clientX, r.clientY, e.horizontal);
-		d(u > l ? u - 1 : u, null);
+		let s = e.getItems(), u = l(i), d = v(e.elements, s.map((t) => ({ id: e.getId(t) })), r.clientX, r.clientY, e.horizontal);
+		p(d > u ? d - 1 : d, null);
 	}
-	function S() {
-		m();
+	function C(e) {
+		e.pointerId === c && h();
 	}
-	function C() {
-		h();
+	function w(e) {
+		e.pointerId === c && g();
 	}
-	function w(n, r) {
+	function E(n, r) {
 		let i = r.key;
 		if (i === " " || i === "Enter") {
-			r.preventDefault(), t.value === null ? u(n, "keyboard") : t.value === n && a === "keyboard" && m();
+			r.preventDefault(), t.value === null ? d(n, "keyboard") : t.value === n && a === "keyboard" && h();
 			return;
 		}
 		if (t.value !== n || a !== "keyboard") return;
 		if (i === "Escape") {
-			r.preventDefault(), h();
+			r.preventDefault(), g();
 			return;
 		}
-		let s = o?.index ?? c(n);
+		let s = o?.index ?? l(n);
 		if (i === "ArrowUp" || i === "ArrowLeft") --s;
 		else if (i === "ArrowDown" || i === "ArrowRight") s += 1;
 		else if (i === "Home") s = 0;
 		else if (i === "End") s = e.getItems().length - 1;
 		else return;
-		r.preventDefault(), d(s, null, !0);
+		r.preventDefault(), p(s, null, !0);
 	}
 	return {
 		dragId: t,
 		pos: n,
 		dropIndex: r,
 		pointerCaptureActive: i,
-		beginPointer: _,
-		onKeydown: w,
-		cancel: h,
-		dispose: g
+		beginPointer: b,
+		onKeydown: E,
+		cancel: g,
+		dispose: _
 	};
 }
 //#endregion

package/dist/styles/accessibility.css

@@ -0,0 +1 @@
+@import "./glass/a11y-fallback.css"; @import "./utilities/a11y-overrides.css"; @media (prefers-contrast: more) { :is( [aria-current]:not([aria-current="false"]), [aria-selected="true"], [aria-pressed="true"], [aria-checked="true"], [data-state="checked"], [data-state="on"] ) { border-color: currentColor !important; border-style: solid !important; border-width: 2px !important; } :is([aria-invalid="true"], :user-invalid) { border-color: var(--destructive) !important; border-style: solid !important; border-width: 2px !important; } } @media (forced-colors: active) { :is( [aria-current]:not([aria-current="false"]), [aria-selected="true"], [aria-pressed="true"], [aria-checked="true"], [data-state="checked"], [data-state="on"] ) { border-color: Highlight !important; border-style: solid !important; border-width: 2px !important; } :is([aria-invalid="true"], :user-invalid) { border-color: Mark !important; border-style: solid !important; border-width: 2px !important; } }

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-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)}.-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-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-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-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-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.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}.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-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-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.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-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)}.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}.break-all{word-break:break-all}.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-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}.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\=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\/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\:stroke-\(--easing-curve-accent\):focus-visible{stroke:var(--easing-curve-accent)}.focus-visible\:\[stroke-width\:0\.045\]:focus-visible{stroke-width:.045px}.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\: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\:cursor-wait:disabled{cursor:wait}.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 (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}@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}}

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(--control-surface-blur); 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(--control-surface-blur); 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); } }

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-blur-floating); 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); -webkit-backdrop-filter: var(--glass-blur-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: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/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-blur-wash); 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-blur-quiet); 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-blur-resting); 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, .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)); } } } }

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(--liquid-fill-blur, var(--glass-blur-quiet)); 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); } }

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

@@ -0,0 +1 @@
+@layer components { [data-material="content-field"] { background: var(--background); color: var(--foreground); } [data-material="elevated-content"][data-surface="glass"] { background: var(--card); border-color: var(--border-soft); box-shadow: var(--card-shadow); -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-backdrop-filter: none; } }

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; } .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); } :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; } [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 ); -webkit-backdrop-filter: var(--glass-blur-floating); backdrop-filter: var(--glass-blur-floating); position: relative; } }

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-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); -webkit-backdrop-filter: var(--veil-blur); 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%); -webkit-backdrop-filter: none; 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); } }

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-blur-floating); 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); } } }

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); } @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; -webkit-backdrop-filter: var(--glass-blur-quiet); 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); -webkit-backdrop-filter: var(--glass-blur-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 { -webkit-backdrop-filter: var(--glass-blur-btn); 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; } }

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/progress-rail.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";
+@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/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/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/icon-chip/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/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-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-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); }