@mkbabb/glass-ui 11.0.0 → 11.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/collapsible.css +1 -1
- package/dist/components/dark-mode-toggle/dark-mode-toggle.css +1 -1
- package/dist/components/dock/composables/dockMorphMeasure.d.ts +1 -1
- package/dist/components/dock/composables/useDockClickIntegrity.d.ts +0 -4
- package/dist/components/dock/styles/adaptive-legibility.css +1 -1
- package/dist/components/dock/styles/controls/icon-button.css +1 -1
- package/dist/components/dock/styles/controls/tab-button.css +1 -1
- package/dist/components/dock/styles/controls/triggers.css +1 -1
- package/dist/components/dock/styles/crossfade.css +1 -1
- package/dist/components/dock/styles/layer-group.css +1 -1
- package/dist/components/dock/styles/morph.css +1 -1
- package/dist/components/dock/styles/run.css +1 -1
- package/dist/components/dock/styles/shell-regions.css +1 -1
- package/dist/components/dock/styles/shell.css +1 -1
- package/dist/components/slider/styles.css +1 -1
- package/dist/components/slider/types.d.ts +2 -2
- package/dist/components/tabs/styles/drag.css +1 -1
- package/dist/components/tabs/styles/segmented.css +1 -1
- package/dist/control.css +1 -1
- package/dist/{data-table-lDykVYuo.js → data-table-CunuMkZ3.js} +2 -2
- package/dist/data-table.js +1 -1
- package/dist/dock.js +556 -447
- package/dist/easing.js +1 -1
- package/dist/glass-ui.js +2 -2
- package/dist/labeled-field.js +1 -1
- package/dist/{slider-CZiKrWGg.js → slider-B4w12E_u.js} +75 -63
- package/dist/slider.js +1 -1
- package/dist/styles/components.css +1 -1
- package/dist/styles/glass/control-surfaces.css +1 -1
- package/dist/styles/glass/glass-capsule.css +1 -1
- package/dist/styles/glass/overlay-plate.css +1 -1
- package/dist/styles/glass/value-marks.css +1 -1
- package/dist/styles/tokens/dark-arm.css +1 -1
- package/dist/styles/tokens/light-dark.css +1 -1
- package/dist/styles/tokens/sizing.css +1 -1
- package/dist/styles/utilities/components.css +1 -1
- package/package.json +1 -1
package/dist/easing.js
CHANGED
|
@@ -4,7 +4,7 @@ import { n } from "./useReducedMotion-vCXA_vyM.js";
|
|
|
4
4
|
import { t as r } from "./button-CAKhiOZy.js";
|
|
5
5
|
import { t as i } from "./useClipboard-D36OTaeT.js";
|
|
6
6
|
import { a, c as o, l as s, r as c, s as l } from "./select-Dt5dXm87.js";
|
|
7
|
-
import { t as u } from "./slider-
|
|
7
|
+
import { t as u } from "./slider-B4w12E_u.js";
|
|
8
8
|
import { t as d } from "./tabs-NgTRPGZx.js";
|
|
9
9
|
import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeModels as x, normalizeClass as S, onScopeDispose as C, onUnmounted as ee, openBlock as w, ref as T, renderList as E, toDisplayString as D, unref as O, useId as k, useModel as te, useTemplateRef as A, watch as ne, withCtx as j } from "vue";
|
|
10
10
|
import { Check as re, Copy as ie, Play as ae, RotateCcw as oe, Square as se } from "@lucide/vue";
|
package/dist/glass-ui.js
CHANGED
|
@@ -18,7 +18,7 @@ import { t as x } from "./useDragVelocity-C5BkKiNf.js";
|
|
|
18
18
|
import { n as S, t as C } from "./useResolveTokenColor-B2FfJnd9.js";
|
|
19
19
|
import { n as w, t as T } from "./useClipboard-D36OTaeT.js";
|
|
20
20
|
import { useBreakpoint as E, useIdleReady as D, useTokenColor as O, useTouchGate as k, useUserInvalidAria as A, useViewportReady as j } from "./dom.js";
|
|
21
|
-
import { a as M, c as N, i as P, l as F, n as I, o as L, r as _e, s as ve, t as ye } from "./data-table-
|
|
21
|
+
import { a as M, c as N, i as P, l as F, n as I, o as L, r as _e, s as ve, t as ye } from "./data-table-CunuMkZ3.js";
|
|
22
22
|
import { a as be, i as xe, n as Se, o as Ce, r as we, t as Te } from "./dialog-BZoFG0j8.js";
|
|
23
23
|
import { t as Ee } from "./DropdownMenuTrigger-uhSXgEfK.js";
|
|
24
24
|
import { a as De, c as Oe, d as ke, f as Ae, i as je, l as Me, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as Re, t as ze, u as Be } from "./menu-C_l2Sslf.js";
|
|
@@ -30,7 +30,7 @@ import { n as Ye, t as Xe } from "./radio-group-xdEy2tdi.js";
|
|
|
30
30
|
import { a as Ze, c as Qe, i as $e, l as et, n as tt, o as nt, r as rt, s as it, t as at } from "./select-Dt5dXm87.js";
|
|
31
31
|
import { t as ot } from "./separator-C4y9p_ky.js";
|
|
32
32
|
import { t as st } from "./sheet-DLqNUIZl.js";
|
|
33
|
-
import { t as ct } from "./slider-
|
|
33
|
+
import { t as ct } from "./slider-B4w12E_u.js";
|
|
34
34
|
import { n as lt, t as ut } from "./status-dot-BDZKcRxy.js";
|
|
35
35
|
import { t as dt } from "./switch-DLfGYU35.js";
|
|
36
36
|
import { a as ft, c as pt, i as mt, n as ht, o as gt, r as _t, s as vt, t as yt } from "./toast-DVOwo6GB.js";
|
package/dist/labeled-field.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./labeled-field.css";
|
|
2
2
|
import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
3
3
|
import { t } from "./label-ryNPL7e6.js";
|
|
4
|
-
import { t as n } from "./slider-
|
|
4
|
+
import { t as n } from "./slider-B4w12E_u.js";
|
|
5
5
|
import { t as r } from "./switch-DLfGYU35.js";
|
|
6
6
|
import { t as i } from "./input-BLF2pMHE.js";
|
|
7
7
|
import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, useSlots as b, withCtx as x } from "vue";
|
|
@@ -2,10 +2,10 @@ import { n as e, s as t } from "./participation-C5y5VZTN.js";
|
|
|
2
2
|
import { t as n } from "./useMotionAxis-D-rtIhca.js";
|
|
3
3
|
import { t as r } from "./useDragVelocity-C5BkKiNf.js";
|
|
4
4
|
import { n as i } from "./valueDomain-DXRzfc8l.js";
|
|
5
|
-
import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as ee, normalizeClass as
|
|
6
|
-
import { SliderRange as
|
|
5
|
+
import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as ee, normalizeClass as h, normalizeStyle as te, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, unref as x, useAttrs as ne, useTemplateRef as S, watch as C, withCtx as w } from "vue";
|
|
6
|
+
import { SliderRange as re, SliderRoot as T, SliderThumb as E, SliderTrack as D, useForwardPropsEmits as O } from "reka-ui";
|
|
7
7
|
//#region src/components/dock/composables/useDockHold.ts
|
|
8
|
-
function
|
|
8
|
+
function k(n, r = {}) {
|
|
9
9
|
let i = t(), a = r.enabled ?? (() => !0), o = e(() => i, "grasp"), s = o.isHeld;
|
|
10
10
|
function c() {
|
|
11
11
|
a() && o.acquire();
|
|
@@ -26,7 +26,7 @@ function A(n, r = {}) {
|
|
|
26
26
|
}
|
|
27
27
|
//#endregion
|
|
28
28
|
//#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
|
|
29
|
-
var
|
|
29
|
+
var A = ["data-engaged"], j = ["data-engaged"], M = ["data-orientation", "data-inverted"], ie = { class: "slider-lane" }, N = /* @__PURE__ */ p({
|
|
30
30
|
__name: "Slider",
|
|
31
31
|
props: {
|
|
32
32
|
modelValue: {},
|
|
@@ -60,55 +60,67 @@ var j = ["data-engaged"], M = ["data-engaged"], N = ["data-orientation", "data-i
|
|
|
60
60
|
},
|
|
61
61
|
emits: ["update:modelValue", "valueCommit"],
|
|
62
62
|
setup(e, { emit: t }) {
|
|
63
|
-
let p = e,
|
|
63
|
+
let p = e, N = t, P = s(() => p.variant), ae = s(() => p.size), F = s(() => i(p.marks, p.min ?? 0, p.max ?? 100)), oe = O(s(() => {
|
|
64
64
|
let { class: e, variant: t, size: n, marks: r, invalid: i, motion: a, valueText: o, ...s } = p;
|
|
65
65
|
return {
|
|
66
66
|
...s,
|
|
67
67
|
thumbAlignment: "contain"
|
|
68
68
|
};
|
|
69
|
-
}),
|
|
70
|
-
function
|
|
71
|
-
let e =
|
|
69
|
+
}), N), I = S("sliderRootRef");
|
|
70
|
+
function L() {
|
|
71
|
+
let e = I.value;
|
|
72
72
|
return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
|
|
73
73
|
}
|
|
74
|
-
let { isHeld:
|
|
74
|
+
let { isHeld: R } = k(L);
|
|
75
|
+
function z(e) {
|
|
76
|
+
let t = e.target?.closest?.(".slider-thumb");
|
|
77
|
+
!t || !t.hasPointerCapture(e.pointerId) || t.dispatchEvent(new PointerEvent("pointermove", {
|
|
78
|
+
bubbles: !0,
|
|
79
|
+
clientX: e.clientX,
|
|
80
|
+
clientY: e.clientY,
|
|
81
|
+
pointerId: e.pointerId,
|
|
82
|
+
pointerType: e.pointerType,
|
|
83
|
+
isPrimary: e.isPrimary
|
|
84
|
+
}));
|
|
85
|
+
}
|
|
86
|
+
let B = S("loupeRef"), V = n(() => p.motion);
|
|
75
87
|
r({
|
|
76
|
-
host: () =>
|
|
77
|
-
mirror: () =>
|
|
88
|
+
host: () => V.armed.value ? L() : null,
|
|
89
|
+
mirror: () => B.value,
|
|
78
90
|
axis: () => p.orientation === "vertical" ? "y" : "x"
|
|
79
91
|
});
|
|
80
|
-
let
|
|
81
|
-
C(
|
|
82
|
-
e &&
|
|
92
|
+
let H = s(() => P.value !== "spectrum"), U = y(!1);
|
|
93
|
+
C(R, (e) => {
|
|
94
|
+
e && H.value && (U.value = !0);
|
|
83
95
|
});
|
|
84
|
-
function
|
|
85
|
-
e.propertyName === "opacity" && !
|
|
96
|
+
function W(e) {
|
|
97
|
+
e.propertyName === "opacity" && !R.value && (U.value = !1);
|
|
86
98
|
}
|
|
87
|
-
let
|
|
88
|
-
function
|
|
89
|
-
let e =
|
|
99
|
+
let G = S("focusVeilRef");
|
|
100
|
+
function K() {
|
|
101
|
+
let e = L(), t = G.value;
|
|
90
102
|
if (!e || !t) return;
|
|
91
103
|
let n = e.getBoundingClientRect();
|
|
92
104
|
t.style.setProperty("--veil-x", `${(n.left + n.width / 2) / window.innerWidth * 100}%`), t.style.setProperty("--veil-y", `${(n.top + n.height / 2) / window.innerHeight * 100}%`), t.style.setProperty("--glass-focus-veil-core-x", `${n.width / 2}px`), t.style.setProperty("--glass-focus-veil-core-y", `${n.height / 2}px`);
|
|
93
105
|
}
|
|
94
|
-
let
|
|
95
|
-
function
|
|
106
|
+
let q = y(0), J = 0, se = s(() => U.value && p.orientation !== "vertical");
|
|
107
|
+
function Y() {
|
|
96
108
|
let e = p.min ?? 0, t = p.max ?? 100, n = p.modelValue ?? p.defaultValue ?? [e], r = n[n.length - 1] ?? e;
|
|
97
109
|
return t === e ? 0 : Math.min(1, Math.max(0, (r - e) / (t - e)));
|
|
98
110
|
}
|
|
99
111
|
function X() {
|
|
100
|
-
let e =
|
|
112
|
+
let e = L(), t = B.value;
|
|
101
113
|
if (!e || !t) return;
|
|
102
114
|
let n = e.querySelector(".slider-track");
|
|
103
115
|
if (!n) return;
|
|
104
116
|
let r = n.getBoundingClientRect();
|
|
105
|
-
J.value = r.width, t.style.setProperty("--loupe-track-w", `${r.width}px`), t.style.setProperty("--loupe-left", `${r.left + r.width / 2}px`), t.style.setProperty("--loupe-top", `${r.top}px`);
|
|
117
|
+
J = e.querySelector(".slider-thumb")?.offsetWidth ?? 0, q.value = r.width, t.style.setProperty("--loupe-track-w", `${r.width}px`), t.style.setProperty("--loupe-left", `${r.left + r.width / 2}px`), t.style.setProperty("--loupe-top", `${r.top}px`);
|
|
106
118
|
}
|
|
107
119
|
function Z() {
|
|
108
|
-
let e =
|
|
109
|
-
if (!e || !
|
|
110
|
-
let t =
|
|
111
|
-
e.style.setProperty("--loupe-x", `${
|
|
120
|
+
let e = B.value;
|
|
121
|
+
if (!e || !q.value) return;
|
|
122
|
+
let t = J, n = t / 2 + Y() * (q.value - t);
|
|
123
|
+
e.style.setProperty("--loupe-x", `${n}px`), e.style.setProperty("--loupe-fill-w", `${(n + t / 2) * 3}px`);
|
|
112
124
|
}
|
|
113
125
|
function Q(e) {
|
|
114
126
|
typeof window > "u" || (window.removeEventListener("scroll", $, !0), e && window.addEventListener("scroll", $, {
|
|
@@ -117,81 +129,81 @@ var j = ["data-engaged"], M = ["data-engaged"], N = ["data-orientation", "data-i
|
|
|
117
129
|
}));
|
|
118
130
|
}
|
|
119
131
|
function $() {
|
|
120
|
-
|
|
132
|
+
K(), X();
|
|
121
133
|
}
|
|
122
|
-
C(
|
|
134
|
+
C(U, async (e) => {
|
|
123
135
|
if (!e) {
|
|
124
136
|
Q(!1);
|
|
125
137
|
return;
|
|
126
138
|
}
|
|
127
|
-
await ee(),
|
|
139
|
+
await ee(), K(), X(), Z(), Q(!0);
|
|
128
140
|
}), C(() => p.modelValue, () => {
|
|
129
|
-
|
|
141
|
+
U.value && Z();
|
|
130
142
|
}, { deep: !0 }), g(() => Q(!1));
|
|
131
|
-
let
|
|
132
|
-
...
|
|
143
|
+
let ce = s(() => U.value && H.value ? {
|
|
144
|
+
...V.hostStyle.value ?? {},
|
|
133
145
|
zIndex: "var(--z-overlay)"
|
|
134
|
-
} :
|
|
135
|
-
return ne(), _(() => {}), (e, t) => (v(), c(x(
|
|
146
|
+
} : V.hostStyle.value);
|
|
147
|
+
return ne(), _(() => {}), (e, t) => (v(), c(x(T), m({
|
|
136
148
|
"data-slot": "slider",
|
|
137
149
|
ref_key: "sliderRootRef",
|
|
138
|
-
ref:
|
|
150
|
+
ref: I,
|
|
139
151
|
class: ["glass-slider", p.class],
|
|
140
152
|
"data-control-target": "",
|
|
141
|
-
"data-variant":
|
|
142
|
-
"data-size":
|
|
153
|
+
"data-variant": P.value,
|
|
154
|
+
"data-size": ae.value,
|
|
143
155
|
"data-invalid": p.invalid || void 0,
|
|
144
|
-
"data-held": x(
|
|
156
|
+
"data-held": x(R) || void 0,
|
|
145
157
|
"data-inverted": p.inverted || void 0,
|
|
146
|
-
"data-focus-veil":
|
|
147
|
-
"data-motion": x(
|
|
148
|
-
style:
|
|
149
|
-
}, x(
|
|
158
|
+
"data-focus-veil": U.value && H.value || void 0,
|
|
159
|
+
"data-motion": x(V).dataMotion.value,
|
|
160
|
+
style: ce.value
|
|
161
|
+
}, x(oe), { onPointerdown: z }), {
|
|
150
162
|
default: w(({ modelValue: n }) => [
|
|
151
|
-
(v(), c(o, { to: "body" }, [
|
|
163
|
+
(v(), c(o, { to: "body" }, [U.value && H.value ? (v(), u("span", {
|
|
152
164
|
key: 0,
|
|
153
165
|
ref_key: "focusVeilRef",
|
|
154
|
-
ref:
|
|
166
|
+
ref: G,
|
|
155
167
|
class: "glass-focus-veil",
|
|
156
|
-
"data-engaged": x(
|
|
168
|
+
"data-engaged": x(R) || void 0,
|
|
157
169
|
"aria-hidden": "true"
|
|
158
|
-
}, null, 8,
|
|
159
|
-
(v(), c(o, { to: "body" }, [
|
|
170
|
+
}, null, 8, A)) : l("", !0)])),
|
|
171
|
+
(v(), c(o, { to: "body" }, [se.value ? (v(), u("span", {
|
|
160
172
|
key: 0,
|
|
161
173
|
ref_key: "loupeRef",
|
|
162
|
-
ref:
|
|
174
|
+
ref: B,
|
|
163
175
|
class: "glass-loupe glass-plate",
|
|
164
|
-
"data-engaged": x(
|
|
176
|
+
"data-engaged": x(R) || void 0,
|
|
165
177
|
"aria-hidden": "true"
|
|
166
|
-
}, [...t[0] ||= [d("span", { class: "glass-loupe-clone" }, [d("span", { class: "glass-loupe-fill" })], -1), d("span", { class: "glass-loupe-mark" }, null, -1)]], 8,
|
|
167
|
-
f(x(
|
|
168
|
-
default: w(() => [
|
|
178
|
+
}, [...t[0] ||= [d("span", { class: "glass-loupe-clone" }, [d("span", { class: "glass-loupe-fill" })], -1), d("span", { class: "glass-loupe-mark" }, null, -1)]], 8, j)) : l("", !0)])),
|
|
179
|
+
f(x(D), { class: "slider-track track-well" }, {
|
|
180
|
+
default: w(() => [F.value.length ? (v(), u("span", {
|
|
169
181
|
key: 0,
|
|
170
182
|
class: "glass-value-marks",
|
|
171
183
|
"aria-hidden": "true",
|
|
172
184
|
"data-orientation": p.orientation === "vertical" ? "vertical" : void 0,
|
|
173
185
|
"data-inverted": p.inverted || void 0
|
|
174
|
-
}, [(v(!0), u(a, null, b(
|
|
186
|
+
}, [(v(!0), u(a, null, b(F.value, (e) => (v(), u("span", {
|
|
175
187
|
key: e.value,
|
|
176
188
|
class: "glass-value-mark",
|
|
177
|
-
style:
|
|
178
|
-
}, null, 4))), 128))], 8,
|
|
179
|
-
class:
|
|
180
|
-
"data-held": x(
|
|
189
|
+
style: te({ "--value-mark-position": `${e.position * 100}%` })
|
|
190
|
+
}, null, 4))), 128))], 8, M)) : l("", !0), d("span", ie, [f(x(re), {
|
|
191
|
+
class: h(["slider-range", P.value !== "spectrum" && "glass-liquid-fill"]),
|
|
192
|
+
"data-held": x(R) || void 0
|
|
181
193
|
}, {
|
|
182
|
-
default: w(() => [
|
|
194
|
+
default: w(() => [U.value && H.value ? (v(), u(a, { key: 0 }, [t[1] ||= d("span", {
|
|
183
195
|
class: "glass-grasp-carrier",
|
|
184
196
|
"data-grasp": "rest"
|
|
185
197
|
}, null, -1), d("span", {
|
|
186
198
|
class: "glass-grasp-carrier",
|
|
187
199
|
"data-grasp": "grasp",
|
|
188
|
-
onTransitionend:
|
|
200
|
+
onTransitionend: W
|
|
189
201
|
}, null, 32)], 64)) : l("", !0)]),
|
|
190
202
|
_: 1
|
|
191
|
-
}, 8, ["class", "data-held"])]),
|
|
203
|
+
}, 8, ["class", "data-held"])])]),
|
|
192
204
|
_: 1
|
|
193
205
|
}),
|
|
194
|
-
(v(!0), u(a, null, b(n, (t, n) => (v(), c(x(
|
|
206
|
+
(v(!0), u(a, null, b(n, (t, n) => (v(), c(x(E), {
|
|
195
207
|
key: n,
|
|
196
208
|
"aria-label": e.$attrs["aria-label"] ?? void 0,
|
|
197
209
|
"aria-labelledby": e.$attrs["aria-labelledby"] ?? void 0,
|
|
@@ -224,4 +236,4 @@ var j = ["data-engaged"], M = ["data-engaged"], N = ["data-orientation", "data-i
|
|
|
224
236
|
}
|
|
225
237
|
});
|
|
226
238
|
//#endregion
|
|
227
|
-
export {
|
|
239
|
+
export { N as t };
|
package/dist/slider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./slider-
|
|
1
|
+
import { t as e } from "./slider-B4w12E_u.js";
|
|
2
2
|
export { e as Slider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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}.inset-0{inset:0}.start-2{inset-inline-start:calc(var(--spacing,0.25rem) * 2)}.top-0{top:0}.top-1{top:var(--spacing,0.25rem)}.top-1\/2{top:50%}.right-0{right:0}.right-1{right:var(--spacing,0.25rem)}.bottom-1{bottom:var(--spacing,0.25rem)}.left-0{left:0}.left-1{left:var(--spacing,0.25rem)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-modal{z-index:var(--z-modal)}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.col-start-2{grid-column-start:2}.-mx-1{margin-inline:calc(var(--spacing,0.25rem) * -1)}.my-1{margin-block:var(--spacing,0.25rem)}.mt-4{margin-top:calc(var(--spacing,0.25rem) * 4)}.block{display:block}.contents{display:contents}.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-4{width:calc(var(--spacing,0.25rem) * 4);height:calc(var(--spacing,0.25rem) * 4)}.size-6{width:calc(var(--spacing,0.25rem) * 6);height:calc(var(--spacing,0.25rem) * 6)}.size-8{width:calc(var(--spacing,0.25rem) * 8);height:calc(var(--spacing,0.25rem) * 8)}.size-10{width:calc(var(--spacing,0.25rem) * 10);height:calc(var(--spacing,0.25rem) * 10)}.size-12{width:calc(var(--spacing,0.25rem) * 12);height:calc(var(--spacing,0.25rem) * 12)}.size-full{width:100%;height:100%}.table-head{height:var(--table-head-h,3rem);padding-inline:var(--table-head-px,1rem)}.h-\(--control-h-md\){height:var(--control-h-md)}.h-2{height:calc(var(--spacing,0.25rem) * 2)}.h-3{height:calc(var(--spacing,0.25rem) * 3)}.h-3\.5{height:calc(var(--spacing,0.25rem) * 3.5)}.h-4{height:calc(var(--spacing,0.25rem) * 4)}.h-6{height:calc(var(--spacing,0.25rem) * 6)}.h-\[calc\(2rem\*var\(--ui-scale\)\)\]{height:calc(2rem * var(--ui-scale))}.h-full{height:100%}.h-px{height:1px}.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,0.25rem) * 4)}.min-h-11{min-height:calc(var(--spacing,0.25rem) * 11)}.w-2{width:calc(var(--spacing,0.25rem) * 2)}.w-3{width:calc(var(--spacing,0.25rem) * 3)}.w-3\.5{width:calc(var(--spacing,0.25rem) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing,0.25rem) * 4)}.w-6{width:calc(var(--spacing,0.25rem) * 6)}.w-36{width:calc(var(--spacing,0.25rem) * 36)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.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-16{min-width:calc(var(--spacing,0.25rem) * 16)}.min-w-40{min-width:calc(var(--spacing,0.25rem) * 40)}.min-w-input-sm{min-width:var(--input-min-width-sm)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\(--scale-press\){scale:var(--scale-press)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.sheet-animate[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--tw-duration:calc(var(--duration-fast) * var(--motion-tempo));transition-duration:calc(var(--duration-fast) * var(--motion-tempo));--tw-exit-opacity:0}.sheet-animate[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--tw-duration:calc(var(--duration-panel) * var(--motion-tempo));transition-duration:calc(var(--duration-panel) * var(--motion-tempo));--tw-enter-opacity:0}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing,0.25rem) * .5)}.gap-1{gap:var(--spacing,0.25rem)}.gap-1\.5{gap:calc(var(--spacing,0.25rem) * 1.5)}.gap-2{gap:calc(var(--spacing,0.25rem) * 2)}.gap-3{gap:calc(var(--spacing,0.25rem) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,0.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,0.25rem) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,0.25rem) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing,0.25rem) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.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-panel{border-radius:var(--radius-panel)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-s{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}.rounded-ss{border-start-start-radius:var(--radius)}.rounded-e{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.rounded-se{border-start-end-radius:var(--radius)}.rounded-ee{border-end-end-radius:var(--radius)}.rounded-es{border-end-start-radius:var(--radius)}.rounded-t{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-card{border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}.rounded-l{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-tl{border-top-left-radius:var(--radius)}.rounded-r{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-tr{border-top-right-radius:var(--radius)}.rounded-b{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-br{border-bottom-right-radius:var(--radius)}.rounded-bl{border-bottom-left-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.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-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)}}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--destructive)}.bg-info{background-color:var(--info)}.bg-overlay-scrim{background-color:var(--overlay-scrim)}.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-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)}}.stroke-background{stroke:var(--background)}.stroke-border,.stroke-border\/40{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.stroke-border\/40{stroke:color-mix(in oklab,var(--border) 40%,transparent)}}.stroke-muted-foreground\/30{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/30{stroke:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}}.stroke-muted-foreground\/50{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/50{stroke:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing,0.25rem)}.p-3{padding:calc(var(--spacing,0.25rem) * 3)}.p-4{padding:calc(var(--spacing,0.25rem) * 4)}.table-cell{padding-inline:var(--table-cell-px,1rem);padding-block:var(--table-cell-py,1rem)}.px-\(--overlay-pad-inline\){padding-inline:var(--overlay-pad-inline)}.px-1{padding-inline:var(--spacing,0.25rem)}.px-2{padding-inline:calc(var(--spacing,0.25rem) * 2)}.px-2\.5{padding-inline:calc(var(--spacing,0.25rem) * 2.5)}.px-3{padding-inline:calc(var(--spacing,0.25rem) * 3)}.px-3\.5{padding-inline:calc(var(--spacing,0.25rem) * 3.5)}.px-4{padding-inline:calc(var(--spacing,0.25rem) * 4)}.px-5{padding-inline:calc(var(--spacing,0.25rem) * 5)}.py-\(--overlay-pad-block\){padding-block:var(--overlay-pad-block)}.py-0\.5{padding-block:calc(var(--spacing,0.25rem) * .5)}.py-1{padding-block:var(--spacing,0.25rem)}.py-1\.5{padding-block:calc(var(--spacing,0.25rem) * 1.5)}.py-2{padding-block:calc(var(--spacing,0.25rem) * 2)}.py-2\.5{padding-block:calc(var(--spacing,0.25rem) * 2.5)}.py-3{padding-block:calc(var(--spacing,0.25rem) * 3)}.py-4{padding-block:calc(var(--spacing,0.25rem) * 4)}.py-10{padding-block:calc(var(--spacing,0.25rem) * 10)}.ps-7{padding-inline-start:calc(var(--spacing,0.25rem) * 7)}.pe-2{padding-inline-end:calc(var(--spacing,0.25rem) * 2)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-caption{font-family:var(--font-text);font-size:var(--type-caption);line-height:var(--type-leading-caption);font-weight:400}.text-small{font-family:var(--font-text);font-size:var(--type-small);line-height:var(--type-leading-small);font-weight:400}.text-mono-caption{font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--type-tracking-caps);text-transform:uppercase}.font-mono{font-family:var(--font-stack-mono)}.font-sans{font-family:var(--font-stack-sans)}.text-base{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-micro{font-size:var(--type-micro);line-height:1.25}.text-\[length\:var\(--control-label\)\]{font-size:var(--control-label)}.text-\[length\:var\(--control-text\)\]{font-size:var(--control-text)}.text-\[length\:var\(--type-body\)\]{font-size:var(--type-body)}.text-\[length\:var\(--type-caption\)\],.text-caption{font-size:var(--type-caption)}.text-dropdown{font-size:var(--dropdown-text)}.text-dropdown-secondary{font-size:var(--dropdown-text-secondary)}.text-micro{font-size:var(--type-micro)}.text-small{font-size:var(--type-small)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-snug{--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.tracking-tight{--tw-tracking:var(--type-tracking-tight);letter-spacing:var(--type-tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\(--easing-curve-accent\){color:var(--easing-curve-accent)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-info-foreground{color:var(--info-foreground)}.text-muted-foreground,.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-shadow{color:var(--shadow)}.text-success-foreground{color:var(--success-foreground)}.text-warning-foreground{color:var(--warning-foreground)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-\(--select-chevron-opacity\){opacity:var(--select-chevron-opacity)}.opacity-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)}.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)}.shadow-cartoon{box-shadow:var(--shadow-cartoon)}.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,)}.invert{--tw-invert:invert(100%);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,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-\[clip-path\]{transition-property:clip-path;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.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,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-control{transition-property:background-color,color,box-shadow,border-color;transition-duration:var(--duration-control);transition-timing-function:var(--ease-standard)}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-slow{--tw-duration:var(--duration-slow);transition-duration:var(--duration-slow)}.ease-in{--tw-ease:var(--motion-ease-in);transition-timing-function:var(--motion-ease-in)}.ease-out-expo{--tw-ease:var(--motion-ease-out-expo);transition-timing-function:var(--motion-ease-out-expo)}.glass-plate{--glass-veil-rest:clamp(var(--glass-veil-tier,var(--glass-veil-resting)),calc(var(--glass-veil-tier,var(--glass-veil-resting)) + 2 * var(--glass-veil-step) * max(0,(var(--glass-backdrop-luma,0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee)))),calc(var(--glass-veil-tier,var(--glass-veil-resting)) + 2 * var(--glass-veil-step)));--glass-veil-rung:var(--glass-veil-rest);--glass-veil:oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-rung))}@supports (color:color-mix(in lab,red,red)){.glass-plate{--glass-veil:color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-rung)) calc(var(--glass-level) * 100%),var(--card))}}.glass-plate{background:var(--glass-veil)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[--corner-affordance-host-border\:1px\]{--corner-affordance-host-border:1px}.\[--glass-specular-intensity-hover\:0\]{--glass-specular-intensity-hover:0}.\[--mark-pad-block\:--spacing\(1\)\]{--mark-pad-block:var(--spacing,0.25rem)}.\[--mark-pad-block\:--spacing\(2\)\]{--mark-pad-block:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(2\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(3\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 3)}.\[--overlay-pad-block\:calc\(var\(--overlay-pad-inline\)\*1\.272\)\]{--overlay-pad-block:calc(var(--overlay-pad-inline) * 1.272)}.\[--overlay-pad-inline\:--spacing\(6\)\]{--overlay-pad-inline:calc(var(--spacing,0.25rem) * 6)}.transition-disclosure{transition:rotate var(--spring-present-duration) var(--ease-cartoon-punch)}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.user-invalid\:border-\(--destructive\):user-invalid{border-color:var(--destructive)}@media (hover:hover){.hover\:bg-secondary:hover{background-color:var(--secondary)}.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-visible\:user-invalid\:shadow-\(--invalid-ring\):focus-visible:user-invalid{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-disabled:disabled{opacity:var(--opacity-disabled)}:where([data-state=open]) .in-data-\[state\=open\]\:rotate-180{rotate:180deg}.aria-invalid\:border-\(--destructive\)[aria-invalid=true]{border-color:var(--destructive)}.focus-visible\:aria-invalid\:shadow-\(--invalid-ring\):focus-visible[aria-invalid=true]{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[align\=center\]\:text-center[data-align=center]{text-align:center}.data-\[align\=right\]\:text-right[data-align=right]{text-align:right}.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-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--reka-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:left-1\/2{left:50%}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-col{flex-direction:column}}@media (min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}@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-duration{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}
|
|
1
|
+
.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}.inset-0{inset:0}.start-2{inset-inline-start:calc(var(--spacing,0.25rem) * 2)}.top-0{top:0}.top-1{top:var(--spacing,0.25rem)}.top-1\/2{top:50%}.right-0{right:0}.right-1{right:var(--spacing,0.25rem)}.bottom-1{bottom:var(--spacing,0.25rem)}.left-0{left:0}.left-1{left:var(--spacing,0.25rem)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-modal{z-index:var(--z-modal)}.z-overlay{z-index:var(--z-overlay)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.col-start-2{grid-column-start:2}.-mx-1{margin-inline:calc(var(--spacing,0.25rem) * -1)}.my-1{margin-block:var(--spacing,0.25rem)}.mt-4{margin-top:calc(var(--spacing,0.25rem) * 4)}.block{display:block}.contents{display:contents}.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-4{width:calc(var(--spacing,0.25rem) * 4);height:calc(var(--spacing,0.25rem) * 4)}.size-6{width:calc(var(--spacing,0.25rem) * 6);height:calc(var(--spacing,0.25rem) * 6)}.size-8{width:calc(var(--spacing,0.25rem) * 8);height:calc(var(--spacing,0.25rem) * 8)}.size-10{width:calc(var(--spacing,0.25rem) * 10);height:calc(var(--spacing,0.25rem) * 10)}.size-12{width:calc(var(--spacing,0.25rem) * 12);height:calc(var(--spacing,0.25rem) * 12)}.size-full{width:100%;height:100%}.table-head{height:var(--table-head-h,3rem);padding-inline:var(--table-head-px,1rem)}.h-\(--control-h-md\){height:var(--control-h-md)}.h-2{height:calc(var(--spacing,0.25rem) * 2)}.h-3{height:calc(var(--spacing,0.25rem) * 3)}.h-3\.5{height:calc(var(--spacing,0.25rem) * 3.5)}.h-4{height:calc(var(--spacing,0.25rem) * 4)}.h-6{height:calc(var(--spacing,0.25rem) * 6)}.h-\[calc\(2rem\*var\(--ui-scale\)\)\]{height:calc(2rem * var(--ui-scale))}.h-full{height:100%}.h-px{height:1px}.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,0.25rem) * 4)}.min-h-11{min-height:calc(var(--spacing,0.25rem) * 11)}.w-2{width:calc(var(--spacing,0.25rem) * 2)}.w-3{width:calc(var(--spacing,0.25rem) * 3)}.w-3\.5{width:calc(var(--spacing,0.25rem) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing,0.25rem) * 4)}.w-6{width:calc(var(--spacing,0.25rem) * 6)}.w-36{width:calc(var(--spacing,0.25rem) * 36)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.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-16{min-width:calc(var(--spacing,0.25rem) * 16)}.min-w-40{min-width:calc(var(--spacing,0.25rem) * 40)}.min-w-input-sm{min-width:var(--input-min-width-sm)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\(--scale-press\){scale:var(--scale-press)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.sheet-animate[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--tw-duration:calc(var(--duration-fast) * var(--motion-tempo));transition-duration:calc(var(--duration-fast) * var(--motion-tempo));--tw-exit-opacity:0}.sheet-animate[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--tw-duration:calc(var(--duration-panel) * var(--motion-tempo));transition-duration:calc(var(--duration-panel) * var(--motion-tempo));--tw-enter-opacity:0}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing,0.25rem) * .5)}.gap-1{gap:var(--spacing,0.25rem)}.gap-1\.5{gap:calc(var(--spacing,0.25rem) * 1.5)}.gap-2{gap:calc(var(--spacing,0.25rem) * 2)}.gap-3{gap:calc(var(--spacing,0.25rem) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,0.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,0.25rem) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,0.25rem) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing,0.25rem) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.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-panel{border-radius:var(--radius-panel)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-s{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}.rounded-ss{border-start-start-radius:var(--radius)}.rounded-e{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.rounded-se{border-start-end-radius:var(--radius)}.rounded-ee{border-end-end-radius:var(--radius)}.rounded-es{border-end-start-radius:var(--radius)}.rounded-t{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-card{border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}.rounded-l{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-tl{border-top-left-radius:var(--radius)}.rounded-r{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-tr{border-top-right-radius:var(--radius)}.rounded-b{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-br{border-bottom-right-radius:var(--radius)}.rounded-bl{border-bottom-left-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.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-border,.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)}}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--destructive)}.bg-info{background-color:var(--info)}.bg-overlay-scrim{background-color:var(--overlay-scrim)}.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-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)}}.stroke-background{stroke:var(--background)}.stroke-border,.stroke-border\/40{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.stroke-border\/40{stroke:color-mix(in oklab,var(--border) 40%,transparent)}}.stroke-muted-foreground\/30{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/30{stroke:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}}.stroke-muted-foreground\/50{stroke:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.stroke-muted-foreground\/50{stroke:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing,0.25rem)}.p-3{padding:calc(var(--spacing,0.25rem) * 3)}.p-4{padding:calc(var(--spacing,0.25rem) * 4)}.table-cell{padding-inline:var(--table-cell-px,1rem);padding-block:var(--table-cell-py,1rem)}.px-\(--overlay-pad-inline\){padding-inline:var(--overlay-pad-inline)}.px-1{padding-inline:var(--spacing,0.25rem)}.px-2{padding-inline:calc(var(--spacing,0.25rem) * 2)}.px-2\.5{padding-inline:calc(var(--spacing,0.25rem) * 2.5)}.px-3{padding-inline:calc(var(--spacing,0.25rem) * 3)}.px-3\.5{padding-inline:calc(var(--spacing,0.25rem) * 3.5)}.px-4{padding-inline:calc(var(--spacing,0.25rem) * 4)}.px-5{padding-inline:calc(var(--spacing,0.25rem) * 5)}.py-\(--overlay-pad-block\){padding-block:var(--overlay-pad-block)}.py-0\.5{padding-block:calc(var(--spacing,0.25rem) * .5)}.py-1{padding-block:var(--spacing,0.25rem)}.py-1\.5{padding-block:calc(var(--spacing,0.25rem) * 1.5)}.py-2{padding-block:calc(var(--spacing,0.25rem) * 2)}.py-2\.5{padding-block:calc(var(--spacing,0.25rem) * 2.5)}.py-3{padding-block:calc(var(--spacing,0.25rem) * 3)}.py-4{padding-block:calc(var(--spacing,0.25rem) * 4)}.py-10{padding-block:calc(var(--spacing,0.25rem) * 10)}.ps-7{padding-inline-start:calc(var(--spacing,0.25rem) * 7)}.pe-2{padding-inline-end:calc(var(--spacing,0.25rem) * 2)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-caption{font-family:var(--font-text);font-size:var(--type-caption);line-height:var(--type-leading-caption);font-weight:400}.text-small{font-family:var(--font-text);font-size:var(--type-small);line-height:var(--type-leading-small);font-weight:400}.text-mono-caption{font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--type-tracking-caps);text-transform:uppercase}.font-mono{font-family:var(--font-stack-mono)}.font-sans{font-family:var(--font-stack-sans)}.text-base{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-micro{font-size:var(--type-micro);line-height:1.25}.text-\[length\:var\(--control-label\)\]{font-size:var(--control-label)}.text-\[length\:var\(--control-text\)\]{font-size:var(--control-text)}.text-\[length\:var\(--type-body\)\]{font-size:var(--type-body)}.text-\[length\:var\(--type-caption\)\],.text-caption{font-size:var(--type-caption)}.text-dropdown{font-size:var(--dropdown-text)}.text-dropdown-secondary{font-size:var(--dropdown-text-secondary)}.text-micro{font-size:var(--type-micro)}.text-small{font-size:var(--type-small)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-snug{--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.tracking-tight{--tw-tracking:var(--type-tracking-tight);letter-spacing:var(--type-tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\(--easing-curve-accent\){color:var(--easing-curve-accent)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-info-foreground{color:var(--info-foreground)}.text-muted-foreground,.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-shadow{color:var(--shadow)}.text-success-foreground{color:var(--success-foreground)}.text-warning-foreground{color:var(--warning-foreground)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-\(--select-chevron-opacity\){opacity:var(--select-chevron-opacity)}.opacity-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)}.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)}.shadow-cartoon{box-shadow:var(--shadow-cartoon)}.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,)}.invert{--tw-invert:invert(100%);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,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-\[clip-path\]{transition-property:clip-path;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.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,cubic-bezier(0.4,0,0.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,var(--duration-fast,150ms)))}.transition-control{transition-property:background-color,color,box-shadow,border-color;transition-duration:var(--duration-control);transition-timing-function:var(--ease-standard)}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-slow{--tw-duration:var(--duration-slow);transition-duration:var(--duration-slow)}.ease-in{--tw-ease:var(--motion-ease-in);transition-timing-function:var(--motion-ease-in)}.ease-out-expo{--tw-ease:var(--motion-ease-out-expo);transition-timing-function:var(--motion-ease-out-expo)}.glass-plate{--glass-veil-rest:clamp(var(--glass-veil-tier,var(--glass-veil-resting)),calc(var(--glass-veil-tier,var(--glass-veil-resting)) + 2 * var(--glass-veil-step) * max(0,(var(--glass-backdrop-luma,0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee)))),calc(var(--glass-veil-tier,var(--glass-veil-resting)) + 2 * var(--glass-veil-step)));--glass-veil-rung:var(--glass-veil-rest);--glass-veil:oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-rung))}@supports (color:color-mix(in lab,red,red)){.glass-plate{--glass-veil:color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-rung)) calc(var(--glass-level) * 100%),var(--card))}}.glass-plate{background:var(--glass-veil)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[--corner-affordance-host-border\:1px\]{--corner-affordance-host-border:1px}.\[--glass-specular-intensity-hover\:0\]{--glass-specular-intensity-hover:0}.\[--mark-pad-block\:--spacing\(1\)\]{--mark-pad-block:var(--spacing,0.25rem)}.\[--mark-pad-block\:--spacing\(2\)\]{--mark-pad-block:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(2\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 2)}.\[--mark-pad-inline\:--spacing\(3\)\]{--mark-pad-inline:calc(var(--spacing,0.25rem) * 3)}.\[--overlay-pad-block\:calc\(var\(--overlay-pad-inline\)\*1\.272\)\]{--overlay-pad-block:calc(var(--overlay-pad-inline) * 1.272)}.\[--overlay-pad-inline\:--spacing\(6\)\]{--overlay-pad-inline:calc(var(--spacing,0.25rem) * 6)}.transition-disclosure{transition:rotate var(--spring-present-duration) var(--ease-cartoon-punch)}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.user-invalid\:border-\(--destructive\):user-invalid{border-color:var(--destructive)}@media (hover:hover){.hover\:bg-secondary:hover{background-color:var(--secondary)}.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-visible\:user-invalid\:shadow-\(--invalid-ring\):focus-visible:user-invalid{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-disabled:disabled{opacity:var(--opacity-disabled)}:where([data-state=open]) .in-data-\[state\=open\]\:rotate-180{rotate:180deg}.aria-invalid\:border-\(--destructive\)[aria-invalid=true]{border-color:var(--destructive)}.focus-visible\:aria-invalid\:shadow-\(--invalid-ring\):focus-visible[aria-invalid=true]{--tw-shadow:var(--invalid-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[align\=center\]\:text-center[data-align=center]{text-align:center}.data-\[align\=right\]\:text-right[data-align=right]{text-align:right}.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-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--reka-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:left-1\/2{left:50%}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-col{flex-direction:column}}@media (min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}@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-duration{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}
|
|
@@ -1 +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);-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(--muted-foreground);}.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);}.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-plate-quiet));}.input-pill:where(:user-valid){border-color: var(--success);}.input-pill:where(:user-invalid,[aria-invalid="true"]):focus-visible{border-color: var(--destructive);box-shadow: var(--invalid-ring);}.input-pill:disabled{opacity: 0.5;cursor: not-allowed;}.glass-wash[role="combobox"]{border-color: var(--surface-tint-15);}}
|
|
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);-webkit-backdrop-filter: var(--control-surface-blur);backdrop-filter: var(--control-surface-blur);padding: 0 calc(1rem * var(--ui-scale));font-size: max(var(--control-pill-text,var(--control-text)),var(--field-text-floor));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(--muted-foreground);}.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);}.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-plate-quiet));}.input-pill:where(:user-valid){border-color: var(--success);}.input-pill:where(:user-invalid,[aria-invalid="true"]):focus-visible{border-color: var(--destructive);box-shadow: var(--invalid-ring);}.input-pill:disabled{opacity: 0.5;cursor: not-allowed;}.glass-wash[role="combobox"]{border-color: var(--surface-tint-15);}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-capsule{background: var( --glass-capsule-fill,color-mix( in oklab,var(--glass-veil),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),var(--glass-shadow-capsule);border-radius: var(--radius-pill);}.glass-capsule-track{background: var(--glass-plate-quiet);-webkit-backdrop-filter: var(--glass-blur-quiet);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: --specular-intensity var(--duration-fast) var(--ease-standard);}.glass-capsule-hover:hover{--glass-specular-intensity-hover: var(--glass-specular-capsule-hover);}.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));}}
|
|
1
|
+
@layer components{.glass-capsule{background: var( --glass-capsule-fill,color-mix( in oklab,var(--glass-veil),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);box-shadow: var(--glass-rim-top),var(--glass-rim-bottom),var(--glass-shadow-capsule);border-radius: var(--radius-pill);}.glass-capsule-track{background: var(--glass-plate-quiet);-webkit-backdrop-filter: var(--glass-blur-quiet);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: --specular-intensity var(--duration-fast) var(--ease-standard);}@media (hover: hover){.glass-capsule-hover:hover{--glass-specular-intensity-hover: var(--glass-specular-capsule-hover);}}.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));}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-overlay-plate{--radius-ctx: var(--radius-card);--radius-inset: var(--overlay-pad);padding: var(--overlay-pad);color: var(--popover-foreground);overflow: hidden;}.glass-overlay-plate[data-reveal="menu"],.glass-overlay-plate[data-reveal="overlay"]{max-inline-size: min(22rem,100vw - 2rem);max-block-size: var(--reka-popper-available-height,100dvh);overflow-y: auto;overscroll-behavior: contain;}.glass-overlay-plate[data-reveal="menu"]{min-inline-size: var(--overlay-min-width);}.glass-overlay-plate[data-reveal="overlay"]{inline-size: min(21rem,calc(100dvw - 2 * var(--overlay-pad)));}.glass-overlay-plate[data-reveal="tooltip"]{--radius-ctx: var(--radius-panel);--radius-inset: var(--overlay-pad-hint);padding: var(--overlay-pad-hint);font-size: var(--tooltip-text);line-height: var(--type-leading-caption);max-block-size: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow-y: auto;}.menu__trigger:focus-visible{outline: var(--focus-ring-width) solid color-mix( in oklab,var(--foreground) calc(var(--ink-perimeter) * 100%),transparent );outline-offset: var(--focus-ring-width);border-radius: var(--radius-control);}.menu__item,.menu__sub-trigger{position: relative;display: flex;width: 100%;align-items: center;padding-block: 0.375rem;padding-inline: 0.5rem;cursor: default;outline: none;color: inherit;font-size: var(--dropdown-text);user-select: none;}.menu__item[data-inset],.menu__item[data-indicator="wide"]{padding-inline-start: 2rem;}.menu__item[data-indicator="start"]{padding-inline-start: 1.75rem;}.menu__item[data-disabled],.menu__sub-trigger[data-disabled]{pointer-events: none;cursor: not-allowed;opacity: var(--opacity-disabled);}.menu__indicator{position: absolute;inset-inline-start: 0.5rem;display: inline-flex;width: 0.875rem;height: 0.875rem;align-items: center;justify-content: center;}.menu__indicator > svg{width: 1rem;height: 1rem;}.menu__radio-dot{display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: var(--radius-circle);background: currentColor;}.menu__label{padding: 0.375rem 0.5rem;color: var(--muted-foreground);font-size: var(--dropdown-text-secondary);font-weight: 600;}.menu__label[data-inset]{padding-inline-start: 2rem;}.menu__shortcut{margin-inline-start: auto;font-size: var(--dropdown-text-secondary);letter-spacing: var(--type-tracking-caps);opacity: 0.6;}.menu__sub-chevron{width: 1rem;height: 1rem;margin-inline-start: auto;}[data-slot="select-content"]{--glass-veil-tier: var(--glass-veil-overlay);--overlay-viewport-inset: 4px;--overlay-option-radius: calc( var(--radius-card) - var(--overlay-viewport-inset) );background-image: linear-gradient( color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ),color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );border: 1px solid color-mix( in oklab,var(--foreground) calc(var(--ink-edge) * 100%),transparent );box-shadow: var(--glass-material-rim),var(--glass-under-shadow-vivid),var(--glass-shadow-floating),var(--shadow-cartoon-lg);max-inline-size: min(22rem,100vw - 2rem);max-block-size: var(--reka-select-content-available-height,100dvh);overflow: hidden;transform-origin: var(--reka-select-content-transform-origin);}[data-slot="select-viewport"]{padding: var(--overlay-viewport-inset);overscroll-behavior: contain;}[data-slot="select-content"][data-form="sheet"]{inline-size: 100vw;max-inline-size: none;border-end-start-radius: 0;border-end-end-radius: 0;border-block-end: 0;transform-origin: bottom center;}[data-slot="select-viewport"] [role="option"]{border-radius: var(--overlay-option-radius);}.glass-field-portal{position: relative;}.glass-field-portal::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;border-radius: inherit;background: radial-gradient( 70% 60% at 24% 22%,oklch(0.92 0.08 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.88 0.07 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.9 0.06 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,oklch(0.3 0.1 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.26 0.09 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.28 0.08 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}@supports not (color: oklch(0.9 0.08 48)){.glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 60% 88% / 0.5),transparent 72% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 45% 26% / 0.55),transparent 72% );}}}
|
|
1
|
+
@layer components{.glass-overlay-plate{--radius-ctx: var(--radius-card);--radius-inset: var(--overlay-pad);padding: var(--overlay-pad);color: var(--popover-foreground);overflow: hidden;}.glass-overlay-plate[data-reveal="menu"],.glass-overlay-plate[data-reveal="overlay"]{max-inline-size: min(22rem,100vw - 2rem);max-block-size: var(--reka-popper-available-height,100dvh);overflow-y: auto;overscroll-behavior: contain;}.glass-overlay-plate[data-reveal="menu"]{min-inline-size: var(--overlay-min-width);}.glass-overlay-plate[data-reveal="overlay"]{inline-size: min(21rem,calc(100dvw - 2 * var(--overlay-pad)));}.glass-overlay-plate[data-reveal="tooltip"]{--radius-ctx: var(--radius-panel);--radius-inset: var(--overlay-pad-hint);padding: var(--overlay-pad-hint);font-size: var(--tooltip-text);line-height: var(--type-leading-caption);max-block-size: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow-y: auto;}.menu__trigger:focus-visible{outline: var(--focus-ring-width) solid color-mix( in oklab,var(--foreground) calc(var(--ink-perimeter) * 100%),transparent );outline-offset: var(--focus-ring-width);border-radius: var(--radius-control);}.menu__item,.menu__sub-trigger{position: relative;display: flex;width: 100%;align-items: center;gap: var(--icon-label-gap);padding-block: 0.375rem;padding-inline: 0.5rem;cursor: default;outline: none;color: inherit;font-size: var(--dropdown-text);user-select: none;}.menu__item[data-inset],.menu__item[data-indicator="wide"]{padding-inline-start: 2rem;}.menu__item[data-indicator="start"]{padding-inline-start: 1.75rem;}.menu__item[data-disabled],.menu__sub-trigger[data-disabled]{pointer-events: none;cursor: not-allowed;opacity: var(--opacity-disabled);}.menu__indicator{position: absolute;inset-inline-start: 0.5rem;display: inline-flex;width: 0.875rem;height: 0.875rem;align-items: center;justify-content: center;}.menu__indicator > svg{width: 1rem;height: 1rem;}.menu__radio-dot{display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: var(--radius-circle);background: currentColor;}.menu__label{padding: 0.375rem 0.5rem;color: var(--muted-foreground);font-size: var(--dropdown-text-secondary);font-weight: 600;}.menu__label[data-inset]{padding-inline-start: 2rem;}.menu__shortcut{margin-inline-start: auto;font-size: var(--dropdown-text-secondary);letter-spacing: var(--type-tracking-caps);opacity: 0.6;}.menu__sub-chevron{width: 1rem;height: 1rem;margin-inline-start: auto;}[data-slot="select-content"]{--glass-veil-tier: var(--glass-veil-overlay);--overlay-viewport-inset: 4px;--overlay-option-radius: calc( var(--radius-card) - var(--overlay-viewport-inset) );background-image: linear-gradient( color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ),color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );border: 1px solid color-mix( in oklab,var(--foreground) calc(var(--ink-edge) * 100%),transparent );box-shadow: var(--glass-material-rim),var(--glass-under-shadow-vivid),var(--glass-shadow-floating),var(--shadow-cartoon-lg);max-inline-size: min(22rem,100vw - 2rem);max-block-size: var(--reka-select-content-available-height,100dvh);overflow: hidden;transform-origin: var(--reka-select-content-transform-origin);}[data-slot="select-viewport"]{padding: var(--overlay-viewport-inset);overscroll-behavior: contain;}[data-slot="select-content"][data-form="sheet"]{inline-size: 100vw;max-inline-size: none;border-end-start-radius: 0;border-end-end-radius: 0;border-block-end: 0;transform-origin: bottom center;}[data-slot="select-viewport"] [role="option"]{border-radius: var(--overlay-option-radius);}.glass-field-portal{position: relative;}.glass-field-portal::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;border-radius: inherit;background: radial-gradient( 70% 60% at 24% 22%,oklch(0.92 0.08 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.88 0.07 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.9 0.06 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,oklch(0.3 0.1 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.26 0.09 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.28 0.08 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}@supports not (color: oklch(0.9 0.08 48)){.glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 60% 88% / 0.5),transparent 72% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 45% 26% / 0.55),transparent 72% );}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-value-marks{position: absolute;inset: 0;pointer-events: none;}.glass-value-mark{position: absolute;inset-block: 0;inset-inline-start: var(--value-mark-position);inline-size: 0;}.glass-value-marks[data-inverted] .glass-value-mark{inset-inline-start: auto;inset-inline-end: var(--value-mark-position);}.glass-value-marks[data-orientation="vertical"] .glass-value-mark{inset-inline: 0;inset-block-start: auto;inset-block-end: var(--value-mark-position);inline-size: 100%;block-size: 0;}.glass-value-marks[data-orientation="vertical"][data-inverted] .glass-value-mark{inset-block-start: var(--value-mark-position);inset-block-end: auto;}.glass-value-mark[data-consumed]{opacity: 0;}.glass-value-mark{transition: opacity var(--spring-dock-duration) var(--spring-dock);}@media (prefers-reduced-motion: reduce){.glass-value-mark{transition: none;}}.glass-value-mark::before{content: "";position: absolute;left: 50%;top: 50%;inline-size: var(--value-mark-size,0.375rem);block-size: var(--value-mark-size,0.375rem);border-radius: 50%;background: var( --value-mark-color,color-mix(in srgb,var(--foreground) 34%,transparent) );transform: translate(-50%,-50%);}}
|
|
1
|
+
@layer components{.glass-value-marks{position: absolute;inset-block: 0;inset-inline: var(--value-mark-inset,0px);pointer-events: none;}.glass-value-marks[data-orientation="vertical"]{inset-inline: 0;inset-block: var(--value-mark-inset,0px);}.glass-value-mark{position: absolute;inset-block: 0;inset-inline-start: var(--value-mark-position);inline-size: 0;}.glass-value-marks[data-inverted] .glass-value-mark{inset-inline-start: auto;inset-inline-end: var(--value-mark-position);}.glass-value-marks[data-orientation="vertical"] .glass-value-mark{inset-inline: 0;inset-block-start: auto;inset-block-end: var(--value-mark-position);inline-size: 100%;block-size: 0;}.glass-value-marks[data-orientation="vertical"][data-inverted] .glass-value-mark{inset-block-start: var(--value-mark-position);inset-block-end: auto;}.glass-value-mark[data-consumed]{opacity: 0;}.glass-value-mark{transition: opacity var(--spring-dock-duration) var(--spring-dock);}@media (prefers-reduced-motion: reduce){.glass-value-mark{transition: none;}}.glass-value-mark::before{content: "";position: absolute;left: 50%;top: 50%;inline-size: var(--value-mark-size,0.375rem);block-size: var(--value-mark-size,0.375rem);border-radius: 50%;background: var( --value-mark-color,color-mix(in srgb,var(--foreground) 34%,transparent) );transform: translate(-50%,-50%);}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dark{color-scheme: dark;accent-color: var(--accent-color);--neutral-0: hsl(24 9% 4%);--neutral-1: hsl(28 12% 11%);--neutral-2: hsl(28 14% 16%);--neutral-3: hsl(30 18% 22%);--neutral-4: hsl(30 16% 34%);--neutral-5: hsl(34 14% 62%);--neutral-6: hsl(36 14% 72%);--foreground: hsl(30 14% 90%);--card: hsl(26 22% 17%);--popover: hsl(26 22% 17%);--surface-public-data-panel: hsl(36 9% 18%);--primary: oklch(0.739 0.134 318.1);--primary-foreground: hsl(24 10% 10%);--destructive: oklch(0.702 0.184 27.5);--destructive-foreground: hsl(24 10% 10%);--focus-ring-color: hsl(48 10% 70%);--shadow: hsl(0 0% 5%);--section-color-0: oklch(0.721 0.145 354.0);--section-color-1: oklch(0.733 0.113 308.2);--section-color-2: oklch(0.718 0.107 268.4);--section-color-3: oklch(0.767 0.091 219.9);--section-color-4: oklch(0.776 0.105 172.6);--section-color-5: oklch(0.813 0.109 78.2);--section-color-6: oklch(0.693 0.151 28.1);--section-color-7: oklch(0.739 0.134 318.1);--section-color-8: oklch(0.709 0.142 2.3);--section-color-9: oklch(0.763 0.032 239.0);--section-color-10: oklch(0.794 0.116 127.9);--section-color-11: oklch(0.805 0.095 206.7);--section-color-12: oklch(0.719 0.115 295.6);--accent-pink: oklch(0.683 0.131 354.7);--section-heading: oklch(0.711 0.123 349.3);--accent-red: oklch(0.644 0.165 22.9);--viz-fourier: oklch(0.693 0.151 28.1);--viz-chebyshev: oklch(0.718 0.107 268.4);--viz-legendre: oklch(0.739 0.134 318.1);--configurator-divider: color-mix(in srgb,var(--foreground) 22%,transparent);--configurator-divider-section: color-mix(in srgb,var(--foreground) 30%,transparent);--configurator-section-tint: color-mix(in srgb,var(--foreground) 3%,transparent);--tier-featured: oklch(0.867 0.165 88.7);--tier-saved: oklch(0.748 0.135 250.1);--like: oklch(0.690 0.162 22.2);--success: oklch(0.805 0.186 151.6);--warning: oklch(0.809 0.150 76.6);--info: oklch(0.713 0.138 259.5);--delete: oklch(0.644 0.170 23.1);--success-foreground: hsl(24 10% 10%);--warning-foreground: hsl(24 10% 10%);--info-foreground: hsl(24 10% 10%);--cartoon-ink-lead: color-mix(in oklab,var(--cartoon-ink) 46%,transparent);--cartoon-ink-mid: color-mix(in oklab,var(--cartoon-ink) 38%,transparent);--cartoon-ink-contact: color-mix(in oklab,var(--cartoon-ink) 26%,transparent);--cartoon-ink-fallback: #413626;--shadow-cartoon: -3px 3px 0px 0px var(--cartoon-ink-lead);--shadow-cartoon-hover: -4px 4px 0px 0px var(--cartoon-ink-lead);--shadow-soft: 0 4px 12px rgba(0,0,0,0.3);--shadow-elevated: 0 8px 24px rgba(0,0,0,0.35);--shadow-modal: -4px 4px 0px 0px var(--cartoon-ink-lead),0 24px 64px color-mix(in srgb,var(--foreground) 18%,transparent);--constellation-node: hsl(42 9% 72%);--constellation-node-dim: hsl(42 8% 56%);--constellation-line: hsl(45 12% 86%);--constellation-accent: hsl(20 70% 60%);--constellation-edge-alpha: 0.20;--constellation-edge-focus-alpha: 0.32;--constellation-alpha: 0.88;--constellation-edge-floor: 0;--constellation-edge-accent-alpha: 0.34;--paper-grain-opacity: 0.16;--glass-veil-ink: oklch(0.17 0.03 70);--glass-veil-base: 0.18;--glass-focus-veil-dim: color-mix(in oklab,var(--glass-plate-overlay) 40%,transparent);--on-glass-muted: hsl(34 16% 72%);--on-glass-muted-strong: hsl(36 13% 81%);--input-on-glass: hsl(26 12% 22%);--surface-tint-4: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 4%,transparent);--surface-tint-6: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 6%,transparent);--surface-tint-8: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 8%,transparent);--surface-tint-10: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 10%,transparent);--surface-tint-12: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 12%,transparent);--surface-tint-15: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 15%,transparent);--surface-tint-18: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 18%,transparent);--surface-tint-22: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 22%,transparent);--surface-tint-25: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 25%,transparent);--surface-tint-40: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 40%,transparent);--surface-tint-70: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 70%,transparent);--hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.05);--hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.06);--glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / calc(0.08 * var(--glass-level)));--glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb,var(--foreground) calc(6% * var(--glass-level)),transparent),inset var(--glass-key-shade-x) 0 0 color-mix(in srgb,var(--foreground) calc(4% * var(--glass-level)),transparent);--tab-track-recess-ink: color-mix(in srgb,var(--foreground) 11%,transparent);--glass-capsule-warm: oklch(0.42 0.06 75);--glass-curvature-intensity: 0.012;--gold: oklch(0.784 0.143 86.0);--gold-light: oklch(0.898 0.182 97.4);--gold-dark: oklch(0.678 0.150 63.8);--silver: oklch(0.792 0.012 255);--silver-light: oklch(0.912 0.010 255);--silver-dark: oklch(0.648 0.014 255);--bronze: oklch(0.650 0.090 54.0);--bronze-light: oklch(0.790 0.110 60.0);--bronze-dark: oklch(0.560 0.085 50.0);}
|
|
1
|
+
.dark{color-scheme: dark;accent-color: var(--accent-color);--neutral-0: hsl(24 9% 4%);--neutral-1: hsl(28 12% 11%);--neutral-2: hsl(28 14% 16%);--neutral-3: hsl(30 18% 22%);--neutral-4: hsl(30 16% 34%);--neutral-5: hsl(34 14% 62%);--neutral-6: hsl(36 14% 72%);--foreground: hsl(30 14% 90%);--shadow-color: color-mix(in oklab,var(--neutral-0),black 50%);--card: hsl(26 22% 17%);--popover: hsl(26 22% 17%);--surface-public-data-panel: hsl(36 9% 18%);--primary: oklch(0.739 0.134 318.1);--primary-foreground: hsl(24 10% 10%);--destructive: oklch(0.702 0.184 27.5);--destructive-foreground: hsl(24 10% 10%);--focus-ring-color: hsl(48 10% 70%);--shadow: hsl(0 0% 5%);--section-color-0: oklch(0.721 0.145 354.0);--section-color-1: oklch(0.733 0.113 308.2);--section-color-2: oklch(0.718 0.107 268.4);--section-color-3: oklch(0.767 0.091 219.9);--section-color-4: oklch(0.776 0.105 172.6);--section-color-5: oklch(0.813 0.109 78.2);--section-color-6: oklch(0.693 0.151 28.1);--section-color-7: oklch(0.739 0.134 318.1);--section-color-8: oklch(0.709 0.142 2.3);--section-color-9: oklch(0.763 0.032 239.0);--section-color-10: oklch(0.794 0.116 127.9);--section-color-11: oklch(0.805 0.095 206.7);--section-color-12: oklch(0.719 0.115 295.6);--accent-pink: oklch(0.683 0.131 354.7);--section-heading: oklch(0.711 0.123 349.3);--accent-red: oklch(0.644 0.165 22.9);--viz-fourier: oklch(0.693 0.151 28.1);--viz-chebyshev: oklch(0.718 0.107 268.4);--viz-legendre: oklch(0.739 0.134 318.1);--configurator-divider: color-mix(in srgb,var(--foreground) 22%,transparent);--configurator-divider-section: color-mix(in srgb,var(--foreground) 30%,transparent);--configurator-section-tint: color-mix(in srgb,var(--foreground) 3%,transparent);--tier-featured: oklch(0.867 0.165 88.7);--tier-saved: oklch(0.748 0.135 250.1);--like: oklch(0.690 0.162 22.2);--success: oklch(0.805 0.186 151.6);--warning: oklch(0.809 0.150 76.6);--info: oklch(0.713 0.138 259.5);--delete: oklch(0.644 0.170 23.1);--success-foreground: hsl(24 10% 10%);--warning-foreground: hsl(24 10% 10%);--info-foreground: hsl(24 10% 10%);--cartoon-ink-lead: color-mix(in oklab,var(--cartoon-ink) 46%,transparent);--cartoon-ink-mid: color-mix(in oklab,var(--cartoon-ink) 38%,transparent);--cartoon-ink-contact: color-mix(in oklab,var(--cartoon-ink) 26%,transparent);--cartoon-ink-fallback: #413626;--shadow-cartoon: -3px 3px 0px 0px var(--cartoon-ink-lead);--shadow-cartoon-hover: -4px 4px 0px 0px var(--cartoon-ink-lead);--shadow-soft: 0 4px 12px rgba(0,0,0,0.3);--shadow-elevated: 0 8px 24px rgba(0,0,0,0.35);--shadow-modal: -4px 4px 0px 0px var(--cartoon-ink-lead),0 24px 64px color-mix(in srgb,var(--foreground) 18%,transparent);--constellation-node: hsl(42 9% 72%);--constellation-node-dim: hsl(42 8% 56%);--constellation-line: hsl(45 12% 86%);--constellation-accent: hsl(20 70% 60%);--constellation-edge-alpha: 0.20;--constellation-edge-focus-alpha: 0.32;--constellation-alpha: 0.88;--constellation-edge-floor: 0;--constellation-edge-accent-alpha: 0.34;--paper-grain-opacity: 0.16;--glass-veil-ink: oklch(0.17 0.03 70);--glass-veil-base: 0.18;--glass-focus-veil-dim: color-mix(in oklab,var(--glass-plate-overlay) 40%,transparent);--on-glass-muted: hsl(34 16% 72%);--on-glass-muted-strong: hsl(36 13% 81%);--input-on-glass: hsl(26 12% 22%);--surface-tint-4: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 4%,transparent);--surface-tint-6: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 6%,transparent);--surface-tint-8: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 8%,transparent);--surface-tint-10: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 10%,transparent);--surface-tint-12: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 12%,transparent);--surface-tint-15: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 15%,transparent);--surface-tint-18: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 18%,transparent);--surface-tint-22: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 22%,transparent);--surface-tint-25: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 25%,transparent);--surface-tint-40: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 40%,transparent);--surface-tint-70: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 70%,transparent);--hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.05);--hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.06);--glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / calc(0.08 * var(--glass-level)));--glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb,var(--foreground) calc(6% * var(--glass-level)),transparent),inset var(--glass-key-shade-x) 0 0 color-mix(in srgb,var(--foreground) calc(4% * var(--glass-level)),transparent);--tab-track-recess-ink: color-mix(in srgb,var(--foreground) 11%,transparent);--glass-capsule-warm: oklch(0.42 0.06 75);--glass-curvature-intensity: 0.012;--gold: oklch(0.784 0.143 86.0);--gold-light: oklch(0.898 0.182 97.4);--gold-dark: oklch(0.678 0.150 63.8);--silver: oklch(0.792 0.012 255);--silver-light: oklch(0.912 0.010 255);--silver-dark: oklch(0.648 0.014 255);--bronze: oklch(0.650 0.090 54.0);--bronze-light: oklch(0.790 0.110 60.0);--bronze-dark: oklch(0.560 0.085 50.0);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (pointer: coarse){:root{--ui-scale: var(--ui-coarse-scale,1.5);--control-floor: var(--touch-target,2.75rem);}}@supports (color: light-dark(white,black)){:root{--neutral-0: light-dark(hsl(40 30% 98%),hsl(24 9% 4%));--neutral-1: light-dark(hsl(38 26% 95%),hsl(28 12% 11%));--neutral-2: light-dark(hsl(34 28% 90%),hsl(28 14% 16%));--neutral-3: light-dark(hsl(33 30% 82%),hsl(30 18% 22%));--neutral-4: light-dark(hsl(32 26% 70%),hsl(30 16% 34%));--neutral-5: light-dark(hsl(30 22% 40%),hsl(34 14% 62%));--neutral-6: light-dark(hsl(28 24% 30%),hsl(36 14% 72%));--foreground: light-dark(hsl(24 10% 10%),hsl(30 14% 90%));--card: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--popover: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--surface-public-data-panel: light-dark(hsl(44 16% 96%),hsl(36 9% 18%));--primary: light-dark(hsl(24 10% 10%),oklch(0.739 0.134 318.1));--primary-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--destructive: light-dark(hsl(0 72% 50%),oklch(0.702 0.184 27.5));--destructive-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--focus-ring-color: light-dark(hsl(24 10% 10%),hsl(48 10% 70%));--shadow: light-dark(hsl(24 10% 10%),hsl(0 0% 5%));--accent-color: light-dark(var(--primary),var(--focus-ring-color));--section-color-0: light-dark(oklch(0.552 0.192 359.8),oklch(0.721 0.145 354.0));--section-color-1: light-dark(oklch(0.502 0.165 305.9),oklch(0.733 0.113 308.2));--section-color-2: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--section-color-3: light-dark(oklch(0.542 0.089 222.8),oklch(0.767 0.091 219.9));--section-color-4: light-dark(oklch(0.521 0.088 171.1),oklch(0.776 0.105 172.6));--section-color-5: light-dark(oklch(0.530 0.124 69.6),oklch(0.813 0.109 78.2));--section-color-6: light-dark(oklch(0.549 0.201 30.4),oklch(0.693 0.151 28.1));--section-color-7: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--section-color-8: light-dark(oklch(0.520 0.176 8.4),oklch(0.709 0.142 2.3));--section-color-9: light-dark(oklch(0.492 0.038 239.6),oklch(0.763 0.032 239.0));--section-color-10: light-dark(oklch(0.526 0.103 128.8),oklch(0.794 0.116 127.9));--section-color-11: light-dark(oklch(0.511 0.092 208.0),oklch(0.805 0.095 206.7));--section-color-12: light-dark(oklch(0.513 0.163 291.9),oklch(0.719 0.115 295.6));--accent-pink: light-dark(oklch(0.613 0.197 353.8),oklch(0.683 0.131 354.7));--section-heading: light-dark(oklch(0.545 0.189 352.8),oklch(0.711 0.123 349.3));--accent-red: light-dark(oklch(0.574 0.216 27.5),oklch(0.644 0.165 22.9));--viz-fourier: light-dark(oklch(0.579 0.201 30.4),oklch(0.693 0.151 28.1));--viz-chebyshev: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--viz-legendre: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--tier-featured: light-dark(oklch(0.841 0.173 84.2),oklch(0.867 0.165 88.7));--tier-saved: light-dark(oklch(0.676 0.176 252.3),oklch(0.748 0.135 250.1));--like: light-dark(oklch(0.633 0.200 24.9),oklch(0.690 0.162 22.2));--success: light-dark(oklch(0.600 0.192 149.5),oklch(0.805 0.186 151.6));--warning: light-dark(oklch(0.635 0.165 70.6),oklch(0.809 0.150 76.6));--info: light-dark(oklch(0.626 0.186 259.6),oklch(0.713 0.138 259.5));--delete: light-dark(oklch(0.597 0.198 25.5),oklch(0.644 0.170 23.1));--gold: light-dark(oklch(0.751 0.147 84.2),oklch(0.784 0.143 86.0));--gold-light: light-dark(oklch(0.890 0.183 96.1),oklch(0.898 0.182 97.4));--gold-dark: light-dark(oklch(0.599 0.132 64.2),oklch(0.678 0.150 63.8));--silver: light-dark(oklch(0.760 0.012 255),oklch(0.792 0.012 255));--silver-light: light-dark(oklch(0.902 0.010 255),oklch(0.912 0.010 255));--silver-dark: light-dark(oklch(0.582 0.014 255),oklch(0.648 0.014 255));--bronze: light-dark(oklch(0.620 0.092 54.0),oklch(0.650 0.090 54.0));--bronze-light: light-dark(oklch(0.760 0.112 60.0),oklch(0.790 0.110 60.0));--bronze-dark: light-dark(oklch(0.500 0.082 50.0),oklch(0.560 0.085 50.0));}}
|
|
1
|
+
@media (pointer: coarse){:root{--ui-scale: var(--ui-coarse-scale,1.5);--control-floor: var(--touch-target,2.75rem);--control-text: max(var(--type-small),1rem);--control-text-sm: max(var(--type-caption),calc(1rem * 6 / 7));--field-text-floor: 1rem;}}@supports (color: light-dark(white,black)){:root{--neutral-0: light-dark(hsl(40 30% 98%),hsl(24 9% 4%));--neutral-1: light-dark(hsl(38 26% 95%),hsl(28 12% 11%));--neutral-2: light-dark(hsl(34 28% 90%),hsl(28 14% 16%));--neutral-3: light-dark(hsl(33 30% 82%),hsl(30 18% 22%));--neutral-4: light-dark(hsl(32 26% 70%),hsl(30 16% 34%));--neutral-5: light-dark(hsl(30 22% 40%),hsl(34 14% 62%));--neutral-6: light-dark(hsl(28 24% 30%),hsl(36 14% 72%));--foreground: light-dark(hsl(24 10% 10%),hsl(30 14% 90%));--card: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--popover: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--surface-public-data-panel: light-dark(hsl(44 16% 96%),hsl(36 9% 18%));--primary: light-dark(hsl(24 10% 10%),oklch(0.739 0.134 318.1));--primary-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--destructive: light-dark(hsl(0 72% 50%),oklch(0.702 0.184 27.5));--destructive-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--focus-ring-color: light-dark(hsl(24 10% 10%),hsl(48 10% 70%));--shadow: light-dark(hsl(24 10% 10%),hsl(0 0% 5%));--accent-color: light-dark(var(--primary),var(--focus-ring-color));--section-color-0: light-dark(oklch(0.552 0.192 359.8),oklch(0.721 0.145 354.0));--section-color-1: light-dark(oklch(0.502 0.165 305.9),oklch(0.733 0.113 308.2));--section-color-2: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--section-color-3: light-dark(oklch(0.542 0.089 222.8),oklch(0.767 0.091 219.9));--section-color-4: light-dark(oklch(0.521 0.088 171.1),oklch(0.776 0.105 172.6));--section-color-5: light-dark(oklch(0.530 0.124 69.6),oklch(0.813 0.109 78.2));--section-color-6: light-dark(oklch(0.549 0.201 30.4),oklch(0.693 0.151 28.1));--section-color-7: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--section-color-8: light-dark(oklch(0.520 0.176 8.4),oklch(0.709 0.142 2.3));--section-color-9: light-dark(oklch(0.492 0.038 239.6),oklch(0.763 0.032 239.0));--section-color-10: light-dark(oklch(0.526 0.103 128.8),oklch(0.794 0.116 127.9));--section-color-11: light-dark(oklch(0.511 0.092 208.0),oklch(0.805 0.095 206.7));--section-color-12: light-dark(oklch(0.513 0.163 291.9),oklch(0.719 0.115 295.6));--accent-pink: light-dark(oklch(0.613 0.197 353.8),oklch(0.683 0.131 354.7));--section-heading: light-dark(oklch(0.545 0.189 352.8),oklch(0.711 0.123 349.3));--accent-red: light-dark(oklch(0.574 0.216 27.5),oklch(0.644 0.165 22.9));--viz-fourier: light-dark(oklch(0.579 0.201 30.4),oklch(0.693 0.151 28.1));--viz-chebyshev: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--viz-legendre: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--tier-featured: light-dark(oklch(0.841 0.173 84.2),oklch(0.867 0.165 88.7));--tier-saved: light-dark(oklch(0.676 0.176 252.3),oklch(0.748 0.135 250.1));--like: light-dark(oklch(0.633 0.200 24.9),oklch(0.690 0.162 22.2));--success: light-dark(oklch(0.600 0.192 149.5),oklch(0.805 0.186 151.6));--warning: light-dark(oklch(0.635 0.165 70.6),oklch(0.809 0.150 76.6));--info: light-dark(oklch(0.626 0.186 259.6),oklch(0.713 0.138 259.5));--delete: light-dark(oklch(0.597 0.198 25.5),oklch(0.644 0.170 23.1));--gold: light-dark(oklch(0.751 0.147 84.2),oklch(0.784 0.143 86.0));--gold-light: light-dark(oklch(0.890 0.183 96.1),oklch(0.898 0.182 97.4));--gold-dark: light-dark(oklch(0.599 0.132 64.2),oklch(0.678 0.150 63.8));--silver: light-dark(oklch(0.760 0.012 255),oklch(0.792 0.012 255));--silver-light: light-dark(oklch(0.902 0.010 255),oklch(0.912 0.010 255));--silver-dark: light-dark(oklch(0.582 0.014 255),oklch(0.648 0.014 255));--bronze: light-dark(oklch(0.620 0.092 54.0),oklch(0.650 0.090 54.0));--bronze-light: light-dark(oklch(0.760 0.112 60.0),oklch(0.790 0.110 60.0));--bronze-dark: light-dark(oklch(0.500 0.082 50.0),oklch(0.560 0.085 50.0));}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ui-scale: 1;--ui-coarse-scale: 1.5;--control-floor: 0px;--control-h-xs: max(calc(1.75rem * var(--ui-scale)),var(--control-floor));--control-h-sm: max(calc(2.25rem * var(--ui-scale)),var(--control-floor));--control-h-md: max(calc(2.5rem * var(--ui-scale)),var(--control-floor));--control-h-lg: max(calc(2.75rem * var(--ui-scale)),var(--control-floor));--control-text: calc(var(--type-small) * var(--ui-scale));--control-text-sm: calc(var(--type-caption) * var(--ui-scale));--control-label: calc(var(--control-text) * 0.886653);--ui-glyph: calc(1rem * var(--ui-scale));--ui-glyph-sm: calc(0.875rem * var(--ui-scale));--textarea-content-max: 12lh;--dropdown-text: var(--control-text);--dropdown-text-secondary: var(--control-text-sm);--dropdown-input-height: var(--control-h-md);--search-icon-size: var(--ui-glyph-sm);--search-button-size: var(--control-h-xs);--search-result-text: var(--control-text);--search-result-text-secondary: var(--control-text-sm);--size-icon-btn: 2.5rem;--icon-xs: 0.75rem;--icon-sm: 0.875rem;--icon-md: 1rem;--icon-lg: 1.25rem;--icon-xl: 1.5rem;--icon-2xl: 2rem;--icon-3xl: var(--size-icon-btn);--icon-hero: 3.5rem;--space-residue: 0.25rem;--space-atom: 0.5rem;--space-body: 0.75rem;--space-family: 1.25rem;--space-section: 2rem;--space-page: 3.25rem;--space-phi-5: 2.618rem;--space-phi-6: 4.236rem;--dock-h: calc(var(--size-icon-btn) + 0.75rem + 3px);--dock-scale: calc(var(--ui-scale) * var(--dock-local-scale,1));--dock-local-scale: 1;--dock-mobile-scale: initial;--dock-coarse-scale: 0.78;--dock-icon-glyph-ratio: 0.5;--dock-icon-glyph-floor: 1rem;--dock-icon-glyph: max( calc(var(--dock-layer-height,calc(2.5rem * var(--dock-scale))) * var(--dock-icon-glyph-ratio)),var(--dock-icon-glyph-floor) );--dock-control-glyph-size: var(--dock-icon-glyph);--dock-collapsed-summary-min-size: calc(var(--dock-layer-height,2.5rem) * 0.85);--dock-collapsed-padding: calc(0.25rem * var(--dock-scale));--dock-scroll-safe-inset: calc(var(--focus-ring-width,2px) + 1px);--dock-scroll-gutter: var(--dock-scroll-safe-inset);--dock-control-hover-bg: var(--glass-plate-resting);--dock-control-active-bg: var(--glass-plate-floating);--dock-control-specular-size: 22%;--dock-layer-switcher-bg: transparent;--dock-hairline: var(--surface-tint-15);--dock-layer-switcher-hover: color-mix(in srgb,var(--accent) 30%,transparent);--dock-layer-switcher-active: var(--glass-plate-floating);--dock-layer-tab-size: calc(1.75rem * var(--dock-scale));--dock-active-bg: var(--dock-control-active-bg);--dock-active-color: var(--foreground);--dock-active-scale: 1;--dock-active-border: none;--dock-active-shadow: none;--dock-selected-accent: color-mix(in oklab,var(--foreground) 14%,transparent);--dock-ring: var(--focus-ring-shadow);--dock-control-press-bg: color-mix( in oklab,var(--glass-plate-resting),var(--foreground) 7% );--dock-touch-target: 2.75rem;--dock-label-ratio: 0.5088;--touch-target: 2.75rem;--slider-touch-target: 1.5rem;--slider-track-height-sm: 0.75rem;--slider-thumb-size-sm: 0.5rem;--slider-track-height-md: 1.25rem;--slider-thumb-size-md: 1rem;--slider-track-height-lg: 1.75rem;--slider-thumb-size-lg: 1.5rem;}@media (max-width: 768px){:root{--space-page: 2rem;--space-section: 1.25rem;--space-family: 0.75rem;--space-body: 0.5rem;--space-atom: 0.25rem;--space-residue: 0.25rem;}}
|
|
1
|
+
:root{--ui-scale: 1;--ui-coarse-scale: 1.5;--control-floor: 0px;--control-h-xs: max(calc(1.75rem * var(--ui-scale)),var(--control-floor));--control-h-sm: max(calc(2.25rem * var(--ui-scale)),var(--control-floor));--control-h-md: max(calc(2.5rem * var(--ui-scale)),var(--control-floor));--control-h-lg: max(calc(2.75rem * var(--ui-scale)),var(--control-floor));--control-text: calc(var(--type-small) * var(--ui-scale));--control-text-sm: calc(var(--type-caption) * var(--ui-scale));--control-label: calc(var(--control-text) * 0.886653);--field-text-floor: 0px;--ui-glyph: calc(1rem * var(--ui-scale));--ui-glyph-sm: calc(0.875rem * var(--ui-scale));--textarea-content-max: 12lh;--icon-label-gap: 0.25rem;--dropdown-text: var(--control-text);--dropdown-text-secondary: var(--control-text-sm);--dropdown-input-height: var(--control-h-md);--search-icon-size: var(--ui-glyph-sm);--search-button-size: var(--control-h-xs);--search-result-text: var(--control-text);--search-result-text-secondary: var(--control-text-sm);--size-icon-btn: 2.5rem;--icon-xs: 0.75rem;--icon-sm: 0.875rem;--icon-md: 1rem;--icon-lg: 1.25rem;--icon-xl: 1.5rem;--icon-2xl: 2rem;--icon-3xl: var(--size-icon-btn);--icon-hero: 3.5rem;--space-residue: 0.25rem;--space-atom: 0.5rem;--space-body: 0.75rem;--space-family: 1.25rem;--space-section: 2rem;--space-page: 3.25rem;--space-phi-5: 2.618rem;--space-phi-6: 4.236rem;--dock-h: calc(var(--size-icon-btn) + 0.75rem + 3px);--dock-scale: calc(var(--ui-scale) * var(--dock-local-scale,1));--dock-local-scale: 1;--dock-mobile-scale: initial;--dock-coarse-scale: 0.78;--dock-icon-glyph-ratio: 0.5;--dock-icon-glyph-floor: 1rem;--dock-icon-glyph: max( calc(var(--dock-layer-height,calc(2.5rem * var(--dock-scale))) * var(--dock-icon-glyph-ratio)),var(--dock-icon-glyph-floor) );--dock-control-glyph-size: var(--dock-icon-glyph);--dock-collapsed-summary-min-size: calc(var(--dock-layer-height,2.5rem) * 0.85);--dock-collapsed-padding: calc(0.25rem * var(--dock-scale));--dock-scroll-safe-inset: calc(var(--focus-ring-width,2px) + 1px);--dock-scroll-gutter: var(--dock-scroll-safe-inset);--dock-control-hover-bg: var(--glass-plate-resting);--dock-control-active-bg: var(--glass-plate-floating);--dock-control-specular-size: 22%;--dock-layer-switcher-bg: transparent;--dock-hairline: var(--surface-tint-15);--dock-layer-switcher-hover: color-mix(in srgb,var(--accent) 30%,transparent);--dock-layer-switcher-active: var(--glass-plate-floating);--dock-layer-tab-size: calc(1.75rem * var(--dock-scale));--dock-active-bg: var(--dock-control-active-bg);--dock-active-color: var(--foreground);--dock-active-scale: 1;--dock-active-border: none;--dock-active-shadow: none;--dock-selected-accent: color-mix(in oklab,var(--foreground) 14%,transparent);--dock-ring: var(--focus-ring-shadow);--dock-control-press-bg: color-mix( in oklab,var(--glass-plate-resting),var(--foreground) 7% );--dock-touch-target: 2.75rem;--dock-label-ratio: 0.5088;--touch-target: 2.75rem;--slider-touch-target: 1.5rem;--slider-track-height-sm: 0.75rem;--slider-thumb-size-sm: 0.5rem;--slider-track-height-md: 1.25rem;--slider-thumb-size-md: 1rem;--slider-track-height-lg: 1.75rem;--slider-thumb-size-lg: 1.5rem;}@media (max-width: 768px){:root{--space-page: 2rem;--space-section: 1.25rem;--space-family: 0.75rem;--space-body: 0.5rem;--space-atom: 0.25rem;--space-residue: 0.25rem;}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.input-bar{display: flex;align-items: center;gap: 0.5rem;border-radius: var(--radius-control);border: 1px solid var(--glass-border-floating);background: var(--glass-plate-floating);-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);padding: 0 0.75rem;height: var(--control-pill-h,var(--control-h-sm));max-width: var(--max-width-input);width: 100%;transition: box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);}.input-bar:focus-within{box-shadow: var(--focus-ring-shadow);border-color: var(--border);}.input-bar-field{font-family: var(--input-bar-font,var(--font-mono,monospace));font-size: var(--control-pill-text,var(--control-text));background: transparent;border: none;outline: none;flex: 1;min-width: 0;}.input-bar-field::placeholder{color: var(--muted-foreground);}:where(.hover-lift,.hover-lift-md,.hover-lift-lg){translate: 0;transition-property: translate,box-shadow;transition-duration: var(--duration-normal);transition-timing-function: var(--ease-standard);}.hover-lift:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-sm);box-shadow: var(--shadow-md);}.hover-lift-md:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-md);box-shadow: var(--shadow-md);}.hover-lift-lg:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-lg);box-shadow: var(--shadow-lg);}:where(.shadow-cartoon-sm,.shadow-cartoon-md,.shadow-cartoon-lg){border: 2px solid var(--border);}.shadow-cartoon-sm{box-shadow: var(--shadow-cartoon-sm);translate: 0 -1px;}.shadow-cartoon-md{box-shadow: var(--shadow-cartoon-md);translate: 0 -1px;}.shadow-cartoon-lg{box-shadow: var(--shadow-cartoon-lg);translate: 0 -2px;}.divider-h{height: 2px;background: linear-gradient( to right,transparent 1%,var(--border) 8%,var(--border) 92%,transparent 99% );}.divider-h-tapered{height: 2px;background: linear-gradient( to right,transparent 3%,var(--border) 15%,var(--border) 85%,transparent 97% );}}@utility shadow-cartoon{box-shadow: var(--shadow-cartoon);}@utility shadow-cartoon-hover{box-shadow: var(--shadow-cartoon-hover);}@utility shadow-soft{box-shadow: var(--shadow-soft);}@utility shadow-elevated{box-shadow: var(--shadow-elevated);}@utility shadow-modal{box-shadow: var(--shadow-modal);}
|
|
1
|
+
@layer components{.input-bar{display: flex;align-items: center;gap: 0.5rem;border-radius: var(--radius-control);border: 1px solid var(--glass-border-floating);background: var(--glass-plate-floating);-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);padding: 0 0.75rem;height: var(--control-pill-h,var(--control-h-sm));max-width: var(--max-width-input);width: 100%;transition: box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);}.input-bar:focus-within{box-shadow: var(--focus-ring-shadow);border-color: var(--border);}.input-bar-field{font-family: var(--input-bar-font,var(--font-mono,monospace));font-size: max(var(--control-pill-text,var(--control-text)),var(--field-text-floor));background: transparent;border: none;outline: none;flex: 1;min-width: 0;}.input-bar-field::placeholder{color: var(--muted-foreground);}:where(.hover-lift,.hover-lift-md,.hover-lift-lg){translate: 0;transition-property: translate,box-shadow;transition-duration: var(--duration-normal);transition-timing-function: var(--ease-standard);}.hover-lift:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-sm);box-shadow: var(--shadow-md);}.hover-lift-md:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-md);box-shadow: var(--shadow-md);}.hover-lift-lg:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-lg);box-shadow: var(--shadow-lg);}:where(.shadow-cartoon-sm,.shadow-cartoon-md,.shadow-cartoon-lg){border: 2px solid var(--border);}.shadow-cartoon-sm{box-shadow: var(--shadow-cartoon-sm);translate: 0 -1px;}.shadow-cartoon-md{box-shadow: var(--shadow-cartoon-md);translate: 0 -1px;}.shadow-cartoon-lg{box-shadow: var(--shadow-cartoon-lg);translate: 0 -2px;}.divider-h{height: 2px;background: linear-gradient( to right,transparent 1%,var(--border) 8%,var(--border) 92%,transparent 99% );}.divider-h-tapered{height: 2px;background: linear-gradient( to right,transparent 3%,var(--border) 15%,var(--border) 85%,transparent 97% );}}@utility shadow-cartoon{box-shadow: var(--shadow-cartoon);}@utility shadow-cartoon-hover{box-shadow: var(--shadow-cartoon-hover);}@utility shadow-soft{box-shadow: var(--shadow-soft);}@utility shadow-elevated{box-shadow: var(--shadow-elevated);}@utility shadow-modal{box-shadow: var(--shadow-modal);}
|