@spear-ai/spectral 1.16.4 → 1.16.5
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/InputSearch.d.ts +66 -0
- package/dist/InputSearch.d.ts.map +1 -0
- package/dist/InputSearch.js +374 -0
- package/dist/InputSearch.js.map +1 -0
- package/dist/index.d.ts +3 -2
- package/dist/index.js +3 -2
- package/dist/styles/spectral.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { BaseFormFieldProps, BaseOption, DropdownWidth, FormFieldState } from "./utils/formFieldUtils.js";
|
|
3
|
+
import { ReactNode, Ref } from "react";
|
|
4
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
|
+
|
|
6
|
+
//#region src/components/InputSearch/InputSearch.d.ts
|
|
7
|
+
type InputSearchOption = BaseOption;
|
|
8
|
+
interface InputSearchProps extends Omit<BaseFormFieldProps, 'onChange' | 'state'> {
|
|
9
|
+
className?: string;
|
|
10
|
+
createOptionLabel?: (query: string) => ReactNode;
|
|
11
|
+
creatingLabel?: string;
|
|
12
|
+
defaultValue?: string;
|
|
13
|
+
dropdownWidth?: DropdownWidth;
|
|
14
|
+
emptyMessage?: string;
|
|
15
|
+
isCreating?: boolean;
|
|
16
|
+
labelClassName?: string;
|
|
17
|
+
onChange?: (value: string) => void;
|
|
18
|
+
onCreate?: (query: string) => void;
|
|
19
|
+
onValueChange?: (value: string) => void;
|
|
20
|
+
options: InputSearchOption[];
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
renderOption?: (option: InputSearchOption) => ReactNode;
|
|
23
|
+
showSearchIcon?: boolean;
|
|
24
|
+
state?: Exclude<FormFieldState, 'disabled'>;
|
|
25
|
+
value?: string;
|
|
26
|
+
warningMessage?: BaseFormFieldProps['errorMessage'];
|
|
27
|
+
}
|
|
28
|
+
declare function InputSearch({
|
|
29
|
+
className,
|
|
30
|
+
createOptionLabel,
|
|
31
|
+
creatingLabel,
|
|
32
|
+
defaultValue,
|
|
33
|
+
disabled,
|
|
34
|
+
dropdownWidth,
|
|
35
|
+
emptyMessage,
|
|
36
|
+
errorMessage,
|
|
37
|
+
id,
|
|
38
|
+
isCreating,
|
|
39
|
+
label,
|
|
40
|
+
labelClassName,
|
|
41
|
+
messageReserveLines,
|
|
42
|
+
messageReserveSpace,
|
|
43
|
+
name,
|
|
44
|
+
onChange,
|
|
45
|
+
onCreate,
|
|
46
|
+
onValueChange,
|
|
47
|
+
options,
|
|
48
|
+
placeholder,
|
|
49
|
+
ref,
|
|
50
|
+
renderOption,
|
|
51
|
+
required,
|
|
52
|
+
showSearchIcon,
|
|
53
|
+
state,
|
|
54
|
+
value: valueProp,
|
|
55
|
+
warningMessage,
|
|
56
|
+
'aria-describedby': ariaDescribedBy,
|
|
57
|
+
'aria-label': ariaLabel
|
|
58
|
+
}: InputSearchProps & {
|
|
59
|
+
ref?: Ref<HTMLDivElement>;
|
|
60
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
61
|
+
declare namespace InputSearch {
|
|
62
|
+
var displayName: string;
|
|
63
|
+
}
|
|
64
|
+
//#endregion
|
|
65
|
+
export { InputSearch, InputSearchOption, InputSearchProps };
|
|
66
|
+
//# sourceMappingURL=InputSearch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputSearch.d.ts","names":[],"sources":["../src/components/InputSearch/InputSearch.tsx"],"mappings":";;;;;;KA0BY,iBAAA,GAAoB,UAAA;AAAA,UAEf,gBAAA,SAAyB,IAAA,CAAK,kBAAA;EAC7C,SAAA;EACA,iBAAA,IAAqB,KAAA,aAAkB,SAAA;EACvC,aAAA;EACA,YAAA;EACA,aAAA,GAAgB,aAAA;EAChB,YAAA;EACA,UAAA;EACA,cAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA,IAAY,KAAA;EACZ,aAAA,IAAiB,KAAA;EACjB,OAAA,EAAS,iBAAA;EACT,WAAA;EACA,YAAA,IAAgB,MAAA,EAAQ,iBAAA,KAAsB,SAAA;EAC9C,cAAA;EACA,KAAA,GAAQ,OAAA,CAAQ,cAAA;EAChB,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA;EAajB,SAAA;EACA,iBAAA;EACA,aAAA;EACA,YAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,EAAA;EACA,UAAA;EACA,KAAA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,IAAA;EACA,QAAA;EACA,QAAA;EACA,aAAA;EACA,OAAA;EACA,WAAA;EACA,GAAA;EACA,YAAA;EACA,QAAA;EACA,cAAA;EACA,KAAA;EACA,KAAA,EAAO,SAAA;EACP,cAAA;EAAA,oBACoB,eAAA;EAAA,cACN;AAAA,GACb,gBAAA;EAAqB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}
|
|
@@ -0,0 +1,374 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { CloseCircleIcon } from "./Icons/CloseCircleIcon.js";
|
|
3
|
+
import { ErrorIcon } from "./Icons/ErrorIcon.js";
|
|
4
|
+
import { LoaderIcon } from "./Icons/LoaderIcon.js";
|
|
5
|
+
import { PlusIcon } from "./Icons/PlusIcon.js";
|
|
6
|
+
import { SearchIcon } from "./Icons/SearchIcon.js";
|
|
7
|
+
import { WarningIcon } from "./Icons/WarningIcon.js";
|
|
8
|
+
import { cn } from "./utils/twUtils.js";
|
|
9
|
+
import { ErrorMessage, WarningMessage } from "./FormFieldMessage.js";
|
|
10
|
+
import { EmptyState, getAriaProps, getDropdownSurfaceClasses, getDropdownWidthStyles, getErrorMessageId, getFormFieldCSSProperties, getInputClasses, getOptionClasses, useFormFieldId, useFormFieldState } from "./utils/formFieldUtils.js";
|
|
11
|
+
import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
|
|
12
|
+
import { Label } from "./Label.js";
|
|
13
|
+
import { useAutoDropdownHorizontalShift } from "./utils/dropdownPositioning.js";
|
|
14
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
15
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
+
import { createPortal } from "react-dom";
|
|
17
|
+
|
|
18
|
+
//#region src/components/InputSearch/InputSearch.tsx
|
|
19
|
+
const defaultCreateOptionLabel = (query) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PlusIcon, {
|
|
20
|
+
size: 16,
|
|
21
|
+
className: "shrink-0"
|
|
22
|
+
}), /* @__PURE__ */ jsxs("span", {
|
|
23
|
+
className: "truncate",
|
|
24
|
+
children: ["Create ", /* @__PURE__ */ jsxs("span", {
|
|
25
|
+
className: "font-semibold",
|
|
26
|
+
children: [
|
|
27
|
+
"“",
|
|
28
|
+
query,
|
|
29
|
+
"”"
|
|
30
|
+
]
|
|
31
|
+
})]
|
|
32
|
+
})] });
|
|
33
|
+
const InputSearch = ({ className, createOptionLabel = defaultCreateOptionLabel, creatingLabel = "Creating…", defaultValue = "", disabled, dropdownWidth = "trigger", emptyMessage = "No options found", errorMessage, id, isCreating = false, label, labelClassName, messageReserveLines = 1, messageReserveSpace = false, name, onChange, onCreate, onValueChange, options, placeholder = "Search…", ref, renderOption, required, showSearchIcon = true, state = "default", value: valueProp, warningMessage, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel }) => {
|
|
34
|
+
if (!label && !ariaLabel) console.warn("InputSearch: provide either `label` or `aria-label` for an accessible name.");
|
|
35
|
+
const fieldId = useFormFieldId(id, name);
|
|
36
|
+
const listboxId = `${fieldId}-listbox`;
|
|
37
|
+
const errorMessageId = getErrorMessageId(fieldId);
|
|
38
|
+
const warningMessageId = `${fieldId}-warning`;
|
|
39
|
+
const messageId = state === "error" ? errorMessageId : state === "warning" && warningMessage ? warningMessageId : void 0;
|
|
40
|
+
const { isDisabled, isLoading, isInvalid } = useFormFieldState(disabled, state);
|
|
41
|
+
const ariaProps = getAriaProps(state, ariaDescribedBy, required, messageId);
|
|
42
|
+
const [value, setValue] = useUncontrolledState({
|
|
43
|
+
value: valueProp,
|
|
44
|
+
defaultValue,
|
|
45
|
+
onChange: (nextValue) => {
|
|
46
|
+
if (onChange) onChange(nextValue);
|
|
47
|
+
else onValueChange?.(nextValue);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
const [query, setQuery] = useState("");
|
|
51
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
52
|
+
const [highlightedIndex, setHighlightedIndex] = useState(-1);
|
|
53
|
+
const [dropdownPosition, setDropdownPosition] = useState(null);
|
|
54
|
+
const inputRef = useRef(null);
|
|
55
|
+
const listRef = useRef(null);
|
|
56
|
+
const blurTimeoutRef = useRef(null);
|
|
57
|
+
const triggerRef = useRef(null);
|
|
58
|
+
const selectedOption = useMemo(() => options.find((option) => option.value === value) ?? null, [options, value]);
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
if (!isFocused) setQuery(selectedOption?.label ?? "");
|
|
61
|
+
}, [selectedOption, isFocused]);
|
|
62
|
+
const trimmedQuery = query.trim();
|
|
63
|
+
const filteredOptions = useMemo(() => {
|
|
64
|
+
if (trimmedQuery.length === 0) return options;
|
|
65
|
+
const lower = trimmedQuery.toLowerCase();
|
|
66
|
+
return options.filter((option) => option.label.toLowerCase().includes(lower));
|
|
67
|
+
}, [trimmedQuery, options]);
|
|
68
|
+
const exactMatch = useMemo(() => options.some((option) => option.label.toLowerCase() === trimmedQuery.toLowerCase()), [options, trimmedQuery]);
|
|
69
|
+
const showCreateOption = onCreate !== void 0 && trimmedQuery.length > 0 && !exactMatch;
|
|
70
|
+
const createOptionIndex = showCreateOption ? filteredOptions.length : -1;
|
|
71
|
+
const totalItems = filteredOptions.length + (showCreateOption ? 1 : 0);
|
|
72
|
+
const showDropdown = isFocused && !isDisabled && !isLoading;
|
|
73
|
+
const showEmptyState = showDropdown && totalItems === 0;
|
|
74
|
+
const { dropdownShiftStyle, recalculateDropdownPosition, setDropdownElement } = useAutoDropdownHorizontalShift(showDropdown);
|
|
75
|
+
const updateDropdownPosition = useCallback(() => {
|
|
76
|
+
const trigger = triggerRef.current;
|
|
77
|
+
if (!trigger) return;
|
|
78
|
+
const rect = trigger.getBoundingClientRect();
|
|
79
|
+
setDropdownPosition({
|
|
80
|
+
top: rect.bottom + 4,
|
|
81
|
+
left: rect.left,
|
|
82
|
+
width: rect.width
|
|
83
|
+
});
|
|
84
|
+
recalculateDropdownPosition();
|
|
85
|
+
}, [recalculateDropdownPosition]);
|
|
86
|
+
useLayoutEffect(() => {
|
|
87
|
+
if (!showDropdown) {
|
|
88
|
+
setDropdownPosition(null);
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
updateDropdownPosition();
|
|
92
|
+
const handle = () => updateDropdownPosition();
|
|
93
|
+
window.addEventListener("scroll", handle, true);
|
|
94
|
+
window.addEventListener("resize", handle);
|
|
95
|
+
return () => {
|
|
96
|
+
window.removeEventListener("scroll", handle, true);
|
|
97
|
+
window.removeEventListener("resize", handle);
|
|
98
|
+
};
|
|
99
|
+
}, [showDropdown, updateDropdownPosition]);
|
|
100
|
+
useLayoutEffect(() => {
|
|
101
|
+
if (!showDropdown) return;
|
|
102
|
+
updateDropdownPosition();
|
|
103
|
+
}, [
|
|
104
|
+
showDropdown,
|
|
105
|
+
updateDropdownPosition,
|
|
106
|
+
filteredOptions.length,
|
|
107
|
+
showCreateOption
|
|
108
|
+
]);
|
|
109
|
+
useEffect(() => {
|
|
110
|
+
setHighlightedIndex(-1);
|
|
111
|
+
}, [filteredOptions.length, showCreateOption]);
|
|
112
|
+
useEffect(() => {
|
|
113
|
+
if (highlightedIndex < 0 || !listRef.current) return;
|
|
114
|
+
listRef.current.querySelector(`[data-index='${highlightedIndex}']`)?.scrollIntoView({ block: "nearest" });
|
|
115
|
+
}, [highlightedIndex]);
|
|
116
|
+
useEffect(() => () => {
|
|
117
|
+
if (blurTimeoutRef.current !== null) clearTimeout(blurTimeoutRef.current);
|
|
118
|
+
}, []);
|
|
119
|
+
const commitSelection = useCallback((option) => {
|
|
120
|
+
if (option.disabled) return;
|
|
121
|
+
setValue(option.value);
|
|
122
|
+
setQuery(option.label);
|
|
123
|
+
setIsFocused(false);
|
|
124
|
+
setHighlightedIndex(-1);
|
|
125
|
+
inputRef.current?.blur();
|
|
126
|
+
}, [setValue]);
|
|
127
|
+
const commitCreate = useCallback(() => {
|
|
128
|
+
if (!onCreate || isCreating || trimmedQuery.length === 0) return;
|
|
129
|
+
onCreate(trimmedQuery);
|
|
130
|
+
}, [
|
|
131
|
+
onCreate,
|
|
132
|
+
isCreating,
|
|
133
|
+
trimmedQuery
|
|
134
|
+
]);
|
|
135
|
+
const handleKeyDown = useCallback((event) => {
|
|
136
|
+
switch (event.key) {
|
|
137
|
+
case "ArrowDown":
|
|
138
|
+
if (totalItems === 0) return;
|
|
139
|
+
event.preventDefault();
|
|
140
|
+
setHighlightedIndex((prev) => prev < totalItems - 1 ? prev + 1 : prev);
|
|
141
|
+
break;
|
|
142
|
+
case "ArrowUp":
|
|
143
|
+
if (totalItems === 0) return;
|
|
144
|
+
event.preventDefault();
|
|
145
|
+
setHighlightedIndex((prev) => prev > 0 ? prev - 1 : 0);
|
|
146
|
+
break;
|
|
147
|
+
case "Enter":
|
|
148
|
+
if (totalItems === 0) return;
|
|
149
|
+
event.preventDefault();
|
|
150
|
+
if (highlightedIndex >= 0 && highlightedIndex < filteredOptions.length) {
|
|
151
|
+
const option = filteredOptions[highlightedIndex];
|
|
152
|
+
if (option) commitSelection(option);
|
|
153
|
+
} else if (highlightedIndex === createOptionIndex && !isCreating) commitCreate();
|
|
154
|
+
break;
|
|
155
|
+
case "Escape":
|
|
156
|
+
event.preventDefault();
|
|
157
|
+
setIsFocused(false);
|
|
158
|
+
setHighlightedIndex(-1);
|
|
159
|
+
if (selectedOption) setQuery(selectedOption.label);
|
|
160
|
+
inputRef.current?.blur();
|
|
161
|
+
break;
|
|
162
|
+
default: break;
|
|
163
|
+
}
|
|
164
|
+
}, [
|
|
165
|
+
totalItems,
|
|
166
|
+
filteredOptions,
|
|
167
|
+
highlightedIndex,
|
|
168
|
+
createOptionIndex,
|
|
169
|
+
commitSelection,
|
|
170
|
+
commitCreate,
|
|
171
|
+
isCreating,
|
|
172
|
+
selectedOption
|
|
173
|
+
]);
|
|
174
|
+
const handleFocus = useCallback(() => {
|
|
175
|
+
if (blurTimeoutRef.current !== null) {
|
|
176
|
+
clearTimeout(blurTimeoutRef.current);
|
|
177
|
+
blurTimeoutRef.current = null;
|
|
178
|
+
}
|
|
179
|
+
setIsFocused(true);
|
|
180
|
+
setQuery("");
|
|
181
|
+
}, []);
|
|
182
|
+
const handleBlur = useCallback(() => {
|
|
183
|
+
if (blurTimeoutRef.current !== null) clearTimeout(blurTimeoutRef.current);
|
|
184
|
+
blurTimeoutRef.current = setTimeout(() => {
|
|
185
|
+
blurTimeoutRef.current = null;
|
|
186
|
+
setIsFocused(false);
|
|
187
|
+
setHighlightedIndex(-1);
|
|
188
|
+
setQuery(selectedOption?.label ?? "");
|
|
189
|
+
}, 150);
|
|
190
|
+
}, [selectedOption]);
|
|
191
|
+
const handleClear = useCallback(() => {
|
|
192
|
+
setValue("");
|
|
193
|
+
setQuery("");
|
|
194
|
+
inputRef.current?.focus();
|
|
195
|
+
}, [setValue]);
|
|
196
|
+
const showClearButton = !isLoading && !isDisabled && (value.length > 0 || isFocused && query.length > 0);
|
|
197
|
+
const { dropdownWidthMode, dropdownWidthStyle } = getDropdownWidthStyles({
|
|
198
|
+
dropdownWidth,
|
|
199
|
+
triggerWidth: "100%"
|
|
200
|
+
});
|
|
201
|
+
const inputClasses = cn(getInputClasses(state, className), "pe-12", showSearchIcon && "ps-11", showClearButton && "pe-10", state === "loading" && "cursor-wait");
|
|
202
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
203
|
+
className: "flex w-full flex-col gap-1.5",
|
|
204
|
+
"data-testid": "spectral-input-search-container",
|
|
205
|
+
ref,
|
|
206
|
+
children: [
|
|
207
|
+
label && /* @__PURE__ */ jsx(Label, {
|
|
208
|
+
className: cn("mb-2 block", labelClassName, isDisabled && "cursor-not-allowed text-input-text--disabled"),
|
|
209
|
+
"data-testid": "spectral-input-search-label",
|
|
210
|
+
htmlFor: fieldId,
|
|
211
|
+
children: label
|
|
212
|
+
}),
|
|
213
|
+
/* @__PURE__ */ jsx("div", {
|
|
214
|
+
className: "relative",
|
|
215
|
+
"data-testid": "spectral-input-search-wrapper",
|
|
216
|
+
ref: triggerRef,
|
|
217
|
+
children: /* @__PURE__ */ jsxs("div", {
|
|
218
|
+
className: "relative",
|
|
219
|
+
children: [
|
|
220
|
+
showSearchIcon && /* @__PURE__ */ jsx("span", {
|
|
221
|
+
"aria-hidden": "true",
|
|
222
|
+
className: "left-4 text-input-icon absolute top-1/2 -translate-y-1/2",
|
|
223
|
+
"data-testid": "spectral-input-search-icon",
|
|
224
|
+
children: /* @__PURE__ */ jsx(SearchIcon, { size: 20 })
|
|
225
|
+
}),
|
|
226
|
+
/* @__PURE__ */ jsx("input", {
|
|
227
|
+
"aria-activedescendant": highlightedIndex >= 0 ? `${fieldId}-option-${highlightedIndex}` : void 0,
|
|
228
|
+
"aria-autocomplete": "list",
|
|
229
|
+
"aria-controls": listboxId,
|
|
230
|
+
"aria-expanded": showDropdown,
|
|
231
|
+
"aria-haspopup": "listbox",
|
|
232
|
+
"aria-label": ariaLabel ?? label,
|
|
233
|
+
autoComplete: "off",
|
|
234
|
+
className: inputClasses,
|
|
235
|
+
"data-state": state,
|
|
236
|
+
"data-testid": "spectral-input-search",
|
|
237
|
+
disabled: isDisabled || isLoading,
|
|
238
|
+
id: fieldId,
|
|
239
|
+
name,
|
|
240
|
+
onBlur: handleBlur,
|
|
241
|
+
onChange: (event) => {
|
|
242
|
+
setQuery(event.target.value);
|
|
243
|
+
if (!isFocused) setIsFocused(true);
|
|
244
|
+
},
|
|
245
|
+
onFocus: handleFocus,
|
|
246
|
+
onKeyDown: handleKeyDown,
|
|
247
|
+
placeholder,
|
|
248
|
+
ref: inputRef,
|
|
249
|
+
required,
|
|
250
|
+
role: "combobox",
|
|
251
|
+
style: getFormFieldCSSProperties(),
|
|
252
|
+
type: "text",
|
|
253
|
+
value: query,
|
|
254
|
+
...ariaProps
|
|
255
|
+
}),
|
|
256
|
+
showClearButton ? /* @__PURE__ */ jsx("button", {
|
|
257
|
+
"aria-label": `Clear ${label ?? "search"}`,
|
|
258
|
+
className: "right-4 text-input-icon hover:text-input-icon--hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus rounded-sm absolute top-1/2 -translate-y-1/2 cursor-pointer",
|
|
259
|
+
"data-testid": "spectral-input-search-clear-button",
|
|
260
|
+
onClick: handleClear,
|
|
261
|
+
onMouseDown: (event) => event.preventDefault(),
|
|
262
|
+
type: "button",
|
|
263
|
+
children: /* @__PURE__ */ jsx(CloseCircleIcon, { size: 20 })
|
|
264
|
+
}) : state === "loading" ? /* @__PURE__ */ jsx("div", {
|
|
265
|
+
className: "right-4 text-input-icon absolute top-1/2 -translate-y-1/2",
|
|
266
|
+
"data-testid": "spectral-input-search-loading-icon",
|
|
267
|
+
children: /* @__PURE__ */ jsx(LoaderIcon, {
|
|
268
|
+
className: "motion-safe:animate-spin",
|
|
269
|
+
size: 20
|
|
270
|
+
})
|
|
271
|
+
}) : state === "error" ? /* @__PURE__ */ jsx("div", {
|
|
272
|
+
className: "right-4 text-danger-400 absolute top-1/2 -translate-y-1/2",
|
|
273
|
+
"data-testid": "spectral-input-search-error-icon",
|
|
274
|
+
children: /* @__PURE__ */ jsx(ErrorIcon, { size: 20 })
|
|
275
|
+
}) : state === "warning" ? /* @__PURE__ */ jsx("div", {
|
|
276
|
+
className: "right-4 text-warning-400 absolute top-1/2 -translate-y-1/2",
|
|
277
|
+
"data-testid": "spectral-input-search-warning-icon",
|
|
278
|
+
children: /* @__PURE__ */ jsx(WarningIcon, { size: 20 })
|
|
279
|
+
}) : null
|
|
280
|
+
]
|
|
281
|
+
})
|
|
282
|
+
}),
|
|
283
|
+
showDropdown && dropdownPosition && typeof document !== "undefined" ? createPortal(/* @__PURE__ */ jsx("div", {
|
|
284
|
+
className: cn("origin-top p-1 z-50 fixed", getDropdownSurfaceClasses(), "max-h-72 overflow-hidden", "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95 motion-safe:slide-in-from-top-2"),
|
|
285
|
+
"data-dropdown-width-mode": dropdownWidthMode,
|
|
286
|
+
"data-dropdown-width-value": dropdownWidthMode === "custom" ? dropdownWidth : void 0,
|
|
287
|
+
"data-testid": "spectral-input-search-content",
|
|
288
|
+
ref: setDropdownElement,
|
|
289
|
+
style: {
|
|
290
|
+
top: `${dropdownPosition.top}px`,
|
|
291
|
+
left: `${dropdownPosition.left}px`,
|
|
292
|
+
...dropdownWidthMode === "trigger" ? { width: `${dropdownPosition.width}px` } : dropdownWidthStyle,
|
|
293
|
+
...dropdownShiftStyle
|
|
294
|
+
},
|
|
295
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
296
|
+
className: "max-h-[17.5rem] overflow-y-auto",
|
|
297
|
+
id: listboxId,
|
|
298
|
+
ref: listRef,
|
|
299
|
+
role: "listbox",
|
|
300
|
+
children: showEmptyState ? /* @__PURE__ */ jsx(EmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs(Fragment, { children: [filteredOptions.map((option, index) => {
|
|
301
|
+
const isHighlighted = index === highlightedIndex;
|
|
302
|
+
const isSelected = option.value === value;
|
|
303
|
+
return /* @__PURE__ */ jsx("button", {
|
|
304
|
+
"aria-selected": isSelected,
|
|
305
|
+
className: cn(getOptionClasses(!!option.disabled, isHighlighted, isSelected), "text-left"),
|
|
306
|
+
"data-highlighted": isHighlighted ? "" : void 0,
|
|
307
|
+
"data-index": index,
|
|
308
|
+
"data-testid": "spectral-input-search-item",
|
|
309
|
+
disabled: option.disabled,
|
|
310
|
+
id: `${fieldId}-option-${index}`,
|
|
311
|
+
onMouseDown: (event) => {
|
|
312
|
+
event.preventDefault();
|
|
313
|
+
commitSelection(option);
|
|
314
|
+
},
|
|
315
|
+
onMouseEnter: () => setHighlightedIndex(index),
|
|
316
|
+
role: "option",
|
|
317
|
+
tabIndex: -1,
|
|
318
|
+
type: "button",
|
|
319
|
+
children: /* @__PURE__ */ jsx("span", {
|
|
320
|
+
className: "min-w-0 flex-1 truncate",
|
|
321
|
+
children: renderOption ? renderOption(option) : option.label
|
|
322
|
+
})
|
|
323
|
+
}, option.value);
|
|
324
|
+
}), showCreateOption && /* @__PURE__ */ jsx("button", {
|
|
325
|
+
"aria-selected": createOptionIndex === highlightedIndex,
|
|
326
|
+
className: cn(getOptionClasses(isCreating, createOptionIndex === highlightedIndex, false), "gap-2 text-left text-accent font-medium"),
|
|
327
|
+
"data-highlighted": createOptionIndex === highlightedIndex ? "" : void 0,
|
|
328
|
+
"data-index": createOptionIndex,
|
|
329
|
+
"data-testid": "spectral-input-search-create-option",
|
|
330
|
+
disabled: isCreating,
|
|
331
|
+
id: `${fieldId}-option-${createOptionIndex}`,
|
|
332
|
+
onMouseDown: (event) => {
|
|
333
|
+
event.preventDefault();
|
|
334
|
+
commitCreate();
|
|
335
|
+
},
|
|
336
|
+
onMouseEnter: () => setHighlightedIndex(createOptionIndex),
|
|
337
|
+
role: "option",
|
|
338
|
+
tabIndex: -1,
|
|
339
|
+
type: "button",
|
|
340
|
+
children: isCreating ? /* @__PURE__ */ jsxs("span", {
|
|
341
|
+
className: "gap-2 flex items-center",
|
|
342
|
+
children: [/* @__PURE__ */ jsx(LoaderIcon, {
|
|
343
|
+
className: "shrink-0 motion-safe:animate-spin",
|
|
344
|
+
size: 16
|
|
345
|
+
}), /* @__PURE__ */ jsx("span", { children: creatingLabel })]
|
|
346
|
+
}) : /* @__PURE__ */ jsx("span", {
|
|
347
|
+
className: "gap-2 flex items-center min-w-0",
|
|
348
|
+
children: createOptionLabel(trimmedQuery)
|
|
349
|
+
})
|
|
350
|
+
})] })
|
|
351
|
+
})
|
|
352
|
+
}), document.body) : null,
|
|
353
|
+
/* @__PURE__ */ jsx(ErrorMessage, {
|
|
354
|
+
dataTestId: "spectral-input-search-error-message",
|
|
355
|
+
id: errorMessageId,
|
|
356
|
+
message: isInvalid ? errorMessage ?? null : null,
|
|
357
|
+
messageReserveLines,
|
|
358
|
+
messageReserveSpace: messageReserveSpace && state === "error"
|
|
359
|
+
}),
|
|
360
|
+
/* @__PURE__ */ jsx(WarningMessage, {
|
|
361
|
+
dataTestId: "spectral-input-search-warning-message",
|
|
362
|
+
id: warningMessageId,
|
|
363
|
+
message: state === "warning" ? warningMessage ?? null : null,
|
|
364
|
+
messageReserveLines,
|
|
365
|
+
messageReserveSpace: messageReserveSpace && state === "warning"
|
|
366
|
+
})
|
|
367
|
+
]
|
|
368
|
+
});
|
|
369
|
+
};
|
|
370
|
+
InputSearch.displayName = "InputSearch";
|
|
371
|
+
|
|
372
|
+
//#endregion
|
|
373
|
+
export { InputSearch };
|
|
374
|
+
//# sourceMappingURL=InputSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":[],"sources":["../src/components/InputSearch/InputSearch.tsx"],"sourcesContent":["import { CloseCircleIcon, ErrorIcon, LoaderIcon, PlusIcon, SearchIcon, WarningIcon } from '@components/Icons'\nimport { Label } from '@components/Label/Label'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { useAutoDropdownHorizontalShift } from '@utils/dropdownPositioning'\nimport {\n EmptyState,\n ErrorMessage,\n WarningMessage,\n getAriaProps,\n getDropdownSurfaceClasses,\n getDropdownWidthStyles,\n getErrorMessageId,\n getFormFieldCSSProperties,\n getInputClasses,\n getOptionClasses,\n useFormFieldId,\n useFormFieldState,\n type BaseFormFieldProps,\n type BaseOption,\n type DropdownWidth,\n type FormFieldState,\n} from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type KeyboardEvent, type ReactNode, type Ref } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type InputSearchOption = BaseOption\n\nexport interface InputSearchProps extends Omit<BaseFormFieldProps, 'onChange' | 'state'> {\n className?: string\n createOptionLabel?: (query: string) => ReactNode\n creatingLabel?: string\n defaultValue?: string\n dropdownWidth?: DropdownWidth\n emptyMessage?: string\n isCreating?: boolean\n labelClassName?: string\n onChange?: (value: string) => void\n onCreate?: (query: string) => void\n onValueChange?: (value: string) => void\n options: InputSearchOption[]\n placeholder?: string\n renderOption?: (option: InputSearchOption) => ReactNode\n showSearchIcon?: boolean\n state?: Exclude<FormFieldState, 'disabled'>\n value?: string\n warningMessage?: BaseFormFieldProps['errorMessage']\n}\n\nconst defaultCreateOptionLabel = (query: string): ReactNode => (\n <>\n <PlusIcon size={16} className='shrink-0' />\n <span className='truncate'>\n Create <span className='font-semibold'>“{query}”</span>\n </span>\n </>\n)\n\nexport const InputSearch = ({\n className,\n createOptionLabel = defaultCreateOptionLabel,\n creatingLabel = 'Creating…',\n defaultValue = '',\n disabled,\n dropdownWidth = 'trigger',\n emptyMessage = 'No options found',\n errorMessage,\n id,\n isCreating = false,\n label,\n labelClassName,\n messageReserveLines = 1,\n messageReserveSpace = false,\n name,\n onChange,\n onCreate,\n onValueChange,\n options,\n placeholder = 'Search…',\n ref,\n renderOption,\n required,\n showSearchIcon = true,\n state = 'default',\n value: valueProp,\n warningMessage,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n}: InputSearchProps & { ref?: Ref<HTMLDivElement> }) => {\n if (process.env.NODE_ENV !== 'production' && !label && !ariaLabel) {\n // eslint-disable-next-line no-console\n console.warn('InputSearch: provide either `label` or `aria-label` for an accessible name.')\n }\n\n const fieldId = useFormFieldId(id, name)\n const listboxId = `${fieldId}-listbox`\n const errorMessageId = getErrorMessageId(fieldId)\n const warningMessageId = `${fieldId}-warning`\n const messageId = state === 'error' ? errorMessageId : state === 'warning' && warningMessage ? warningMessageId : undefined\n const { isDisabled, isLoading, isInvalid } = useFormFieldState(disabled, state)\n const ariaProps = getAriaProps(state, ariaDescribedBy, required, messageId)\n\n const [value, setValue] = useUncontrolledState<string>({\n value: valueProp,\n defaultValue,\n onChange: (nextValue) => {\n if (onChange) {\n onChange(nextValue)\n } else {\n onValueChange?.(nextValue)\n }\n },\n })\n\n const [query, setQuery] = useState('')\n const [isFocused, setIsFocused] = useState(false)\n const [highlightedIndex, setHighlightedIndex] = useState(-1)\n const [dropdownPosition, setDropdownPosition] = useState<{ top: number; left: number; width: number } | null>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const listRef = useRef<HTMLDivElement>(null)\n const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n const triggerRef = useRef<HTMLDivElement>(null)\n\n const selectedOption = useMemo(() => options.find((option) => option.value === value) ?? null, [options, value])\n\n useEffect(() => {\n if (!isFocused) {\n setQuery(selectedOption?.label ?? '')\n }\n }, [selectedOption, isFocused])\n\n const trimmedQuery = query.trim()\n\n const filteredOptions = useMemo(() => {\n if (trimmedQuery.length === 0) return options\n const lower = trimmedQuery.toLowerCase()\n return options.filter((option) => option.label.toLowerCase().includes(lower))\n }, [trimmedQuery, options])\n\n const exactMatch = useMemo(() => options.some((option) => option.label.toLowerCase() === trimmedQuery.toLowerCase()), [options, trimmedQuery])\n\n const showCreateOption = onCreate !== undefined && trimmedQuery.length > 0 && !exactMatch\n const createOptionIndex = showCreateOption ? filteredOptions.length : -1\n const totalItems = filteredOptions.length + (showCreateOption ? 1 : 0)\n const showDropdown = isFocused && !isDisabled && !isLoading\n const showEmptyState = showDropdown && totalItems === 0\n\n const { dropdownShiftStyle, recalculateDropdownPosition, setDropdownElement } = useAutoDropdownHorizontalShift(showDropdown)\n\n const updateDropdownPosition = useCallback(() => {\n const trigger = triggerRef.current\n if (!trigger) return\n const rect = trigger.getBoundingClientRect()\n setDropdownPosition({\n top: rect.bottom + 4,\n left: rect.left,\n width: rect.width,\n })\n recalculateDropdownPosition()\n }, [recalculateDropdownPosition])\n\n useLayoutEffect(() => {\n if (!showDropdown) {\n setDropdownPosition(null)\n return\n }\n updateDropdownPosition()\n const handle = () => updateDropdownPosition()\n window.addEventListener('scroll', handle, true)\n window.addEventListener('resize', handle)\n return () => {\n window.removeEventListener('scroll', handle, true)\n window.removeEventListener('resize', handle)\n }\n }, [showDropdown, updateDropdownPosition])\n\n useLayoutEffect(() => {\n if (!showDropdown) return\n updateDropdownPosition()\n }, [showDropdown, updateDropdownPosition, filteredOptions.length, showCreateOption])\n\n useEffect(() => {\n setHighlightedIndex(-1)\n }, [filteredOptions.length, showCreateOption])\n\n useEffect(() => {\n if (highlightedIndex < 0 || !listRef.current) return\n const element = listRef.current.querySelector<HTMLElement>(`[data-index='${highlightedIndex}']`)\n element?.scrollIntoView({ block: 'nearest' })\n }, [highlightedIndex])\n\n useEffect(\n () => () => {\n if (blurTimeoutRef.current !== null) {\n clearTimeout(blurTimeoutRef.current)\n }\n },\n [],\n )\n\n const commitSelection = useCallback(\n (option: InputSearchOption) => {\n if (option.disabled) return\n setValue(option.value)\n setQuery(option.label)\n setIsFocused(false)\n setHighlightedIndex(-1)\n inputRef.current?.blur()\n },\n [setValue],\n )\n\n const commitCreate = useCallback(() => {\n if (!onCreate || isCreating || trimmedQuery.length === 0) return\n onCreate(trimmedQuery)\n }, [onCreate, isCreating, trimmedQuery])\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n switch (event.key) {\n case 'ArrowDown': {\n if (totalItems === 0) return\n event.preventDefault()\n setHighlightedIndex((prev) => (prev < totalItems - 1 ? prev + 1 : prev))\n break\n }\n case 'ArrowUp': {\n if (totalItems === 0) return\n event.preventDefault()\n setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : 0))\n break\n }\n case 'Enter': {\n if (totalItems === 0) return\n event.preventDefault()\n if (highlightedIndex >= 0 && highlightedIndex < filteredOptions.length) {\n const option = filteredOptions[highlightedIndex]\n if (option) commitSelection(option)\n } else if (highlightedIndex === createOptionIndex && !isCreating) {\n commitCreate()\n }\n break\n }\n case 'Escape': {\n event.preventDefault()\n setIsFocused(false)\n setHighlightedIndex(-1)\n if (selectedOption) setQuery(selectedOption.label)\n inputRef.current?.blur()\n break\n }\n default:\n break\n }\n },\n [totalItems, filteredOptions, highlightedIndex, createOptionIndex, commitSelection, commitCreate, isCreating, selectedOption],\n )\n\n const handleFocus = useCallback(() => {\n if (blurTimeoutRef.current !== null) {\n clearTimeout(blurTimeoutRef.current)\n blurTimeoutRef.current = null\n }\n setIsFocused(true)\n setQuery('')\n }, [])\n\n const handleBlur = useCallback(() => {\n if (blurTimeoutRef.current !== null) {\n clearTimeout(blurTimeoutRef.current)\n }\n blurTimeoutRef.current = setTimeout(() => {\n blurTimeoutRef.current = null\n setIsFocused(false)\n setHighlightedIndex(-1)\n setQuery(selectedOption?.label ?? '')\n }, 150)\n }, [selectedOption])\n\n const handleClear = useCallback(() => {\n setValue('')\n setQuery('')\n inputRef.current?.focus()\n }, [setValue])\n\n const showClearButton = !isLoading && !isDisabled && (value.length > 0 || (isFocused && query.length > 0))\n\n const { dropdownWidthMode, dropdownWidthStyle } = getDropdownWidthStyles({\n dropdownWidth,\n triggerWidth: '100%',\n })\n\n const inputClasses = cn(getInputClasses(state, className), 'pe-12', showSearchIcon && 'ps-11', showClearButton && 'pe-10', state === 'loading' && 'cursor-wait')\n\n return (\n <div className='flex w-full flex-col gap-1.5' data-testid='spectral-input-search-container' ref={ref}>\n {label && (\n <Label className={cn('mb-2 block', labelClassName, isDisabled && 'cursor-not-allowed text-input-text--disabled')} data-testid='spectral-input-search-label' htmlFor={fieldId}>\n {label}\n </Label>\n )}\n\n <div className='relative' data-testid='spectral-input-search-wrapper' ref={triggerRef}>\n <div className='relative'>\n {showSearchIcon && (\n <span aria-hidden='true' className='left-4 text-input-icon absolute top-1/2 -translate-y-1/2' data-testid='spectral-input-search-icon'>\n <SearchIcon size={20} />\n </span>\n )}\n\n <input\n aria-activedescendant={highlightedIndex >= 0 ? `${fieldId}-option-${highlightedIndex}` : undefined}\n aria-autocomplete='list'\n aria-controls={listboxId}\n aria-expanded={showDropdown}\n // oxlint-disable-next-line jsx-a11y/role-supports-aria-props -- Valid per WAI-ARIA 1.2 Combobox pattern\n aria-haspopup='listbox'\n aria-label={ariaLabel ?? label}\n autoComplete='off'\n className={inputClasses}\n data-state={state}\n data-testid='spectral-input-search'\n disabled={isDisabled || isLoading}\n id={fieldId}\n name={name}\n onBlur={handleBlur}\n onChange={(event) => {\n setQuery(event.target.value)\n if (!isFocused) setIsFocused(true)\n }}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n ref={inputRef}\n required={required}\n role='combobox'\n style={getFormFieldCSSProperties() as CSSProperties}\n type='text'\n value={query}\n {...ariaProps}\n />\n\n {showClearButton ? (\n <button\n aria-label={`Clear ${label ?? 'search'}`}\n className='right-4 text-input-icon hover:text-input-icon--hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus rounded-sm absolute top-1/2 -translate-y-1/2 cursor-pointer'\n data-testid='spectral-input-search-clear-button'\n onClick={handleClear}\n // Prevent input blur from firing before click resolves\n onMouseDown={(event) => event.preventDefault()}\n type='button'\n >\n <CloseCircleIcon size={20} />\n </button>\n ) : state === 'loading' ? (\n <div className='right-4 text-input-icon absolute top-1/2 -translate-y-1/2' data-testid='spectral-input-search-loading-icon'>\n <LoaderIcon className='motion-safe:animate-spin' size={20} />\n </div>\n ) : state === 'error' ? (\n <div className='right-4 text-danger-400 absolute top-1/2 -translate-y-1/2' data-testid='spectral-input-search-error-icon'>\n <ErrorIcon size={20} />\n </div>\n ) : state === 'warning' ? (\n <div className='right-4 text-warning-400 absolute top-1/2 -translate-y-1/2' data-testid='spectral-input-search-warning-icon'>\n <WarningIcon size={20} />\n </div>\n ) : null}\n </div>\n\n </div>\n\n {showDropdown && dropdownPosition && typeof document !== 'undefined'\n ? createPortal(\n <div\n className={cn('origin-top p-1 z-50 fixed', getDropdownSurfaceClasses(), 'max-h-72 overflow-hidden', 'motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95 motion-safe:slide-in-from-top-2')}\n data-dropdown-width-mode={dropdownWidthMode}\n data-dropdown-width-value={dropdownWidthMode === 'custom' ? dropdownWidth : undefined}\n data-testid='spectral-input-search-content'\n ref={setDropdownElement}\n style={{\n top: `${dropdownPosition.top}px`,\n left: `${dropdownPosition.left}px`,\n ...(dropdownWidthMode === 'trigger' ? { width: `${dropdownPosition.width}px` } : (dropdownWidthStyle as CSSProperties)),\n ...dropdownShiftStyle,\n }}\n >\n <div\n className='max-h-[17.5rem] overflow-y-auto'\n id={listboxId}\n ref={listRef}\n // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- WAI-ARIA combobox pattern requires role='listbox' on the popup\n role='listbox'\n >\n {showEmptyState ? (\n <EmptyState message={emptyMessage} />\n ) : (\n <>\n {filteredOptions.map((option, index) => {\n const isHighlighted = index === highlightedIndex\n const isSelected = option.value === value\n return (\n <button\n aria-selected={isSelected}\n className={cn(getOptionClasses(!!option.disabled, isHighlighted, isSelected), 'text-left')}\n data-highlighted={isHighlighted ? '' : undefined}\n data-index={index}\n data-testid='spectral-input-search-item'\n disabled={option.disabled}\n id={`${fieldId}-option-${index}`}\n key={option.value}\n onMouseDown={(event) => {\n event.preventDefault()\n commitSelection(option)\n }}\n onMouseEnter={() => setHighlightedIndex(index)}\n role='option'\n tabIndex={-1}\n type='button'\n >\n <span className='min-w-0 flex-1 truncate'>{renderOption ? renderOption(option) : option.label}</span>\n </button>\n )\n })}\n\n {showCreateOption && (\n <button\n aria-selected={createOptionIndex === highlightedIndex}\n className={cn(getOptionClasses(isCreating, createOptionIndex === highlightedIndex, false), 'gap-2 text-left text-accent font-medium')}\n data-highlighted={createOptionIndex === highlightedIndex ? '' : undefined}\n data-index={createOptionIndex}\n data-testid='spectral-input-search-create-option'\n disabled={isCreating}\n id={`${fieldId}-option-${createOptionIndex}`}\n onMouseDown={(event) => {\n event.preventDefault()\n commitCreate()\n }}\n onMouseEnter={() => setHighlightedIndex(createOptionIndex)}\n role='option'\n tabIndex={-1}\n type='button'\n >\n {isCreating ? (\n <span className='gap-2 flex items-center'>\n <LoaderIcon className='shrink-0 motion-safe:animate-spin' size={16} />\n <span>{creatingLabel}</span>\n </span>\n ) : (\n <span className='gap-2 flex items-center min-w-0'>{createOptionLabel(trimmedQuery)}</span>\n )}\n </button>\n )}\n </>\n )}\n </div>\n </div>,\n document.body,\n )\n : null}\n\n <ErrorMessage\n dataTestId='spectral-input-search-error-message'\n id={errorMessageId}\n message={isInvalid ? (errorMessage ?? null) : null}\n messageReserveLines={messageReserveLines}\n messageReserveSpace={messageReserveSpace && state === 'error'}\n />\n <WarningMessage\n dataTestId='spectral-input-search-warning-message'\n id={warningMessageId}\n message={state === 'warning' ? (warningMessage ?? null) : null}\n messageReserveLines={messageReserveLines}\n messageReserveSpace={messageReserveSpace && state === 'warning'}\n />\n </div>\n )\n}\nInputSearch.displayName = 'InputSearch'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiDA,MAAM,4BAA4B,UAChC,4CACE,oBAAC,UAAD;CAAU,MAAM;CAAI,WAAU;CAAa,GAC3C,qBAAC,QAAD;CAAM,WAAU;WAAhB,CAA2B,WAClB,qBAAC,QAAD;EAAM,WAAU;YAAhB;GAAgC;GAAQ;GAAM;GAAc;IAC9D;GACN;AAGL,MAAa,eAAe,EAC1B,WACA,oBAAoB,0BACpB,gBAAgB,aAChB,eAAe,IACf,UACA,gBAAgB,WAChB,eAAe,oBACf,cACA,IACA,aAAa,OACb,OACA,gBACA,sBAAsB,GACtB,sBAAsB,OACtB,MACA,UACA,UACA,eACA,SACA,cAAc,WACd,KACA,cACA,UACA,iBAAiB,MACjB,QAAQ,WACR,OAAO,WACP,gBACA,oBAAoB,iBACpB,cAAc,gBACwC;AACtD,KAA6C,CAAC,SAAS,CAAC,UAEtD,SAAQ,KAAK,8EAA8E;CAG7F,MAAM,UAAU,eAAe,IAAI,KAAK;CACxC,MAAM,YAAY,GAAG,QAAQ;CAC7B,MAAM,iBAAiB,kBAAkB,QAAQ;CACjD,MAAM,mBAAmB,GAAG,QAAQ;CACpC,MAAM,YAAY,UAAU,UAAU,iBAAiB,UAAU,aAAa,iBAAiB,mBAAmB;CAClH,MAAM,EAAE,YAAY,WAAW,cAAc,kBAAkB,UAAU,MAAM;CAC/E,MAAM,YAAY,aAAa,OAAO,iBAAiB,UAAU,UAAU;CAE3E,MAAM,CAAC,OAAO,YAAY,qBAA6B;EACrD,OAAO;EACP;EACA,WAAW,cAAc;AACvB,OAAI,SACF,UAAS,UAAU;OAEnB,iBAAgB,UAAU;;EAG/B,CAAC;CAEF,MAAM,CAAC,OAAO,YAAY,SAAS,GAAG;CACtC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,GAAG;CAC5D,MAAM,CAAC,kBAAkB,uBAAuB,SAA8D,KAAK;CACnH,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,iBAAiB,OAA6C,KAAK;CACzE,MAAM,aAAa,OAAuB,KAAK;CAE/C,MAAM,iBAAiB,cAAc,QAAQ,MAAM,WAAW,OAAO,UAAU,MAAM,IAAI,MAAM,CAAC,SAAS,MAAM,CAAC;AAEhH,iBAAgB;AACd,MAAI,CAAC,UACH,UAAS,gBAAgB,SAAS,GAAG;IAEtC,CAAC,gBAAgB,UAAU,CAAC;CAE/B,MAAM,eAAe,MAAM,MAAM;CAEjC,MAAM,kBAAkB,cAAc;AACpC,MAAI,aAAa,WAAW,EAAG,QAAO;EACtC,MAAM,QAAQ,aAAa,aAAa;AACxC,SAAO,QAAQ,QAAQ,WAAW,OAAO,MAAM,aAAa,CAAC,SAAS,MAAM,CAAC;IAC5E,CAAC,cAAc,QAAQ,CAAC;CAE3B,MAAM,aAAa,cAAc,QAAQ,MAAM,WAAW,OAAO,MAAM,aAAa,KAAK,aAAa,aAAa,CAAC,EAAE,CAAC,SAAS,aAAa,CAAC;CAE9I,MAAM,mBAAmB,aAAa,UAAa,aAAa,SAAS,KAAK,CAAC;CAC/E,MAAM,oBAAoB,mBAAmB,gBAAgB,SAAS;CACtE,MAAM,aAAa,gBAAgB,UAAU,mBAAmB,IAAI;CACpE,MAAM,eAAe,aAAa,CAAC,cAAc,CAAC;CAClD,MAAM,iBAAiB,gBAAgB,eAAe;CAEtD,MAAM,EAAE,oBAAoB,6BAA6B,uBAAuB,+BAA+B,aAAa;CAE5H,MAAM,yBAAyB,kBAAkB;EAC/C,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;EACd,MAAM,OAAO,QAAQ,uBAAuB;AAC5C,sBAAoB;GAClB,KAAK,KAAK,SAAS;GACnB,MAAM,KAAK;GACX,OAAO,KAAK;GACb,CAAC;AACF,+BAA6B;IAC5B,CAAC,4BAA4B,CAAC;AAEjC,uBAAsB;AACpB,MAAI,CAAC,cAAc;AACjB,uBAAoB,KAAK;AACzB;;AAEF,0BAAwB;EACxB,MAAM,eAAe,wBAAwB;AAC7C,SAAO,iBAAiB,UAAU,QAAQ,KAAK;AAC/C,SAAO,iBAAiB,UAAU,OAAO;AACzC,eAAa;AACX,UAAO,oBAAoB,UAAU,QAAQ,KAAK;AAClD,UAAO,oBAAoB,UAAU,OAAO;;IAE7C,CAAC,cAAc,uBAAuB,CAAC;AAE1C,uBAAsB;AACpB,MAAI,CAAC,aAAc;AACnB,0BAAwB;IACvB;EAAC;EAAc;EAAwB,gBAAgB;EAAQ;EAAiB,CAAC;AAEpF,iBAAgB;AACd,sBAAoB,GAAG;IACtB,CAAC,gBAAgB,QAAQ,iBAAiB,CAAC;AAE9C,iBAAgB;AACd,MAAI,mBAAmB,KAAK,CAAC,QAAQ,QAAS;AAE9C,EADgB,QAAQ,QAAQ,cAA2B,gBAAgB,iBAAiB,IACrF,EAAE,eAAe,EAAE,OAAO,WAAW,CAAC;IAC5C,CAAC,iBAAiB,CAAC;AAEtB,uBACc;AACV,MAAI,eAAe,YAAY,KAC7B,cAAa,eAAe,QAAQ;IAGxC,EAAE,CACH;CAED,MAAM,kBAAkB,aACrB,WAA8B;AAC7B,MAAI,OAAO,SAAU;AACrB,WAAS,OAAO,MAAM;AACtB,WAAS,OAAO,MAAM;AACtB,eAAa,MAAM;AACnB,sBAAoB,GAAG;AACvB,WAAS,SAAS,MAAM;IAE1B,CAAC,SAAS,CACX;CAED,MAAM,eAAe,kBAAkB;AACrC,MAAI,CAAC,YAAY,cAAc,aAAa,WAAW,EAAG;AAC1D,WAAS,aAAa;IACrB;EAAC;EAAU;EAAY;EAAa,CAAC;CAExC,MAAM,gBAAgB,aACnB,UAA2C;AAC1C,UAAQ,MAAM,KAAd;GACE,KAAK;AACH,QAAI,eAAe,EAAG;AACtB,UAAM,gBAAgB;AACtB,yBAAqB,SAAU,OAAO,aAAa,IAAI,OAAO,IAAI,KAAM;AACxE;GAEF,KAAK;AACH,QAAI,eAAe,EAAG;AACtB,UAAM,gBAAgB;AACtB,yBAAqB,SAAU,OAAO,IAAI,OAAO,IAAI,EAAG;AACxD;GAEF,KAAK;AACH,QAAI,eAAe,EAAG;AACtB,UAAM,gBAAgB;AACtB,QAAI,oBAAoB,KAAK,mBAAmB,gBAAgB,QAAQ;KACtE,MAAM,SAAS,gBAAgB;AAC/B,SAAI,OAAQ,iBAAgB,OAAO;eAC1B,qBAAqB,qBAAqB,CAAC,WACpD,eAAc;AAEhB;GAEF,KAAK;AACH,UAAM,gBAAgB;AACtB,iBAAa,MAAM;AACnB,wBAAoB,GAAG;AACvB,QAAI,eAAgB,UAAS,eAAe,MAAM;AAClD,aAAS,SAAS,MAAM;AACxB;GAEF,QACE;;IAGN;EAAC;EAAY;EAAiB;EAAkB;EAAmB;EAAiB;EAAc;EAAY;EAAe,CAC9H;CAED,MAAM,cAAc,kBAAkB;AACpC,MAAI,eAAe,YAAY,MAAM;AACnC,gBAAa,eAAe,QAAQ;AACpC,kBAAe,UAAU;;AAE3B,eAAa,KAAK;AAClB,WAAS,GAAG;IACX,EAAE,CAAC;CAEN,MAAM,aAAa,kBAAkB;AACnC,MAAI,eAAe,YAAY,KAC7B,cAAa,eAAe,QAAQ;AAEtC,iBAAe,UAAU,iBAAiB;AACxC,kBAAe,UAAU;AACzB,gBAAa,MAAM;AACnB,uBAAoB,GAAG;AACvB,YAAS,gBAAgB,SAAS,GAAG;KACpC,IAAI;IACN,CAAC,eAAe,CAAC;CAEpB,MAAM,cAAc,kBAAkB;AACpC,WAAS,GAAG;AACZ,WAAS,GAAG;AACZ,WAAS,SAAS,OAAO;IACxB,CAAC,SAAS,CAAC;CAEd,MAAM,kBAAkB,CAAC,aAAa,CAAC,eAAe,MAAM,SAAS,KAAM,aAAa,MAAM,SAAS;CAEvG,MAAM,EAAE,mBAAmB,uBAAuB,uBAAuB;EACvE;EACA,cAAc;EACf,CAAC;CAEF,MAAM,eAAe,GAAG,gBAAgB,OAAO,UAAU,EAAE,SAAS,kBAAkB,SAAS,mBAAmB,SAAS,UAAU,aAAa,cAAc;AAEhK,QACE,qBAAC,OAAD;EAAK,WAAU;EAA+B,eAAY;EAAuC;YAAjG;GACG,SACC,oBAAC,OAAD;IAAO,WAAW,GAAG,cAAc,gBAAgB,cAAc,+CAA+C;IAAE,eAAY;IAA8B,SAAS;cAClK;IACK;GAGV,oBAAC,OAAD;IAAK,WAAU;IAAW,eAAY;IAAgC,KAAK;cACzE,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,kBACC,oBAAC,QAAD;OAAM,eAAY;OAAO,WAAU;OAA2D,eAAY;iBACxG,oBAAC,YAAD,EAAY,MAAM,IAAM;OACnB;MAGT,oBAAC,SAAD;OACE,yBAAuB,oBAAoB,IAAI,GAAG,QAAQ,UAAU,qBAAqB;OACzF,qBAAkB;OAClB,iBAAe;OACf,iBAAe;OAEf,iBAAc;OACd,cAAY,aAAa;OACzB,cAAa;OACb,WAAW;OACX,cAAY;OACZ,eAAY;OACZ,UAAU,cAAc;OACxB,IAAI;OACE;OACN,QAAQ;OACR,WAAW,UAAU;AACnB,iBAAS,MAAM,OAAO,MAAM;AAC5B,YAAI,CAAC,UAAW,cAAa,KAAK;;OAEpC,SAAS;OACT,WAAW;OACE;OACb,KAAK;OACK;OACV,MAAK;OACL,OAAO,2BAA2B;OAClC,MAAK;OACL,OAAO;OACP,GAAI;OACJ;MAED,kBACC,oBAAC,UAAD;OACE,cAAY,SAAS,SAAS;OAC9B,WAAU;OACV,eAAY;OACZ,SAAS;OAET,cAAc,UAAU,MAAM,gBAAgB;OAC9C,MAAK;iBAEL,oBAAC,iBAAD,EAAiB,MAAM,IAAM;OACtB,IACP,UAAU,YACZ,oBAAC,OAAD;OAAK,WAAU;OAA4D,eAAY;iBACrF,oBAAC,YAAD;QAAY,WAAU;QAA2B,MAAM;QAAM;OACzD,IACJ,UAAU,UACZ,oBAAC,OAAD;OAAK,WAAU;OAA4D,eAAY;iBACrF,oBAAC,WAAD,EAAW,MAAM,IAAM;OACnB,IACJ,UAAU,YACZ,oBAAC,OAAD;OAAK,WAAU;OAA6D,eAAY;iBACtF,oBAAC,aAAD,EAAa,MAAM,IAAM;OACrB,IACJ;MACA;;IAEF;GAEL,gBAAgB,oBAAoB,OAAO,aAAa,cACrD,aACE,oBAAC,OAAD;IACE,WAAW,GAAG,6BAA6B,2BAA2B,EAAE,4BAA4B,sGAAsG;IAC1M,4BAA0B;IAC1B,6BAA2B,sBAAsB,WAAW,gBAAgB;IAC5E,eAAY;IACZ,KAAK;IACL,OAAO;KACL,KAAK,GAAG,iBAAiB,IAAI;KAC7B,MAAM,GAAG,iBAAiB,KAAK;KAC/B,GAAI,sBAAsB,YAAY,EAAE,OAAO,GAAG,iBAAiB,MAAM,KAAK,GAAI;KAClF,GAAG;KACJ;cAED,oBAAC,OAAD;KACE,WAAU;KACV,IAAI;KACJ,KAAK;KAEL,MAAK;eAEJ,iBACC,oBAAC,YAAD,EAAY,SAAS,cAAgB,IAErC,4CACG,gBAAgB,KAAK,QAAQ,UAAU;MACxC,MAAM,gBAAgB,UAAU;MAChC,MAAM,aAAa,OAAO,UAAU;AACpC,aACE,oBAAC,UAAD;OACE,iBAAe;OACf,WAAW,GAAG,iBAAiB,CAAC,CAAC,OAAO,UAAU,eAAe,WAAW,EAAE,YAAY;OAC1F,oBAAkB,gBAAgB,KAAK;OACvC,cAAY;OACZ,eAAY;OACZ,UAAU,OAAO;OACjB,IAAI,GAAG,QAAQ,UAAU;OAEzB,cAAc,UAAU;AACtB,cAAM,gBAAgB;AACtB,wBAAgB,OAAO;;OAEzB,oBAAoB,oBAAoB,MAAM;OAC9C,MAAK;OACL,UAAU;OACV,MAAK;iBAEL,oBAAC,QAAD;QAAM,WAAU;kBAA2B,eAAe,aAAa,OAAO,GAAG,OAAO;QAAa;OAC9F,EAXF,OAAO,MAWL;OAEX,EAEC,oBACC,oBAAC,UAAD;MACE,iBAAe,sBAAsB;MACrC,WAAW,GAAG,iBAAiB,YAAY,sBAAsB,kBAAkB,MAAM,EAAE,0CAA0C;MACrI,oBAAkB,sBAAsB,mBAAmB,KAAK;MAChE,cAAY;MACZ,eAAY;MACZ,UAAU;MACV,IAAI,GAAG,QAAQ,UAAU;MACzB,cAAc,UAAU;AACtB,aAAM,gBAAgB;AACtB,qBAAc;;MAEhB,oBAAoB,oBAAoB,kBAAkB;MAC1D,MAAK;MACL,UAAU;MACV,MAAK;gBAEJ,aACC,qBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,oBAAC,YAAD;QAAY,WAAU;QAAoC,MAAM;QAAM,GACtE,oBAAC,QAAD,YAAO,eAAqB,EACvB;WAEP,oBAAC,QAAD;OAAM,WAAU;iBAAmC,kBAAkB,aAAa;OAAQ;MAErF,EAEV;KAED;IACF,GACN,SAAS,KACV,GACD;GAEJ,oBAAC,cAAD;IACE,YAAW;IACX,IAAI;IACJ,SAAS,YAAa,gBAAgB,OAAQ;IACzB;IACrB,qBAAqB,uBAAuB,UAAU;IACtD;GACF,oBAAC,gBAAD;IACE,YAAW;IACX,IAAI;IACJ,SAAS,UAAU,YAAa,kBAAkB,OAAQ;IACrC;IACrB,qBAAqB,uBAAuB,UAAU;IACtD;GACE;;;AAGV,YAAY,cAAc"}
|
package/dist/index.d.ts
CHANGED
|
@@ -105,10 +105,11 @@ import { ZoomYIcon } from "./Icons/ZoomYIcon.js";
|
|
|
105
105
|
import { Input, InputProps } from "./Input.js";
|
|
106
106
|
import { InputNumeric, InputNumericProps } from "./InputNumeric.js";
|
|
107
107
|
import { InputOTP, InputOTPBaseProps, InputOTPProps } from "./InputOTP.js";
|
|
108
|
+
import { InputSearch, InputSearchOption, InputSearchProps } from "./InputSearch.js";
|
|
108
109
|
import { Kbd, KbdGroup, KbdGroupProps, KbdProps, KbdSymbol } from "./Kbd.js";
|
|
109
110
|
import { Label, LabelProps } from "./Label.js";
|
|
110
111
|
import { MultiSelect, MultiSelectProps } from "./MultiSelect.js";
|
|
111
|
-
import { Popover, PopoverContent, PopoverContentProps, PopoverTrigger } from "./Popover.js";
|
|
112
|
+
import { Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger } from "./Popover.js";
|
|
112
113
|
import { RadioButton, RadioButtonProps } from "./RadioButton.js";
|
|
113
114
|
import { RadioButtonGroup, RadioButtonGroupItem, RadioButtonGroupItemProps, RadioButtonGroupProps } from "./RadioButtonGroup.js";
|
|
114
115
|
import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./RadioGroup.js";
|
|
@@ -131,4 +132,4 @@ import { useControllableState } from "./hooks/useControllableState.js";
|
|
|
131
132
|
import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
|
|
132
133
|
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./primitives/input-group.js";
|
|
133
134
|
import { cn } from "./utils/twUtils.js";
|
|
134
|
-
export { Accordion, type AccordionProps, AdjustmentsIcon, Alert, type AlertProps, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, ButtonGroupSeparator, ButtonIcon, type ButtonIconProps, ButtonIconSlideout, type ButtonIconSlideoutProps, type ButtonProps, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, type CheckboxProps, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, type ComboboxOption, type ComboboxProps, ControlGroupSelect, type ControlGroupSelectCaptionLayout, type ControlGroupSelectProps, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, type DataCardProps, DatabaseIcon, DateTimePicker, type DateTimePickerProps, DeleteIcon, Dialog, Drawer, type DrawerProps, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, type FormFieldMessageValue, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, type HoverCardProps, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, type InputNumericProps, InputOTP, type InputOTPBaseProps, type InputOTPProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type KbdSymbol, KeyboardIcon, Label, LabelIcon, type LabelProps, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, type MultiSelectProps, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, type RadioButtonGroupItemProps, type RadioButtonGroupProps, type RadioButtonProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, type SelectExtendedProps, type SelectProps, Separator, type SeparatorProps, SettingsIcon, Skeleton, Slider, type SliderProps, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, type SpectralProviderProps, StackIcon, StarIcon, SvgIdContext, Switch, type SwitchProps, SyncIcon, SyncOffIcon, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupSplitMenuItem, type ToggleGroupSplitMenuItemProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, type TrayBaseProps, type TrayBodyProps, type TrayContentProps, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
|
|
135
|
+
export { Accordion, type AccordionProps, AdjustmentsIcon, Alert, type AlertProps, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, ButtonGroupSeparator, ButtonIcon, type ButtonIconProps, ButtonIconSlideout, type ButtonIconSlideoutProps, type ButtonProps, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, type CheckboxProps, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, type ComboboxOption, type ComboboxProps, ControlGroupSelect, type ControlGroupSelectCaptionLayout, type ControlGroupSelectProps, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, type DataCardProps, DatabaseIcon, DateTimePicker, type DateTimePickerProps, DeleteIcon, Dialog, Drawer, type DrawerProps, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, type FormFieldMessageValue, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, type HoverCardProps, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, type InputNumericProps, InputOTP, type InputOTPBaseProps, type InputOTPProps, type InputProps, InputSearch, type InputSearchOption, type InputSearchProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type KbdSymbol, KeyboardIcon, Label, LabelIcon, type LabelProps, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, type MultiSelectProps, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, type RadioButtonGroupItemProps, type RadioButtonGroupProps, type RadioButtonProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, type SelectExtendedProps, type SelectProps, Separator, type SeparatorProps, SettingsIcon, Skeleton, Slider, type SliderProps, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, type SpectralProviderProps, StackIcon, StarIcon, SvgIdContext, Switch, type SwitchProps, SyncIcon, SyncOffIcon, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupSplitMenuItem, type ToggleGroupSplitMenuItemProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, type TrayBaseProps, type TrayBodyProps, type TrayContentProps, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
|
package/dist/index.js
CHANGED
|
@@ -104,7 +104,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
|
|
|
104
104
|
import { Combobox } from "./Combobox.js";
|
|
105
105
|
import { ControlGroupSelect } from "./ControlGroup/ControlGroupSelect.js";
|
|
106
106
|
import { DataCard } from "./DataCard.js";
|
|
107
|
-
import { Popover, PopoverContent, PopoverTrigger } from "./Popover.js";
|
|
107
|
+
import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./Popover.js";
|
|
108
108
|
import { DateTimePicker } from "./DateTimePicker.js";
|
|
109
109
|
import { Dialog } from "./Dialog.js";
|
|
110
110
|
import { SpectralProvider } from "./components/SpectralProvider/SpectralProvider.js";
|
|
@@ -113,6 +113,7 @@ import { HoverCard, HoverCardContent, HoverCardTrigger } from "./HoverCard.js";
|
|
|
113
113
|
import { Input } from "./Input.js";
|
|
114
114
|
import { InputNumeric } from "./InputNumeric.js";
|
|
115
115
|
import { InputOTP } from "./InputOTP.js";
|
|
116
|
+
import { InputSearch } from "./InputSearch.js";
|
|
116
117
|
import { Kbd, KbdGroup } from "./Kbd.js";
|
|
117
118
|
import { MultiSelect } from "./MultiSelect.js";
|
|
118
119
|
import { RadioButtonGroup, RadioButtonGroupItem } from "./RadioButtonGroup.js";
|
|
@@ -132,4 +133,4 @@ import { ToggleGroup } from "./ToggleGroup.js";
|
|
|
132
133
|
import { Tooltip, TooltipContent, TooltipTrigger } from "./Tooltip.js";
|
|
133
134
|
import { Tray } from "./Tray.js";
|
|
134
135
|
|
|
135
|
-
export { Accordion, AdjustmentsIcon, Alert, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, Badge, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, ButtonIcon, ButtonIconSlideout, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, ControlGroupSelect, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, DatabaseIcon, DateTimePicker, DeleteIcon, Dialog, Drawer, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, InputOTP, Kbd, KbdGroup, KeyboardIcon, Label, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverContent, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, RadioGroup, RadioGroupItem, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, Separator, SettingsIcon, Skeleton, Slider, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, StackIcon, StarIcon, SvgIdContext, Switch, SyncIcon, SyncOffIcon, Tabs, Textarea, Toast, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupSplitMenuItem, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
|
|
136
|
+
export { Accordion, AdjustmentsIcon, Alert, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, Badge, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, ButtonIcon, ButtonIconSlideout, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, ControlGroupSelect, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, DatabaseIcon, DateTimePicker, DeleteIcon, Dialog, Drawer, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, InputOTP, InputSearch, Kbd, KbdGroup, KeyboardIcon, Label, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, RadioGroup, RadioGroupItem, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, Separator, SettingsIcon, Skeleton, Slider, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, StackIcon, StarIcon, SvgIdContext, Switch, SyncIcon, SyncOffIcon, Tabs, Textarea, Toast, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupSplitMenuItem, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
|
package/dist/styles/spectral.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
@layer spectral {
|
|
2
2
|
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
3
|
-
@layer properties{@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}:root,:host{--font-sans:"Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji";--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xs:18rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:var(--horizon-color-neutral-950);--color-text-primary:var(--horizon-color-neutral-50);--color-text-inverted:var(--horizon-color-neutral-950);--color-text-secondary:var(--horizon-color-neutral-300);--color-text-disabled:var(--horizon-color-neutral-600);--color-border-secondary:var(--horizon-color-neutral-700);--color-accent:var(--horizon-color-accent);--color-overlay:var(--horizon-color-neutral-950)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-overlay:color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent)}}:root,:host{--color-level-zero:var(--horizon-color-level-zero);--color-level-one:var(--horizon-color-level-one);--color-level-two:var(--horizon-color-level-two);--color-level-three:var(--horizon-color-level-three);--color-level-four:var(--horizon-color-level-four);--color-success-400:var(--horizon-color-success-400);--color-warning-400:var(--horizon-color-warning-400);--color-danger-200:var(--horizon-color-danger-200);--color-danger-400:var(--horizon-color-danger-400);--color-danger-500:var(--horizon-color-danger-500);--color-alert-bg:var(--horizon-color-level-two);--color-alert-border:var(--horizon-color-level-three);--color-alert-text:var(--horizon-color-neutral-50);--color-alert-success-bg:var(--horizon-color-success-50);--color-alert-success-border:var(--horizon-color-success-500);--color-alert-success-text:var(--horizon-color-success-500);--color-alert-warning-bg:var(--horizon-color-warning-50);--color-alert-warning-border:var(--horizon-color-warning-500);--color-alert-warning-text:var(--horizon-color-warning-500);--color-alert-danger-bg:var(--horizon-color-danger-50);--color-alert-danger-border:var(--horizon-color-danger-500);--color-alert-danger-text:var(--horizon-color-danger-500);--color-alert-info-bg:var(--horizon-color-primary-50);--color-alert-info-border:var(--horizon-color-primary-700);--color-alert-info-text:var(--horizon-color-primary-700);--color-badge-primary-bg:var(--horizon-color-level-five);--color-badge-primary-bg--hover:var(--horizon-color-level-four);--color-badge-secondary-bg:var(--horizon-color-accent);--color-badge-secondary-text:var(--horizon-color-neutral-950);--color-badge-outline-border:var(--horizon-color-level-five);--color-badge-destructive-bg:var(--horizon-color-danger-400);--color-badge-destructive-border:var(--horizon-color-danger-400);--color-button-primary-bg:var(--horizon-color-accent);--color-button-primary-bg--hover:var(--horizon-color-level-two);--color-button-primary-bg--disabled:var(--horizon-color-neutral-500);--color-button-primary-border:var(--horizon-color-accent);--color-button-primary-border--hover:var(--horizon-color-level-two);--color-button-primary-border--disabled:var(--horizon-color-neutral-500);--color-button-primary-text:var(--horizon-color-neutral-900);--color-button-primary-text--hover:var(--horizon-color-accent);--color-button-primary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-bg:var(--horizon-color-level-two);--color-button-secondary-bg--hover:var(--horizon-color-accent);--color-button-secondary-bg--disabled:var(--horizon-color-neutral-500);--color-button-secondary-text:var(--horizon-color-neutral-50);--color-button-secondary-text--hover:var(--horizon-color-level-two);--color-button-secondary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-border:var(--horizon-color-neutral-900);--color-button-secondary-border--disabled:var(--horizon-color-neutral-500);--color-button-outline-bg:var(--horizon-color-transparent);--color-button-outline-bg--hover:var(--horizon-color-level-two);--color-button-outline-text:var(--horizon-color-neutral-50);--color-button-outline-text--hover:var(--horizon-color-accent);--color-button-outline-text--disabled:var(--horizon-color-neutral-400);--color-button-outline-border:var(--horizon-color-accent);--color-button-outline-border--disabled:var(--horizon-color-neutral-400);--color-button-ghost-bg:var(--horizon-color-transparent);--color-button-ghost-bg--hover:var(--horizon-color-level-two);--color-button-ghost-text:var(--horizon-color-neutral-50);--color-button-ghost-text--hover:var(--horizon-color-accent);--color-button-ghost-text--disabled:var(--horizon-color-neutral-400);--color-button-danger:var(--horizon-color-danger-400);--color-button-danger--hover:var(--horizon-color-danger-500)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-button-danger--hover:color-mix(in oklab, var(--horizon-color-danger-500) 80%, transparent)}}:root,:host{--color-checkbox-border:var(--horizon-color-neutral-100);--color-checkbox-border--focus:var(--horizon-color-accent);--color-checkbox-border--checked:var(--horizon-color-accent);--color-checkbox-indicator--checked:var(--horizon-color-accent);--color-data-card-description:var(--horizon-color-neutral-300);--color-dialog-bg:var(--horizon-color-level-one);--color-drawer-bg:var(--horizon-color-level-one);--color-input-border:var(--horizon-color-white)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-input-border:color-mix(in oklab, var(--horizon-color-white) 10%, transparent)}}:root,:host{--color-input-border--hover:var(--horizon-color-neutral-300);--color-input-border--focus:var(--horizon-color-accent);--color-input-border--disabled:var(--horizon-color-neutral-500);--color-input-bg:var(--horizon-color-level-zero);--color-input-bg--hover:var(--horizon-color-level-four);--color-input-bg--disabled:var(--horizon-color-neutral-700);--color-input-bg--selected:var(--horizon-color-level-four);--color-input-text:var(--horizon-color-neutral-50);--color-input-text-prefix:var(--horizon-color-neutral-200);--color-input-text--disabled:var(--horizon-color-neutral-200);--color-input-text-placeholder:var(--horizon-color-neutral-500);--color-input-primitive-border:var(--horizon-color-neutral-800);--color-input-otp-filled-separator:var(--horizon-color-level-five);--color-input-otp-border:var(--horizon-color-neutral-300);--color-input-otp-border--focus:var(--horizon-color-accent);--color-input-otp-caret:var(--horizon-color-neutral-200);--color-kbd-bg:var(--horizon-color-level-two);--color-kbd-text:var(--color-text-secondary);--color-popover-bg:var(--horizon-color-level-one);--color-popover-text:var(--horizon-color-neutral-50);--color-radio-bg:var(--horizon-color-neutral-900);--color-radio-bg--selected:var(--horizon-color-accent);--color-radio-border--hover:var(--horizon-color-accent);--color-radio-border--selected:var(--horizon-color-accent);--color-slider-track:var(--horizon-color-neutral-700);--color-slider-range:var(--horizon-color-neutral-50);--color-slider-thumb-border:var(--horizon-color-neutral-50);--color-slider-thumb-bg:var(--horizon-color-neutral-50);--color-slider-thumb-ring:var(--horizon-color-neutral-50);--color-switch-bg:var(--horizon-color-neutral-700);--color-switch-bg--checked:var(--horizon-color-white);--color-switch-thumb:var(--horizon-color-neutral-950);--color-switch-thumb--checked:var(--horizon-color-white);--color-tabs-group-bg:var(--horizon-color-level-one);--color-tabs-indicator:var(--horizon-color-accent);--color-tabs-enclosed-indicator:var(--horizon-color-level-two);--color-tabs-border:var(--horizon-color-level-four);--color-toast-bg:var(--horizon-color-level-one);--color-toast-border:var(--horizon-color-level-four);--color-toast-text:var(--horizon-color-neutral-50);--color-toast-success-bg:var(--horizon-color-success-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-success-bg:color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-success-border:var(--horizon-color-success-400);--color-toast-success-text:var(--horizon-color-success-400);--color-toast-success-icon:var(--horizon-color-success-400);--color-toast-warning-bg:var(--horizon-color-warning-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-warning-bg:color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-warning-border:var(--horizon-color-warning-400);--color-toast-warning-text:var(--horizon-color-warning-400);--color-toast-warning-icon:var(--horizon-color-warning-400);--color-toast-danger-bg:var(--horizon-color-danger-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-danger-bg:color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-danger-border:var(--horizon-color-danger-400);--color-toast-danger-text:var(--horizon-color-danger-400);--color-toast-danger-icon:var(--horizon-color-danger-400);--color-toast-info-bg:var(--horizon-color-primary-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-info-bg:color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-info-border:var(--horizon-color-primary-400);--color-toast-info-text:var(--horizon-color-primary-400);--color-toast-info-icon:var(--horizon-color-primary-400);--color-toggle-bg:var(--horizon-color-level-two);--color-toggle-bg--active-default:var(--horizon-color-primary-700);--color-toggle-bg--active:var(--color-toggle-bg--active-default);--color-toggle-bg--hover:var(--horizon-color-level-four);--color-toggle-border:var(--horizon-color-transparent);--color-toggle-border--hover:var(--horizon-color-level-four);--color-toggle-border--active-default:var(--horizon-color-primary-600);--color-toggle-border--active:var(--color-toggle-border--active-default);--color-toggle-text:var(--horizon-color-neutral-50);--color-toggle-text--hover:var(--horizon-color-neutral-200);--color-toggle-text--active-default:var(--color-text-primary);--color-toggle-text--active:var(--color-toggle-text--active-default);--color-toggle-outline-border:var(--horizon-color-neutral-700);--color-toggle-outline-divider:var(--horizon-color-neutral-600);--color-toggle-outline-border--hover:var(--horizon-color-neutral-400);--color-tooltip-bg:var(--horizon-color-level-one);--color-tooltip-arrow:var(--horizon-color-level-one);--color-tooltip-outline-border:var(--horizon-color-level-four);--color-tooltip-outline-arrow:var(--horizon-color-level-four);--color-black-40:oklch(0% 0 0/.4);--animate-caret-blink:caret-blink 1.2s ease-out infinite;--animate-accordion-down:accordion-down .2s ease-out;--animate-accordion-up:accordion-up .2s ease-out}:root{--horizon-color-black:oklch(0% 0 0);--horizon-color-white:oklch(100% 0 0);--horizon-color-transparent:oklch(0% 0 0/0);--horizon-color-accent:oklch(92.53% .1976 123.38);--horizon-color-neutral-50:oklch(98.5% 0 0);--horizon-color-neutral-100:oklch(92.19% 0 0);--horizon-color-neutral-200:oklch(86.99% 0 0);--horizon-color-neutral-300:oklch(79.03% 0 0);--horizon-color-neutral-400:oklch(71.55% 0 0);--horizon-color-neutral-500:oklch(55.55% 0 0);--horizon-color-neutral-600:oklch(43.86% 0 0);--horizon-color-neutral-700:oklch(37.15% 0 0);--horizon-color-neutral-800:oklch(32.11% 0 0);--horizon-color-neutral-900:oklch(26.86% 0 0);--horizon-color-neutral-950:oklch(21.78% 0 0);--horizon-color-primary-50:oklch(97.37% .01 238);--horizon-color-primary-100:oklch(93.88% .03 242.35);--horizon-color-primary-200:oklch(89.3% .06 242.83);--horizon-color-primary-300:oklch(83.05% .09 240.33);--horizon-color-primary-400:oklch(74.57% .14 245.84);--horizon-color-primary-500:oklch(66.23% .18 254.28);--horizon-color-primary-600:oklch(58.57% .21 259.12);--horizon-color-primary-700:oklch(52.25% .21 261.44);--horizon-color-primary-800:oklch(42.44% .17 262.29);--horizon-color-primary-900:oklch(39.88% .14 261.51);--horizon-color-primary-950:oklch(29.27% .09 263.49);--horizon-color-level-zero:oklch(23.78% 0 0);--horizon-color-level-one:oklch(26.94% 0 0);--horizon-color-level-two:oklch(29.93% 0 0);--horizon-color-level-three:oklch(32.89% 0 0);--horizon-color-level-four:oklch(35.71% 0 0);--horizon-color-level-five:oklch(38.62% 0 0);--horizon-color-success-50:oklch(96.2% .044 156.743);--horizon-color-success-100:oklch(92.5% .084 155.995);--horizon-color-success-200:oklch(87.1% .15 154.449);--horizon-color-success-300:oklch(79.2% .209 151.711);--horizon-color-success-400:oklch(72.3% .219 149.579);--horizon-color-success-500:oklch(62.7% .194 149.214);--horizon-color-warning-50:oklch(95.4% .038 75.164);--horizon-color-warning-100:oklch(90.1% .076 70.697);--horizon-color-warning-200:oklch(83.7% .128 66.29);--horizon-color-warning-300:oklch(75% .183 55.934);--horizon-color-warning-400:oklch(70.5% .213 47.604);--horizon-color-warning-500:oklch(64.6% .222 41.116);--horizon-color-danger-50:oklch(93.6% .032 17.717);--horizon-color-danger-100:oklch(88.5% .062 18.334);--horizon-color-danger-200:oklch(80.8% .114 19.571);--horizon-color-danger-300:oklch(70.4% .191 22.216);--horizon-color-danger-400:oklch(57.7% .245 27.325);--horizon-color-danger-500:oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one:oklch(98.51% 0 0);--color-background:var(--horizon-color-neutral-50)}@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{opacity:0;transform:translateY(-100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-up-to-top{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100%)scale(.95)}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}}@keyframes accordion-down{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}@layer utilities{a.underline-on-hover{color:var(--color-accent);cursor:pointer;width:max-content;text-decoration:none;position:relative}a.underline-on-hover:before{background-color:var(--color-accent);content:"";border-radius:.1rem;width:100%;height:.1rem;transition:transform .3s ease-in-out;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}a.underline-on-hover:hover:before{transform:scaleX(1)}.spectral-root{isolation:isolate}[data-vaul-drawer] *,[data-vaul-drawer] :before,[data-vaul-drawer] :after{box-sizing:border-box!important}[vaul-drawer]{transition:transform .2s cubic-bezier(.165,.84,.44,1)!important}[vaul-overlay]{transition:opacity .2s cubic-bezier(.165,.84,.44,1)!important}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large), -12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic), -4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%)translateY(-50%)!important}svg:focus-visible,svg:focus{outline:none}.card-effects{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff03 0%,#fff0 100%),#26262680;border:.5px solid #ffffff0d;border-radius:1rem;box-shadow:inset 0 -1px #0000001a,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.tooltip-effects{box-shadow:3px 3px 6px 3px #0000004d}@supports not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.card-effects{background-color:#22222599}.card-effects-dark{background-color:#27272ab8}}.rdp{margin:0}.rdp-root{padding-right:24px}.rdp-root .rdp-nav{z-index:9999;position:absolute}.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next{justify-content:center;align-items:center;display:flex;position:absolute}:is(.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next):hover{color:var(--color-text-secondary);cursor:pointer;background-color:#0000}.rdp-root .rdp-month_caption{justify-content:center;align-items:center;padding-block-end:8px;display:flex;position:relative}.rdp-root .rdp-month_caption .month-title{font-size:18px;font-weight:600}.rdp-root .rdp-day_button{border-color:#0000;border-radius:100%;width:40px;height:40px}.rdp-root .day.rdp-today{color:var(--color-accent);font-weight:600}.rdp-root .day.rdp-selected .rdp-day_button{background-color:var(--color-accent);color:var(--color-text-inverted);border-radius:50%;font-weight:600}.rdp-root .day.rdp-outside .rdp-day_button{opacity:.25}.rdp-root .day:not(.rdp-disabled):hover{background-color:var(--color-neutral-200);color:var(--color-text-inverted);border-radius:50%;cursor:pointer!important}.rdp-root .day.rdp-disabled .rdp-day_button{color:var(--color-text-disabled)}.rdp-root .day.rdp-hidden .rdp-day_button{visibility:hidden}.rdp-root .rdp-weekdays .rdp-weekday{color:var(--color-neutral-400);font-weight:500}:is(.rdp-root .hours,.rdp-root .minutes) input{width:max-content;max-width:22px}:is(.rdp-root .hours,.rdp-root .minutes) input.hours-input{text-align:right}:is(.rdp-root .hours,.rdp-root .minutes) input.minutes-input{text-align:left}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input{border:0;font-size:16px}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:hover,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus-visible{border:0;outline:0}.rdp-root .hours{flex-direction:row;align-items:center;display:flex}.rdp-root .hours input{text-align:right}.rdp-root .hours span{margin-inline:1px 2px}.rdp-root .am-pm{width:auto;margin-inline-start:8px}.rdp-root .am-pm button{background-color:#0000;border:0;padding-inline:0;font-size:14px}.rdp-root .am-pm button:hover{cursor:pointer}.rdp-root .am-pm button:focus,.rdp-root .am-pm button:focus-visible{outline:0}.rdp-root .am-pm button svg:not(.chevron-icon){display:none}.rdp-root .am-pm span:focus,.rdp-root .am-pm span:focus-visible{outline:0}.rdp-root .am-pm-dropdown{z-index:999;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:58px;margin-top:-5px;font-size:14px;position:relative}.rdp-root .am-pm-dropdown:hover{cursor:pointer}.rdp-root .am-pm-dropdown .am-pm-option{text-align:center;z-index:999;justify-content:center;align-items:center;height:24px;padding-inline:8px;display:flex}.rdp-root .am-pm-dropdown .am-pm-option:focus-visible,.rdp-root .am-pm-dropdown .am-pm-option:focus{outline:0}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.right-\[-14px\]{right:-14px}.right-px{right:1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-px{bottom:1px}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.left-\[calc\(100\%-0\.75rem\)\]{left:calc(100% - .75rem)}.left-\[calc\(100\%-1\.5rem\)\]{left:calc(100% - 1.5rem)}.left-\[calc\(100\%-1\.25rem\)\]{left:calc(100% - 1.25rem)}.left-\[calc\(100\%-1rem\)\]{left:calc(100% - 1rem)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[1\]{z-index:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.-mbe-0\.5{margin-block-end:calc(var(--spacing) * -.5)}.mbe-0{margin-block-end:calc(var(--spacing) * 0)}.\!mt-4{margin-top:calc(var(--spacing) * 4)!important}.mt-0\!{margin-top:calc(var(--spacing) * 0)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-0\.5\!{margin-top:calc(var(--spacing) * .5)!important}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-4\!{margin-top:calc(var(--spacing) * 4)!important}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-6\!{margin-top:calc(var(--spacing) * 6)!important}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-\[1\.6rem\]{margin-top:1.6rem}.mt-\[21px\]{margin-top:21px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-\[-4px\]{margin-right:-4px}.mb-0\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-\[1\.2rem\]{margin-bottom:1.2rem}.-ml-3{margin-left:calc(var(--spacing) * -3)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-5{margin-left:calc(var(--spacing) * -5)}.-ml-6{margin-left:calc(var(--spacing) * -6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-6\.5{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-full{width:100%;height:100%}.h-\(--radix-select-trigger-height\){height:var(--radix-select-trigger-height)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-12\!{height:calc(var(--spacing) * 12)!important}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-\[72px\]{height:72px}.h-\[inherit\]{height:inherit}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-popover-content-available-height\){max-height:var(--radix-popover-content-available-height)}.max-h-22{max-height:calc(var(--spacing) * 22)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(var\(--available-height\)\,18rem\)\]{max-height:min(var(--available-height), 18rem)}.max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\)\,300px\)\]{max-height:min(var(--radix-dropdown-menu-content-available-height), 300px)}.max-h-\[min\(var\(--radix-select-content-available-height\)\,300px\)\]{max-height:min(var(--radix-select-content-available-height), 300px)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-12\!{min-height:calc(var(--spacing) * 12)!important}.w-\(--popover-width\){width:var(--popover-width)}.w-\(--spectral-select-content-width\){width:var(--spectral-select-content-width)}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-44{width:calc(var(--spacing) * 44)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[60\%\]{width:60%}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[330px\]{width:330px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[486px\]{width:486px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-auto{width:auto}.w-auto\!{width:auto!important}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.w-max{width:max-content}.w-px{width:1px}.max-w-44{max-width:calc(var(--spacing) * 44)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--spectral-select-content-width\){min-width:var(--spectral-select-content-width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[30\%\]{flex-basis:30%}.basis-\[70\%\]{flex-basis:70%}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%\+1px\)\]{--tw-translate-y:calc(calc(50% + 1px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%-1\.5px\)\]{--tw-translate-y:calc(calc(50% - 1.5px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.list-inside{list-style-position:inside}.list-inside\!{list-style-position:inside!important}.list-disc{list-style-type:disc}.\[appearance\:textfield\]{appearance:textfield}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[auto_0fr\]{grid-template-columns:auto 0fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[max-content_auto\]{grid-template-columns:max-content auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[0\.4rem\]{gap:.4rem}.gap-\[15px\]{gap:15px}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-\[var\(--radius\,0\.375rem\)\]{border-radius:var(--radius,.375rem)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-none\!{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s-md{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-ss-md{border-start-start-radius:var(--radius-md)}.rounded-ss-none{border-start-start-radius:0}.rounded-e-md{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.rounded-e-none{border-start-end-radius:0;border-end-end-radius:0}.rounded-se-md{border-start-end-radius:var(--radius-md)}.rounded-se-none{border-start-end-radius:0}.rounded-ee-md{border-end-end-radius:var(--radius-md)}.rounded-ee-none{border-end-end-radius:0}.rounded-es-md{border-end-start-radius:var(--radius-md)}.rounded-es-none{border-end-start-radius:0}.rounded-r-none\!{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-2\!{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.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-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-none{--tw-border-style:none;border-style:none}.border-none\!{--tw-border-style:none!important;border-style:none!important}.border-\[\#F5F5F5\]{border-color:#f5f5f5}.border-\[\#F7F7F7\]{border-color:#f7f7f7}.border-alert-border{border-color:var(--color-alert-border)}.border-alert-danger-border{border-color:var(--color-alert-danger-border)}.border-alert-info-border{border-color:var(--color-alert-info-border)}.border-alert-success-border{border-color:var(--color-alert-success-border)}.border-alert-warning-border{border-color:var(--color-alert-warning-border)}.border-badge-outline-border{border-color:var(--color-badge-outline-border)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-checkbox-border{border-color:var(--color-checkbox-border)}.border-danger-400{border-color:var(--color-danger-400)}.border-gray-200{border-color:var(--color-gray-200)}.border-input-border{border-color:var(--color-input-border)}.border-input-otp-border{border-color:var(--color-input-otp-border)}.border-input-otp-border--focus{border-color:var(--color-input-otp-border--focus)}.border-level-four{border-color:var(--color-level-four)}.border-level-one{border-color:var(--color-level-one)}.border-level-three{border-color:var(--color-level-three)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-tabs-border{border-color:var(--color-tabs-border)}.border-toast-border{border-color:var(--color-toast-border)}.border-toast-danger-border{border-color:var(--color-toast-danger-border)}.border-toast-info-border{border-color:var(--color-toast-info-border)}.border-toast-success-border{border-color:var(--color-toast-success-border)}.border-toast-warning-border{border-color:var(--color-toast-warning-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-tooltip-outline-arrow{border-color:var(--color-tooltip-outline-arrow)}.border-tooltip-outline-border{border-color:var(--color-tooltip-outline-border)}.border-transparent{border-color:#0000}.border-warning-400{border-color:var(--color-warning-400)}.bg-\[\#4DAFFF\]{background-color:#4dafff}.bg-\[\#F0F2F4\]{background-color:#f0f2f4}.bg-\[\#F7F8F9\]{background-color:#f7f8f9}.bg-\[\#FF3F40\]{background-color:#ff3f40}.bg-\[\#FFF0F0\]{background-color:#fff0f0}.bg-alert-bg{background-color:var(--color-alert-bg)}.bg-alert-danger-bg{background-color:var(--color-alert-danger-bg)}.bg-alert-info-bg{background-color:var(--color-alert-info-bg)}.bg-alert-success-bg{background-color:var(--color-alert-success-bg)}.bg-alert-warning-bg{background-color:var(--color-alert-warning-bg)}.bg-background{background-color:var(--color-background)}.bg-badge-destructive-bg{background-color:var(--color-badge-destructive-bg)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-badge-secondary-bg{background-color:var(--color-badge-secondary-bg)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-dialog-bg,.bg-dialog-bg\/85{background-color:var(--color-dialog-bg)}@supports (color:color-mix(in lab, red, red)){.bg-dialog-bg\/85{background-color:color-mix(in oklab, var(--color-dialog-bg) 85%, transparent)}}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-bg--hover{background-color:var(--color-input-bg--hover)}.bg-input-bg--selected{background-color:var(--color-input-bg--selected)}.bg-input-border{background-color:var(--color-input-border)}.bg-input-otp-caret{background-color:var(--color-input-otp-caret)}.bg-input-primitive-border{background-color:var(--color-input-primitive-border)}.bg-kbd-bg{background-color:var(--color-kbd-bg)}.bg-level-one{background-color:var(--color-level-one)}.bg-level-three{background-color:var(--color-level-three)}.bg-level-two{background-color:var(--color-level-two)}.bg-level-zero{background-color:var(--color-level-zero)}.bg-overlay{background-color:var(--color-overlay)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-radio-bg{background-color:var(--color-radio-bg)}.bg-radio-bg--selected{background-color:var(--color-radio-bg--selected)}.bg-red-500{background-color:var(--color-red-500)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb--checked{background-color:var(--color-switch-thumb--checked)}.bg-tabs-enclosed-indicator{background-color:var(--color-tabs-enclosed-indicator)}.bg-tabs-group-bg{background-color:var(--color-tabs-group-bg)}.bg-toast-bg{background-color:var(--color-toast-bg)}.bg-toast-danger-bg{background-color:var(--color-toast-danger-bg)}.bg-toast-info-bg{background-color:var(--color-toast-info-bg)}.bg-toast-success-bg{background-color:var(--color-toast-success-bg)}.bg-toast-warning-bg{background-color:var(--color-toast-warning-bg)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\!{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\!{padding-top:calc(var(--spacing) * 3)!important}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.\[text-indent\:var\(--prefix-width\)\]{text-indent:var(--prefix-width)}.font-mono\!{font-family:var(--font-mono)!important}.font-sans\!{font-family:var(--font-sans)!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#222222\]{color:#222}.text-\[\#999999\]{color:#999}.text-\[\#FF3F40\]{color:#ff3f40}.text-\[\#FFFFFF\]{color:#fff}.text-alert-danger-text{color:var(--color-alert-danger-text)}.text-alert-info-text{color:var(--color-alert-info-text)}.text-alert-success-text{color:var(--color-alert-success-text)}.text-alert-text{color:var(--color-alert-text)}.text-alert-warning-text{color:var(--color-alert-warning-text)}.text-badge-secondary-text{color:var(--color-badge-secondary-text)}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-checkbox-indicator--checked{color:var(--color-checkbox-indicator--checked)}.text-current{color:currentColor}.text-danger-400{color:var(--color-danger-400)}.text-danger-400\!{color:var(--color-danger-400)!important}.text-data-card-description{color:var(--color-data-card-description)}.text-gray-500{color:var(--color-gray-500)}.text-inherit{color:inherit}.text-input-text{color:var(--color-input-text)}.text-input-text\!{color:var(--color-input-text)!important}.text-input-text--disabled{color:var(--color-input-text--disabled)}.text-input-text-placeholder{color:var(--color-input-text-placeholder)}.text-input-text-prefix{color:var(--color-input-text-prefix)}.text-kbd-text{color:var(--color-kbd-text)}.text-neutral-200\!{color:var(--color-neutral-200)!important}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-400\!{color:var(--color-neutral-400)!important}.text-popover-text{color:var(--color-popover-text)}.text-success-400{color:var(--color-success-400)}.text-text-primary{color:var(--color-text-primary)}.text-text-primary\!{color:var(--color-text-primary)!important}.text-text-secondary{color:var(--color-text-secondary)}.text-text-secondary\!{color:var(--color-text-secondary)!important}.text-toast-danger-icon{color:var(--color-toast-danger-icon)}.text-toast-danger-text{color:var(--color-toast-danger-text)}.text-toast-info-icon{color:var(--color-toast-info-icon)}.text-toast-info-text{color:var(--color-toast-info-text)}.text-toast-success-icon{color:var(--color-toast-success-icon)}.text-toast-success-text{color:var(--color-toast-success-text)}.text-toast-text{color:var(--color-toast-text)}.text-toast-warning-icon{color:var(--color-toast-warning-icon)}.text-toast-warning-text{color:var(--color-toast-warning-text)}.text-toggle-text{color:var(--color-toggle-text)}.text-warning-400{color:var(--color-warning-400)}.text-warning-400\!{color:var(--color-warning-400)!important}.uppercase{text-transform:uppercase}.font-stretch-condensed{font-stretch:75%}.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,)}.no-underline\!{text-decoration-line:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[-20px_0_20px_var\(--color-black-40\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-20px_20px_var\(--color-black-40\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_20px_var\(--color-black-40\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[4px_0_10px_rgb\(0_0_0_\/_0\.18\)\]{--tw-shadow:4px 0 10px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[20px_0_20px_var\(--color-black-40\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring-black{--tw-ring-color:var(--color-black)}.ring-slider-thumb-ring\/50{--tw-ring-color:var(--color-slider-thumb-ring)}@supports (color:color-mix(in lab, red, red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab, var(--color-slider-thumb-ring) 50%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[2px\]{--tw-blur:blur(2px);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,)}.grayscale{--tw-grayscale:grayscale(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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\,opacity\,transform\]{transition-property:filter,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-columns\]{transition-property:grid-template-columns;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\,clip-path\]{transition-property:transform,opacity,clip-path;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[clip-path\:inset\(0_0_0_0\)\]{clip-path:inset(0)}.\[clip-path\:inset\(0_100\%_0_0\)\]{clip-path:inset(0 100% 0 0)}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:is(.\*\:box-border>*),:is(.\*\*\:box-border *){box-sizing:border-box}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-active\:\[background-color\:var\(--color-toggle-border--active\)\]:is(:where(.group):active *),.group-aria-pressed\:\[background-color\:var\(--color-toggle-border--active\)\]:is(:where(.group)[aria-pressed=true] *),.group-data-\[state\=on\]\:\[background-color\:var\(--color-toggle-border--active\)\]:is(:where(.group)[data-state=on] *){background-color:var(--color-toggle-border--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-neutral-400:is(:where(.peer):disabled~*){color:var(--color-neutral-400)}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[state\=checked\]\:invisible:is(:where(.peer)[data-state=checked]~*){visibility:hidden}.peer-data-\[state\=checked\]\:-translate-x-full:is(:where(.peer)[data-state=checked]~*){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=checked\]\:text-background:is(:where(.peer)[data-state=checked]~*){color:var(--color-background)}.peer-data-\[state\=on\]\/spectral-split-menu\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:bg-toggle-bg--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){background-color:var(--color-toggle-bg--active)}.peer-data-\[state\=on\]\/spectral-split-menu\:text-toggle-text--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){color:var(--color-toggle-text--active)}.peer-data-\[state\=unchecked\]\:invisible:is(:where(.peer)[data-state=unchecked]~*){visibility:hidden}.peer-data-\[state\=unchecked\]\:translate-x-6:is(:where(.peer)[data-state=unchecked]~*){--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.placeholder\:text-input-text\!::placeholder{color:var(--color-input-text)!important}.placeholder\:text-input-text-placeholder::placeholder{color:var(--color-input-text-placeholder)}.placeholder\:text-input-text-placeholder\!::placeholder{color:var(--color-input-text-placeholder)!important}.placeholder\:opacity-100::placeholder{opacity:1}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-2:before{content:var(--tw-content);inset-block:calc(var(--spacing) * 2)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-border-secondary\/6:before{content:var(--tw-content);background-color:var(--color-border-secondary)}@supports (color:color-mix(in lab, red, red)){.before\:bg-border-secondary\/6:before{background-color:color-mix(in oklab, var(--color-border-secondary) 6%, transparent)}}.before\:content-none:before{content:var(--tw-content);--tw-content:none;content:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing) * 0)}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing) * 2.5)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 2.5)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-t-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.after\:rounded-l-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.after\:border-r-\[0\.3rem\]:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:.3rem}.after\:border-b-\[0\.3rem\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:.3rem}.after\:border-tabs-indicator:after{content:var(--tw-content);border-color:var(--color-tabs-indicator)}.after\:bg-radio-bg--selected:after{content:var(--tw-content);background-color:var(--color-radio-bg--selected)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-none:after{content:var(--tw-content);--tw-content:none;content:none}.first\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.first\:rounded-s-md:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.first\:rounded-ss-md:first-child{border-start-start-radius:var(--radius-md)}.first\:rounded-se-md:first-child{border-start-end-radius:var(--radius-md)}.last\:me-0:last-child{margin-inline-end:calc(var(--spacing) * 0)}.last\:mbe-0:last-child{margin-block-end:calc(var(--spacing) * 0)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\:rounded-e-md:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.last\:rounded-ee-md:last-child{border-end-end-radius:var(--radius-md)}.last\:rounded-es-md:last-child{border-end-start-radius:var(--radius-md)}.focus-within\:z-10:focus-within{z-index:10}.focus-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:z-10:hover{z-index:10}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-button-danger--hover:hover{border-color:var(--color-button-danger--hover)}.hover\:border-button-primary-border--hover:hover{border-color:var(--color-button-primary-border--hover)}.hover\:border-danger-500:hover{border-color:var(--color-danger-500)}.hover\:border-input-border--hover:hover{border-color:var(--color-input-border--hover)}.hover\:border-radio-border--hover:hover{border-color:var(--color-radio-border--hover)}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:border-toggle-outline-border--hover:hover{border-color:var(--color-toggle-outline-border--hover)}.hover\:border-warning-400:hover{border-color:var(--color-warning-400)}.hover\:bg-button-danger--hover:hover{background-color:var(--color-button-danger--hover)}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-button-outline-bg--hover:hover{background-color:var(--color-button-outline-bg--hover)}.hover\:bg-button-primary-bg--hover:hover{background-color:var(--color-button-primary-bg--hover)}.hover\:bg-button-secondary-bg--hover:hover{background-color:var(--color-button-secondary-bg--hover)}.hover\:bg-input-bg--hover:hover{background-color:var(--color-input-bg--hover)}.hover\:bg-level-four:hover{background-color:var(--color-level-four)}.hover\:bg-level-three:hover{background-color:var(--color-level-three)}.hover\:bg-level-two:hover{background-color:var(--color-level-two)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-button-danger\/80:hover{color:var(--color-button-danger)}@supports (color:color-mix(in lab, red, red)){.hover\:text-button-danger\/80:hover{color:color-mix(in oklab, var(--color-button-danger) 80%, transparent)}}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-button-outline-text--hover:hover{color:var(--color-button-outline-text--hover)}.hover\:text-button-primary-text--hover:hover{color:var(--color-button-primary-text--hover)}.hover\:text-button-secondary-text--hover:hover{color:var(--color-button-secondary-text--hover)}.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-100\!:hover{opacity:1!important}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:bg-toggle-bg--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{background-color:var(--color-toggle-bg--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:text-toggle-text--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{color:var(--color-toggle-text--active)!important}}.focus\:z-10:focus{z-index:10}.focus\:scale-95:focus{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.focus\:border-danger-400:focus{border-color:var(--color-danger-400)}.focus\:border-input-border--focus:focus{border-color:var(--color-input-border--focus)}.focus\:border-warning-400:focus{border-color:var(--color-warning-400)}.focus\:text-text-primary:focus{color:var(--color-text-primary)}.focus\:ring-1:focus{--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)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-accent:focus-visible{border-color:var(--color-accent)}.focus-visible\:border-input-border--focus:focus-visible{border-color:var(--color-input-border--focus)}.focus-visible\:bg-input-bg--hover:focus-visible{background-color:var(--color-input-bg--hover)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-accent:focus-visible{--tw-ring-color:var(--color-accent)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--color-accent)}.focus-visible\:outline-badge-destructive-border:focus-visible{outline-color:var(--color-badge-destructive-border)}.focus-visible\:outline-button-danger:focus-visible{outline-color:var(--color-button-danger)}.focus-visible\:outline-button-outline-border:focus-visible{outline-color:var(--color-button-outline-border)}.focus-visible\:outline-button-primary-border:focus-visible{outline-color:var(--color-button-primary-border)}.focus-visible\:outline-button-secondary-border:focus-visible{outline-color:var(--color-button-secondary-border)}.focus-visible\:outline-checkbox-border--focus:focus-visible{outline-color:var(--color-checkbox-border--focus)}.focus-visible\:outline-danger-400:focus-visible{outline-color:var(--color-danger-400)}.focus-visible\:outline-input-border--focus:focus-visible{outline-color:var(--color-input-border--focus)}.focus-visible\:outline-level-three:focus-visible{outline-color:var(--color-level-three)}.focus-visible\:outline-text-secondary:focus-visible{outline-color:var(--color-text-secondary)}.focus-visible\:outline-warning-400:focus-visible{outline-color:var(--color-warning-400)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:border-toggle-border--active:active{border-color:var(--color-toggle-border--active)}.active\:bg-accent:active{background-color:var(--color-accent)}.active\:bg-toggle-bg--active:active{background-color:var(--color-toggle-bg--active)}.active\:text-text-inverted:active{color:var(--color-text-inverted)}.active\:text-toggle-text--active:active{color:var(--color-toggle-text--active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:border-input-border--disabled:disabled{border-color:var(--color-input-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:bg-input-bg--disabled:disabled{background-color:var(--color-input-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:text-input-text--disabled:disabled{color:var(--color-input-text--disabled)}.disabled\:text-text-secondary:disabled{color:var(--color-text-secondary)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:bg-level-one:disabled:hover{background-color:var(--color-level-one)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-text-primary:disabled:hover{color:var(--color-text-primary)}}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where([data-orientation=horizontal]) .in-data-\[orientation\=horizontal\]\:p-4{padding:calc(var(--spacing) * 4)}:where([data-slot=tooltip-content]) .in-data-\[slot\=tooltip-content\]\:bg-level-three{background-color:var(--color-level-three)}.has-\[\[data-slot\=dialog-footer\]\]\:pb-0:has([data-slot=dialog-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-0:has([data-slot=input-group-control]:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}.has-\[disabled\]\:opacity-50:has(:is(disabled)){opacity:.5}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-danger-200[aria-invalid=true]{border-color:var(--color-danger-200)}.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:var(--color-danger-200)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:color-mix(in oklab, var(--color-danger-200) 20%, transparent)}}.aria-pressed\:border-toggle-border--active[aria-pressed=true]{border-color:var(--color-toggle-border--active)}.aria-pressed\:bg-toggle-bg--active[aria-pressed=true]{background-color:var(--color-toggle-bg--active)}.aria-pressed\:text-toggle-text--active[aria-pressed=true]{color:var(--color-toggle-text--active)}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-highlighted\:bg-input-bg--hover[data-highlighted]{background-color:var(--color-input-bg--hover)}.data-placeholder\:text-input-text-placeholder\![data-placeholder]{color:var(--color-input-text-placeholder)!important}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[expanded\=true\]\:w-full[data-expanded=true],.data-\[layout\=\'expanded\'\]\:w-full[data-layout=expanded]{width:100%}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:flex[data-orientation=vertical]{display:flex}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=lg\]\:min-w-7[data-size=lg]{min-width:calc(var(--spacing) * 7)}.data-\[size\=lg\]\:px-1\.5[data-size=lg]{padding-inline:calc(var(--spacing) * 1.5)}.data-\[size\=sm\]\:min-w-5[data-size=sm]{min-width:calc(var(--spacing) * 5)}.data-\[size\=sm\]\:px-0\.5[data-size=sm]{padding-inline:calc(var(--spacing) * .5)}.data-\[state\=active\]\:text-accent[data-state=active]{color:var(--color-accent)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-\[26px\][data-state=checked]{--tw-translate-x:26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-checkbox-border--checked[data-state=checked]{border-color:var(--color-checkbox-border--checked)}.data-\[state\=checked\]\:border-radio-border--selected[data-state=checked]{border-color:var(--color-radio-border--selected)}.data-\[state\=checked\]\:bg-radio-bg[data-state=checked]{background-color:var(--color-radio-bg)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=checked\]\:bg-switch-thumb[data-state=checked]{background-color:var(--color-switch-thumb)}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-text-primary[data-state=open]{color:var(--color-text-primary)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked],.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:var(--color-switch-bg)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:color-mix(in oklab, var(--color-switch-bg) 50%, transparent)}}.data-\[variant\=\'divided\'\]\:gap-0[data-variant=divided]{gap:calc(var(--spacing) * 0)}.data-\[variant\=\'divided\'\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=divided]{--color-toggle-border:var(--color-toggle-outline-border)}.data-\[variant\=\'outline\'\]\:gap-0[data-variant=outline]{gap:calc(var(--spacing) * 0)}.data-\[variant\=\'outline\'\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=outline]{--color-toggle-border:var(--color-toggle-outline-border)}.data-\[variant\=\'separated\'\]\:gap-1\.5[data-variant=separated]{gap:calc(var(--spacing) * 1.5)}.data-\[size\=\'lg\'\]\:data-\[variant\=\'separated\'\]\:gap-2[data-size=lg][data-variant=separated]{gap:calc(var(--spacing) * 2)}.data-\[size\=\'sm\'\]\:data-\[variant\=\'separated\'\]\:gap-1[data-size=sm][data-variant=separated]{gap:calc(var(--spacing) * 1)}.data-\[variant\=divided\]\:gap-0[data-variant=divided]{gap:calc(var(--spacing) * 0)}.data-\[variant\=divided\]\:border-toggle-border[data-variant=divided]{border-color:var(--color-toggle-border)}.data-\[variant\=divided\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=divided]{--color-toggle-border:var(--color-toggle-outline-border)}@media (hover:hover){.data-\[variant\=divided\]\:hover\:border-toggle-border[data-variant=divided]:hover{border-color:var(--color-toggle-border)}}.data-\[variant\=divided\]\:data-\[state\=on\]\:border-toggle-border--active[data-variant=divided][data-state=on]{border-color:var(--color-toggle-border--active)}@media (hover:hover){.data-\[variant\=divided\]\:data-\[state\=on\]\:hover\:border-toggle-border--active[data-variant=divided][data-state=on]:hover{border-color:var(--color-toggle-border--active)}}.data-\[variant\=outline\]\:gap-0[data-variant=outline]{gap:calc(var(--spacing) * 0)}.data-\[variant\=outline\]\:border-toggle-border[data-variant=outline]{border-color:var(--color-toggle-border)}.data-\[variant\=outline\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=outline]{--color-toggle-border:var(--color-toggle-outline-border)}@media (hover:hover){.data-\[variant\=outline\]\:hover\:border-toggle-border[data-variant=outline]:hover{border-color:var(--color-toggle-border)}}.data-\[variant\=outline\]\:data-\[state\=on\]\:border-toggle-border--active[data-variant=outline][data-state=on]{border-color:var(--color-toggle-border--active)}@media (hover:hover){.data-\[variant\=outline\]\:data-\[state\=on\]\:hover\:border-toggle-border--active[data-variant=outline][data-state=on]:hover{border-color:var(--color-toggle-border--active)}}.data-\[variant\=separated\]\:rounded-md[data-variant=separated]{border-radius:var(--radius-md)}.data-\[variant\=separated\]\:border-toggle-border[data-variant=separated]{border-color:var(--color-toggle-border)}@media (hover:hover){.data-\[variant\=separated\]\:hover\:border-toggle-border--hover[data-variant=separated]:hover{border-color:var(--color-toggle-border--hover)}}.data-\[variant\=separated\]\:data-\[state\=on\]\:border-toggle-border--active[data-variant=separated][data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[variant\=separated\]\:data-\[state\=on\]\:bg-toggle-bg--active[data-variant=separated][data-state=on]{background-color:var(--color-toggle-bg--active)}@media (hover:hover){.data-\[variant\=separated\]\:data-\[state\=on\]\:hover\:border-toggle-border--active[data-variant=separated][data-state=on]:hover{border-color:var(--color-toggle-border--active)}.data-\[variant\=separated\]\:data-\[state\=on\]\:hover\:bg-toggle-bg--active[data-variant=separated][data-state=on]:hover{background-color:var(--color-toggle-bg--active)}}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-caret-blink{animation:var(--animate-caret-blink)}.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:duration-200{--tw-duration:.2s;transition-duration:.2s}.motion-safe\:animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:duration-200{animation-duration:.2s}.motion-safe\:fade-in{--tw-enter-opacity:0}.motion-safe\:slide-in-from-top-full{--tw-enter-translate-y:-100%}.motion-safe\:data-closed\:animate-out[data-closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.motion-safe\:data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.motion-safe\:data-open\:animate-in[data-open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.motion-safe\:data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.motion-safe\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.motion-safe\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.motion-safe\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.motion-safe\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.motion-safe\:data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:var(--animate-accordion-up)}.motion-safe\:data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.motion-safe\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.motion-safe\:data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:var(--animate-accordion-down)}.motion-safe\:data-\[state\=open\]\:duration-200[data-state=open]{--tw-duration:.2s;transition-duration:.2s}.motion-safe\:data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-\[state\=open\]\:duration-200[data-state=open]{animation-duration:.2s}.motion-safe\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.motion-safe\:data-\[state\=open\]\:slide-in-from-bottom-20[data-state=open]{--tw-enter-translate-y:5rem}.motion-safe\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.motion-safe\:data-\[state\=open\]\:zoom-in-100\![data-state=open]{--tw-enter-scale:1!important}}@media (prefers-reduced-motion:reduce){.motion-reduce\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:duration-0{--tw-duration:0s;transition-duration:0s;animation-duration:0s}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}@media not all and (min-width:48rem){.sm\:max-md\:max-w-full{max-width:100%}}}@media (min-width:48rem){.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.peer-data-\[state\=checked\]\:rtl\:translate-x-full:is(:where(.peer)[data-state=checked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=unchecked\]\:rtl\:-translate-x-6:is(:where(.peer)[data-state=unchecked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -6);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:translate-x-\[-26px\][data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&_\*\]\:min-w-0 *{min-width:calc(var(--spacing) * 0)}.data-\[variant\=\'divided\'\]\:\[\&_button\]\:border-y-0[data-variant=divided] button,.data-\[variant\=divided\]\:\[\&_button\]\:border-y-0[data-variant=divided] button{border-block-style:var(--tw-border-style);border-block-width:0}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.data-\[variant\=\'divided\'\]\:\[\&_button\:first-of-type\]\:border-l-0[data-variant=divided] button:first-of-type,.data-\[variant\=divided\]\:\[\&_button\:first-of-type\]\:border-l-0[data-variant=divided] button:first-of-type{border-left-style:var(--tw-border-style);border-left-width:0}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[variant\=\'divided\'\]\:\[\&_button\:last-of-type\]\:border-r-0[data-variant=divided] button:last-of-type,.data-\[variant\=divided\]\:\[\&_button\:last-of-type\]\:border-r-0[data-variant=divided] button:last-of-type{border-right-style:var(--tw-border-style);border-right-width:0}.data-\[variant\=\'divided\'\]\:\[\&_button\:not\(\:first-of-type\)\]\:border-l-0[data-variant=divided] button:not(:first-of-type),.data-\[variant\=\'outline\'\]\:\[\&_button\:not\(\:first-of-type\)\]\:border-l-0[data-variant=outline] button:not(:first-of-type){border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=\'divided\'\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=divided] button:not(:last-of-type),.data-\[variant\=\'outline\'\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=outline] button:not(:last-of-type),.data-\[variant\=divided\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=divided] button:not(:last-of-type),.data-\[variant\=outline\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=outline] button:not(:last-of-type){border-right-color:var(--color-toggle-outline-divider)}.data-\[variant\=\'divided\'\]\:\[\&_button\[data-state\=\'on\'\]\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-border--active\)\][data-variant=divided] button[data-state=on]:not(:last-of-type),.data-\[variant\=\'outline\'\]\:\[\&_button\[data-state\=\'on\'\]\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-border--active\)\][data-variant=outline] button[data-state=on]:not(:last-of-type){border-right-color:var(--color-toggle-border--active)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_p\]\:text-alert-danger-text p{color:var(--color-alert-danger-text)}.\[\&_p\]\:text-alert-info-text p{color:var(--color-alert-info-text)}.\[\&_p\]\:text-alert-success-text p{color:var(--color-alert-success-text)}.\[\&_p\]\:text-alert-text p{color:var(--color-alert-text)}.\[\&_p\]\:text-alert-warning-text p{color:var(--color-alert-warning-text)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:not\(\:first-child\)\]\:border-l-0:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\]\:min-w-0>*{min-width:calc(var(--spacing) * 0)}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:last-child\]\:-ms-0\.5>:last-child{margin-inline-start:calc(var(--spacing) * -.5)}.\[\&\>\*\:last-child\]\:-mt-0\.5>:last-child{margin-top:calc(var(--spacing) * -.5)}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\]\:border-y-0[data-variant=divided]>[data-slot=button-group-item]{border-block-style:var(--tw-border-style);border-block-width:0}.data-\[orientation\=\'vertical\'\]\:data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\]\:border-x-0[data-orientation=vertical][data-variant=divided]>[data-slot=button-group-item]{border-inline-style:var(--tw-border-style);border-inline-width:0}.data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:first-of-type\]\:border-l-0[data-variant=divided]>[data-slot=button-group-item]:first-of-type{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[orientation\=\'vertical\'\]\:data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:first-of-type\]\:border-t-0[data-orientation=vertical][data-variant=divided]>[data-slot=button-group-item]:first-of-type{border-top-style:var(--tw-border-style);border-top-width:0}.data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:last-of-type\]\:border-r-0[data-variant=divided]>[data-slot=button-group-item]:last-of-type{border-right-style:var(--tw-border-style);border-right-width:0}.data-\[orientation\=\'vertical\'\]\:data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:last-of-type\]\:border-b-0[data-orientation=vertical][data-variant=divided]>[data-slot=button-group-item]:last-of-type{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\>span\]\:block>span{display:block}.\[\&\>span\]\:min-w-0>span{min-width:calc(var(--spacing) * 0)}.\[\&\>span\]\:overflow-hidden>span{overflow:hidden}.\[\&\>span\]\:text-ellipsis>span{text-overflow:ellipsis}.\[\&\>span\]\:whitespace-nowrap>span{white-space:nowrap}.\[\&\>span\[data-placeholder\]\]\:text-input-text-placeholder\!>span[data-placeholder]{color:var(--color-input-text-placeholder)!important}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--color-accent)}a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}a.\[a\&\]\:hover\:bg-danger-400:hover{background-color:var(--color-danger-400)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
3
|
+
@layer properties{@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}:root,:host{--font-sans:"Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji";--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xs:18rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:var(--horizon-color-neutral-950);--color-text-primary:var(--horizon-color-neutral-50);--color-text-inverted:var(--horizon-color-neutral-950);--color-text-secondary:var(--horizon-color-neutral-300);--color-text-disabled:var(--horizon-color-neutral-600);--color-border-secondary:var(--horizon-color-neutral-700);--color-accent:var(--horizon-color-accent);--color-overlay:var(--horizon-color-neutral-950)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-overlay:color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent)}}:root,:host{--color-level-zero:var(--horizon-color-level-zero);--color-level-one:var(--horizon-color-level-one);--color-level-two:var(--horizon-color-level-two);--color-level-three:var(--horizon-color-level-three);--color-level-four:var(--horizon-color-level-four);--color-success-400:var(--horizon-color-success-400);--color-warning-400:var(--horizon-color-warning-400);--color-danger-200:var(--horizon-color-danger-200);--color-danger-400:var(--horizon-color-danger-400);--color-danger-500:var(--horizon-color-danger-500);--color-alert-bg:var(--horizon-color-level-two);--color-alert-border:var(--horizon-color-level-three);--color-alert-text:var(--horizon-color-neutral-50);--color-alert-success-bg:var(--horizon-color-success-50);--color-alert-success-border:var(--horizon-color-success-500);--color-alert-success-text:var(--horizon-color-success-500);--color-alert-warning-bg:var(--horizon-color-warning-50);--color-alert-warning-border:var(--horizon-color-warning-500);--color-alert-warning-text:var(--horizon-color-warning-500);--color-alert-danger-bg:var(--horizon-color-danger-50);--color-alert-danger-border:var(--horizon-color-danger-500);--color-alert-danger-text:var(--horizon-color-danger-500);--color-alert-info-bg:var(--horizon-color-primary-50);--color-alert-info-border:var(--horizon-color-primary-700);--color-alert-info-text:var(--horizon-color-primary-700);--color-badge-primary-bg:var(--horizon-color-level-five);--color-badge-primary-bg--hover:var(--horizon-color-level-four);--color-badge-secondary-bg:var(--horizon-color-accent);--color-badge-secondary-text:var(--horizon-color-neutral-950);--color-badge-outline-border:var(--horizon-color-level-five);--color-badge-destructive-bg:var(--horizon-color-danger-400);--color-badge-destructive-border:var(--horizon-color-danger-400);--color-button-primary-bg:var(--horizon-color-accent);--color-button-primary-bg--hover:var(--horizon-color-level-two);--color-button-primary-bg--disabled:var(--horizon-color-neutral-500);--color-button-primary-border:var(--horizon-color-accent);--color-button-primary-border--hover:var(--horizon-color-level-two);--color-button-primary-border--disabled:var(--horizon-color-neutral-500);--color-button-primary-text:var(--horizon-color-neutral-900);--color-button-primary-text--hover:var(--horizon-color-accent);--color-button-primary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-bg:var(--horizon-color-level-two);--color-button-secondary-bg--hover:var(--horizon-color-accent);--color-button-secondary-bg--disabled:var(--horizon-color-neutral-500);--color-button-secondary-text:var(--horizon-color-neutral-50);--color-button-secondary-text--hover:var(--horizon-color-level-two);--color-button-secondary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-border:var(--horizon-color-neutral-900);--color-button-secondary-border--disabled:var(--horizon-color-neutral-500);--color-button-outline-bg:var(--horizon-color-transparent);--color-button-outline-bg--hover:var(--horizon-color-level-two);--color-button-outline-text:var(--horizon-color-neutral-50);--color-button-outline-text--hover:var(--horizon-color-accent);--color-button-outline-text--disabled:var(--horizon-color-neutral-400);--color-button-outline-border:var(--horizon-color-accent);--color-button-outline-border--disabled:var(--horizon-color-neutral-400);--color-button-ghost-bg:var(--horizon-color-transparent);--color-button-ghost-bg--hover:var(--horizon-color-level-two);--color-button-ghost-text:var(--horizon-color-neutral-50);--color-button-ghost-text--hover:var(--horizon-color-accent);--color-button-ghost-text--disabled:var(--horizon-color-neutral-400);--color-button-danger:var(--horizon-color-danger-400);--color-button-danger--hover:var(--horizon-color-danger-500)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-button-danger--hover:color-mix(in oklab, var(--horizon-color-danger-500) 80%, transparent)}}:root,:host{--color-checkbox-border:var(--horizon-color-neutral-100);--color-checkbox-border--focus:var(--horizon-color-accent);--color-checkbox-border--checked:var(--horizon-color-accent);--color-checkbox-indicator--checked:var(--horizon-color-accent);--color-data-card-description:var(--horizon-color-neutral-300);--color-dialog-bg:var(--horizon-color-level-one);--color-drawer-bg:var(--horizon-color-level-one);--color-input-border:var(--horizon-color-white)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-input-border:color-mix(in oklab, var(--horizon-color-white) 10%, transparent)}}:root,:host{--color-input-border--hover:var(--horizon-color-neutral-300);--color-input-border--focus:var(--horizon-color-accent);--color-input-border--disabled:var(--horizon-color-neutral-500);--color-input-bg:var(--horizon-color-level-zero);--color-input-bg--hover:var(--horizon-color-level-four);--color-input-bg--disabled:var(--horizon-color-neutral-700);--color-input-bg--selected:var(--horizon-color-level-four);--color-input-text:var(--horizon-color-neutral-50);--color-input-text-prefix:var(--horizon-color-neutral-200);--color-input-text--disabled:var(--horizon-color-neutral-200);--color-input-text-placeholder:var(--horizon-color-neutral-500);--color-input-primitive-border:var(--horizon-color-neutral-800);--color-input-otp-filled-separator:var(--horizon-color-level-five);--color-input-otp-border:var(--horizon-color-neutral-300);--color-input-otp-border--focus:var(--horizon-color-accent);--color-input-otp-caret:var(--horizon-color-neutral-200);--color-kbd-bg:var(--horizon-color-level-two);--color-kbd-text:var(--color-text-secondary);--color-popover-bg:var(--horizon-color-level-one);--color-popover-text:var(--horizon-color-neutral-50);--color-radio-bg:var(--horizon-color-neutral-900);--color-radio-bg--selected:var(--horizon-color-accent);--color-radio-border--hover:var(--horizon-color-accent);--color-radio-border--selected:var(--horizon-color-accent);--color-slider-track:var(--horizon-color-neutral-700);--color-slider-range:var(--horizon-color-neutral-50);--color-slider-thumb-border:var(--horizon-color-neutral-50);--color-slider-thumb-bg:var(--horizon-color-neutral-50);--color-slider-thumb-ring:var(--horizon-color-neutral-50);--color-switch-bg:var(--horizon-color-neutral-700);--color-switch-bg--checked:var(--horizon-color-white);--color-switch-thumb:var(--horizon-color-neutral-950);--color-switch-thumb--checked:var(--horizon-color-white);--color-tabs-group-bg:var(--horizon-color-level-one);--color-tabs-indicator:var(--horizon-color-accent);--color-tabs-enclosed-indicator:var(--horizon-color-level-two);--color-tabs-border:var(--horizon-color-level-four);--color-toast-bg:var(--horizon-color-level-one);--color-toast-border:var(--horizon-color-level-four);--color-toast-text:var(--horizon-color-neutral-50);--color-toast-success-bg:var(--horizon-color-success-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-success-bg:color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-success-border:var(--horizon-color-success-400);--color-toast-success-text:var(--horizon-color-success-400);--color-toast-success-icon:var(--horizon-color-success-400);--color-toast-warning-bg:var(--horizon-color-warning-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-warning-bg:color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-warning-border:var(--horizon-color-warning-400);--color-toast-warning-text:var(--horizon-color-warning-400);--color-toast-warning-icon:var(--horizon-color-warning-400);--color-toast-danger-bg:var(--horizon-color-danger-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-danger-bg:color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-danger-border:var(--horizon-color-danger-400);--color-toast-danger-text:var(--horizon-color-danger-400);--color-toast-danger-icon:var(--horizon-color-danger-400);--color-toast-info-bg:var(--horizon-color-primary-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-info-bg:color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-info-border:var(--horizon-color-primary-400);--color-toast-info-text:var(--horizon-color-primary-400);--color-toast-info-icon:var(--horizon-color-primary-400);--color-toggle-bg:var(--horizon-color-level-two);--color-toggle-bg--active-default:var(--horizon-color-primary-700);--color-toggle-bg--active:var(--color-toggle-bg--active-default);--color-toggle-bg--hover:var(--horizon-color-level-four);--color-toggle-border:var(--horizon-color-transparent);--color-toggle-border--hover:var(--horizon-color-level-four);--color-toggle-border--active-default:var(--horizon-color-primary-600);--color-toggle-border--active:var(--color-toggle-border--active-default);--color-toggle-text:var(--horizon-color-neutral-50);--color-toggle-text--hover:var(--horizon-color-neutral-200);--color-toggle-text--active-default:var(--color-text-primary);--color-toggle-text--active:var(--color-toggle-text--active-default);--color-toggle-outline-border:var(--horizon-color-neutral-700);--color-toggle-outline-divider:var(--horizon-color-neutral-600);--color-toggle-outline-border--hover:var(--horizon-color-neutral-400);--color-tooltip-bg:var(--horizon-color-level-one);--color-tooltip-arrow:var(--horizon-color-level-one);--color-tooltip-outline-border:var(--horizon-color-level-four);--color-tooltip-outline-arrow:var(--horizon-color-level-four);--color-black-40:oklch(0% 0 0/.4);--animate-caret-blink:caret-blink 1.2s ease-out infinite;--animate-accordion-down:accordion-down .2s ease-out;--animate-accordion-up:accordion-up .2s ease-out}:root{--horizon-color-black:oklch(0% 0 0);--horizon-color-white:oklch(100% 0 0);--horizon-color-transparent:oklch(0% 0 0/0);--horizon-color-accent:oklch(92.53% .1976 123.38);--horizon-color-neutral-50:oklch(98.5% 0 0);--horizon-color-neutral-100:oklch(92.19% 0 0);--horizon-color-neutral-200:oklch(86.99% 0 0);--horizon-color-neutral-300:oklch(79.03% 0 0);--horizon-color-neutral-400:oklch(71.55% 0 0);--horizon-color-neutral-500:oklch(55.55% 0 0);--horizon-color-neutral-600:oklch(43.86% 0 0);--horizon-color-neutral-700:oklch(37.15% 0 0);--horizon-color-neutral-800:oklch(32.11% 0 0);--horizon-color-neutral-900:oklch(26.86% 0 0);--horizon-color-neutral-950:oklch(21.78% 0 0);--horizon-color-primary-50:oklch(97.37% .01 238);--horizon-color-primary-100:oklch(93.88% .03 242.35);--horizon-color-primary-200:oklch(89.3% .06 242.83);--horizon-color-primary-300:oklch(83.05% .09 240.33);--horizon-color-primary-400:oklch(74.57% .14 245.84);--horizon-color-primary-500:oklch(66.23% .18 254.28);--horizon-color-primary-600:oklch(58.57% .21 259.12);--horizon-color-primary-700:oklch(52.25% .21 261.44);--horizon-color-primary-800:oklch(42.44% .17 262.29);--horizon-color-primary-900:oklch(39.88% .14 261.51);--horizon-color-primary-950:oklch(29.27% .09 263.49);--horizon-color-level-zero:oklch(23.78% 0 0);--horizon-color-level-one:oklch(26.94% 0 0);--horizon-color-level-two:oklch(29.93% 0 0);--horizon-color-level-three:oklch(32.89% 0 0);--horizon-color-level-four:oklch(35.71% 0 0);--horizon-color-level-five:oklch(38.62% 0 0);--horizon-color-success-50:oklch(96.2% .044 156.743);--horizon-color-success-100:oklch(92.5% .084 155.995);--horizon-color-success-200:oklch(87.1% .15 154.449);--horizon-color-success-300:oklch(79.2% .209 151.711);--horizon-color-success-400:oklch(72.3% .219 149.579);--horizon-color-success-500:oklch(62.7% .194 149.214);--horizon-color-warning-50:oklch(95.4% .038 75.164);--horizon-color-warning-100:oklch(90.1% .076 70.697);--horizon-color-warning-200:oklch(83.7% .128 66.29);--horizon-color-warning-300:oklch(75% .183 55.934);--horizon-color-warning-400:oklch(70.5% .213 47.604);--horizon-color-warning-500:oklch(64.6% .222 41.116);--horizon-color-danger-50:oklch(93.6% .032 17.717);--horizon-color-danger-100:oklch(88.5% .062 18.334);--horizon-color-danger-200:oklch(80.8% .114 19.571);--horizon-color-danger-300:oklch(70.4% .191 22.216);--horizon-color-danger-400:oklch(57.7% .245 27.325);--horizon-color-danger-500:oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one:oklch(98.51% 0 0);--color-background:var(--horizon-color-neutral-50)}@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{opacity:0;transform:translateY(-100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-up-to-top{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100%)scale(.95)}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}}@keyframes accordion-down{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}@layer utilities{a.underline-on-hover{color:var(--color-accent);cursor:pointer;width:max-content;text-decoration:none;position:relative}a.underline-on-hover:before{background-color:var(--color-accent);content:"";border-radius:.1rem;width:100%;height:.1rem;transition:transform .3s ease-in-out;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}a.underline-on-hover:hover:before{transform:scaleX(1)}.spectral-root{isolation:isolate}[data-vaul-drawer] *,[data-vaul-drawer] :before,[data-vaul-drawer] :after{box-sizing:border-box!important}[vaul-drawer]{transition:transform .2s cubic-bezier(.165,.84,.44,1)!important}[vaul-overlay]{transition:opacity .2s cubic-bezier(.165,.84,.44,1)!important}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large), -12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic), -4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%)translateY(-50%)!important}svg:focus-visible,svg:focus{outline:none}.card-effects{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff03 0%,#fff0 100%),#26262680;border:.5px solid #ffffff0d;border-radius:1rem;box-shadow:inset 0 -1px #0000001a,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.tooltip-effects{box-shadow:3px 3px 6px 3px #0000004d}@supports not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.card-effects{background-color:#22222599}.card-effects-dark{background-color:#27272ab8}}.rdp{margin:0}.rdp-root{padding-right:24px}.rdp-root .rdp-nav{z-index:9999;position:absolute}.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next{justify-content:center;align-items:center;display:flex;position:absolute}:is(.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next):hover{color:var(--color-text-secondary);cursor:pointer;background-color:#0000}.rdp-root .rdp-month_caption{justify-content:center;align-items:center;padding-block-end:8px;display:flex;position:relative}.rdp-root .rdp-month_caption .month-title{font-size:18px;font-weight:600}.rdp-root .rdp-day_button{border-color:#0000;border-radius:100%;width:40px;height:40px}.rdp-root .day.rdp-today{color:var(--color-accent);font-weight:600}.rdp-root .day.rdp-selected .rdp-day_button{background-color:var(--color-accent);color:var(--color-text-inverted);border-radius:50%;font-weight:600}.rdp-root .day.rdp-outside .rdp-day_button{opacity:.25}.rdp-root .day:not(.rdp-disabled):hover{background-color:var(--color-neutral-200);color:var(--color-text-inverted);border-radius:50%;cursor:pointer!important}.rdp-root .day.rdp-disabled .rdp-day_button{color:var(--color-text-disabled)}.rdp-root .day.rdp-hidden .rdp-day_button{visibility:hidden}.rdp-root .rdp-weekdays .rdp-weekday{color:var(--color-neutral-400);font-weight:500}:is(.rdp-root .hours,.rdp-root .minutes) input{width:max-content;max-width:22px}:is(.rdp-root .hours,.rdp-root .minutes) input.hours-input{text-align:right}:is(.rdp-root .hours,.rdp-root .minutes) input.minutes-input{text-align:left}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input{border:0;font-size:16px}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:hover,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus-visible{border:0;outline:0}.rdp-root .hours{flex-direction:row;align-items:center;display:flex}.rdp-root .hours input{text-align:right}.rdp-root .hours span{margin-inline:1px 2px}.rdp-root .am-pm{width:auto;margin-inline-start:8px}.rdp-root .am-pm button{background-color:#0000;border:0;padding-inline:0;font-size:14px}.rdp-root .am-pm button:hover{cursor:pointer}.rdp-root .am-pm button:focus,.rdp-root .am-pm button:focus-visible{outline:0}.rdp-root .am-pm button svg:not(.chevron-icon){display:none}.rdp-root .am-pm span:focus,.rdp-root .am-pm span:focus-visible{outline:0}.rdp-root .am-pm-dropdown{z-index:999;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:58px;margin-top:-5px;font-size:14px;position:relative}.rdp-root .am-pm-dropdown:hover{cursor:pointer}.rdp-root .am-pm-dropdown .am-pm-option{text-align:center;z-index:999;justify-content:center;align-items:center;height:24px;padding-inline:8px;display:flex}.rdp-root .am-pm-dropdown .am-pm-option:focus-visible,.rdp-root .am-pm-dropdown .am-pm-option:focus{outline:0}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.right-\[-14px\]{right:-14px}.right-px{right:1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-px{bottom:1px}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.left-\[calc\(100\%-0\.75rem\)\]{left:calc(100% - .75rem)}.left-\[calc\(100\%-1\.5rem\)\]{left:calc(100% - 1.5rem)}.left-\[calc\(100\%-1\.25rem\)\]{left:calc(100% - 1.25rem)}.left-\[calc\(100\%-1rem\)\]{left:calc(100% - 1rem)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[1\]{z-index:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.-mbe-0\.5{margin-block-end:calc(var(--spacing) * -.5)}.mbe-0{margin-block-end:calc(var(--spacing) * 0)}.\!mt-4{margin-top:calc(var(--spacing) * 4)!important}.mt-0\!{margin-top:calc(var(--spacing) * 0)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-0\.5\!{margin-top:calc(var(--spacing) * .5)!important}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-4\!{margin-top:calc(var(--spacing) * 4)!important}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-6\!{margin-top:calc(var(--spacing) * 6)!important}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-\[1\.6rem\]{margin-top:1.6rem}.mt-\[21px\]{margin-top:21px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-\[-4px\]{margin-right:-4px}.mb-0\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-\[1\.2rem\]{margin-bottom:1.2rem}.-ml-3{margin-left:calc(var(--spacing) * -3)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-5{margin-left:calc(var(--spacing) * -5)}.-ml-6{margin-left:calc(var(--spacing) * -6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-6\.5{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-full{width:100%;height:100%}.h-\(--radix-select-trigger-height\){height:var(--radix-select-trigger-height)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-12\!{height:calc(var(--spacing) * 12)!important}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-\[72px\]{height:72px}.h-\[inherit\]{height:inherit}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-popover-content-available-height\){max-height:var(--radix-popover-content-available-height)}.max-h-22{max-height:calc(var(--spacing) * 22)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[17\.5rem\]{max-height:17.5rem}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(var\(--available-height\)\,18rem\)\]{max-height:min(var(--available-height), 18rem)}.max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\)\,300px\)\]{max-height:min(var(--radix-dropdown-menu-content-available-height), 300px)}.max-h-\[min\(var\(--radix-select-content-available-height\)\,300px\)\]{max-height:min(var(--radix-select-content-available-height), 300px)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-12\!{min-height:calc(var(--spacing) * 12)!important}.w-\(--popover-width\){width:var(--popover-width)}.w-\(--spectral-select-content-width\){width:var(--spectral-select-content-width)}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-44{width:calc(var(--spacing) * 44)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[60\%\]{width:60%}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[330px\]{width:330px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[486px\]{width:486px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-auto{width:auto}.w-auto\!{width:auto!important}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.w-max{width:max-content}.w-px{width:1px}.max-w-44{max-width:calc(var(--spacing) * 44)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--spectral-select-content-width\){min-width:var(--spectral-select-content-width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[30\%\]{flex-basis:30%}.basis-\[70\%\]{flex-basis:70%}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%\+1px\)\]{--tw-translate-y:calc(calc(50% + 1px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%-1\.5px\)\]{--tw-translate-y:calc(calc(50% - 1.5px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.list-inside{list-style-position:inside}.list-inside\!{list-style-position:inside!important}.list-disc{list-style-type:disc}.\[appearance\:textfield\]{appearance:textfield}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[auto_0fr\]{grid-template-columns:auto 0fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[max-content_auto\]{grid-template-columns:max-content auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[0\.4rem\]{gap:.4rem}.gap-\[15px\]{gap:15px}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-\[var\(--radius\,0\.375rem\)\]{border-radius:var(--radius,.375rem)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-none\!{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s-md{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-ss-md{border-start-start-radius:var(--radius-md)}.rounded-ss-none{border-start-start-radius:0}.rounded-e-md{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.rounded-e-none{border-start-end-radius:0;border-end-end-radius:0}.rounded-se-md{border-start-end-radius:var(--radius-md)}.rounded-se-none{border-start-end-radius:0}.rounded-ee-md{border-end-end-radius:var(--radius-md)}.rounded-ee-none{border-end-end-radius:0}.rounded-es-md{border-end-start-radius:var(--radius-md)}.rounded-es-none{border-end-start-radius:0}.rounded-r-none\!{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-2\!{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.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-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-none{--tw-border-style:none;border-style:none}.border-none\!{--tw-border-style:none!important;border-style:none!important}.border-\[\#F5F5F5\]{border-color:#f5f5f5}.border-\[\#F7F7F7\]{border-color:#f7f7f7}.border-alert-border{border-color:var(--color-alert-border)}.border-alert-danger-border{border-color:var(--color-alert-danger-border)}.border-alert-info-border{border-color:var(--color-alert-info-border)}.border-alert-success-border{border-color:var(--color-alert-success-border)}.border-alert-warning-border{border-color:var(--color-alert-warning-border)}.border-badge-outline-border{border-color:var(--color-badge-outline-border)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-checkbox-border{border-color:var(--color-checkbox-border)}.border-danger-400{border-color:var(--color-danger-400)}.border-gray-200{border-color:var(--color-gray-200)}.border-input-border{border-color:var(--color-input-border)}.border-input-otp-border{border-color:var(--color-input-otp-border)}.border-input-otp-border--focus{border-color:var(--color-input-otp-border--focus)}.border-level-four{border-color:var(--color-level-four)}.border-level-one{border-color:var(--color-level-one)}.border-level-three{border-color:var(--color-level-three)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-tabs-border{border-color:var(--color-tabs-border)}.border-toast-border{border-color:var(--color-toast-border)}.border-toast-danger-border{border-color:var(--color-toast-danger-border)}.border-toast-info-border{border-color:var(--color-toast-info-border)}.border-toast-success-border{border-color:var(--color-toast-success-border)}.border-toast-warning-border{border-color:var(--color-toast-warning-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-tooltip-outline-arrow{border-color:var(--color-tooltip-outline-arrow)}.border-tooltip-outline-border{border-color:var(--color-tooltip-outline-border)}.border-transparent{border-color:#0000}.border-warning-400{border-color:var(--color-warning-400)}.bg-\[\#4DAFFF\]{background-color:#4dafff}.bg-\[\#F0F2F4\]{background-color:#f0f2f4}.bg-\[\#F7F8F9\]{background-color:#f7f8f9}.bg-\[\#FF3F40\]{background-color:#ff3f40}.bg-\[\#FFF0F0\]{background-color:#fff0f0}.bg-alert-bg{background-color:var(--color-alert-bg)}.bg-alert-danger-bg{background-color:var(--color-alert-danger-bg)}.bg-alert-info-bg{background-color:var(--color-alert-info-bg)}.bg-alert-success-bg{background-color:var(--color-alert-success-bg)}.bg-alert-warning-bg{background-color:var(--color-alert-warning-bg)}.bg-background{background-color:var(--color-background)}.bg-badge-destructive-bg{background-color:var(--color-badge-destructive-bg)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-badge-secondary-bg{background-color:var(--color-badge-secondary-bg)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-dialog-bg,.bg-dialog-bg\/85{background-color:var(--color-dialog-bg)}@supports (color:color-mix(in lab, red, red)){.bg-dialog-bg\/85{background-color:color-mix(in oklab, var(--color-dialog-bg) 85%, transparent)}}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-bg--hover{background-color:var(--color-input-bg--hover)}.bg-input-bg--selected{background-color:var(--color-input-bg--selected)}.bg-input-border{background-color:var(--color-input-border)}.bg-input-otp-caret{background-color:var(--color-input-otp-caret)}.bg-input-primitive-border{background-color:var(--color-input-primitive-border)}.bg-kbd-bg{background-color:var(--color-kbd-bg)}.bg-level-one{background-color:var(--color-level-one)}.bg-level-three{background-color:var(--color-level-three)}.bg-level-two{background-color:var(--color-level-two)}.bg-level-zero{background-color:var(--color-level-zero)}.bg-overlay{background-color:var(--color-overlay)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-radio-bg{background-color:var(--color-radio-bg)}.bg-radio-bg--selected{background-color:var(--color-radio-bg--selected)}.bg-red-500{background-color:var(--color-red-500)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb--checked{background-color:var(--color-switch-thumb--checked)}.bg-tabs-enclosed-indicator{background-color:var(--color-tabs-enclosed-indicator)}.bg-tabs-group-bg{background-color:var(--color-tabs-group-bg)}.bg-toast-bg{background-color:var(--color-toast-bg)}.bg-toast-danger-bg{background-color:var(--color-toast-danger-bg)}.bg-toast-info-bg{background-color:var(--color-toast-info-bg)}.bg-toast-success-bg{background-color:var(--color-toast-success-bg)}.bg-toast-warning-bg{background-color:var(--color-toast-warning-bg)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\!{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.ps-11{padding-inline-start:calc(var(--spacing) * 11)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pe-12{padding-inline-end:calc(var(--spacing) * 12)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\!{padding-top:calc(var(--spacing) * 3)!important}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.\[text-indent\:var\(--prefix-width\)\]{text-indent:var(--prefix-width)}.font-mono\!{font-family:var(--font-mono)!important}.font-sans\!{font-family:var(--font-sans)!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#222222\]{color:#222}.text-\[\#999999\]{color:#999}.text-\[\#FF3F40\]{color:#ff3f40}.text-\[\#FFFFFF\]{color:#fff}.text-accent{color:var(--color-accent)}.text-alert-danger-text{color:var(--color-alert-danger-text)}.text-alert-info-text{color:var(--color-alert-info-text)}.text-alert-success-text{color:var(--color-alert-success-text)}.text-alert-text{color:var(--color-alert-text)}.text-alert-warning-text{color:var(--color-alert-warning-text)}.text-badge-secondary-text{color:var(--color-badge-secondary-text)}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-checkbox-indicator--checked{color:var(--color-checkbox-indicator--checked)}.text-current{color:currentColor}.text-danger-400{color:var(--color-danger-400)}.text-danger-400\!{color:var(--color-danger-400)!important}.text-data-card-description{color:var(--color-data-card-description)}.text-gray-500{color:var(--color-gray-500)}.text-inherit{color:inherit}.text-input-text{color:var(--color-input-text)}.text-input-text\!{color:var(--color-input-text)!important}.text-input-text--disabled{color:var(--color-input-text--disabled)}.text-input-text-placeholder{color:var(--color-input-text-placeholder)}.text-input-text-prefix{color:var(--color-input-text-prefix)}.text-kbd-text{color:var(--color-kbd-text)}.text-neutral-200\!{color:var(--color-neutral-200)!important}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-400\!{color:var(--color-neutral-400)!important}.text-popover-text{color:var(--color-popover-text)}.text-success-400{color:var(--color-success-400)}.text-text-primary{color:var(--color-text-primary)}.text-text-primary\!{color:var(--color-text-primary)!important}.text-text-secondary{color:var(--color-text-secondary)}.text-text-secondary\!{color:var(--color-text-secondary)!important}.text-toast-danger-icon{color:var(--color-toast-danger-icon)}.text-toast-danger-text{color:var(--color-toast-danger-text)}.text-toast-info-icon{color:var(--color-toast-info-icon)}.text-toast-info-text{color:var(--color-toast-info-text)}.text-toast-success-icon{color:var(--color-toast-success-icon)}.text-toast-success-text{color:var(--color-toast-success-text)}.text-toast-text{color:var(--color-toast-text)}.text-toast-warning-icon{color:var(--color-toast-warning-icon)}.text-toast-warning-text{color:var(--color-toast-warning-text)}.text-toggle-text{color:var(--color-toggle-text)}.text-warning-400{color:var(--color-warning-400)}.text-warning-400\!{color:var(--color-warning-400)!important}.uppercase{text-transform:uppercase}.font-stretch-condensed{font-stretch:75%}.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,)}.no-underline\!{text-decoration-line:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[-20px_0_20px_var\(--color-black-40\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-20px_20px_var\(--color-black-40\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_20px_var\(--color-black-40\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[4px_0_10px_rgb\(0_0_0_\/_0\.18\)\]{--tw-shadow:4px 0 10px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[20px_0_20px_var\(--color-black-40\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,var(--color-black-40));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring-black{--tw-ring-color:var(--color-black)}.ring-slider-thumb-ring\/50{--tw-ring-color:var(--color-slider-thumb-ring)}@supports (color:color-mix(in lab, red, red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab, var(--color-slider-thumb-ring) 50%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[2px\]{--tw-blur:blur(2px);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,)}.grayscale{--tw-grayscale:grayscale(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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\,opacity\,transform\]{transition-property:filter,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-columns\]{transition-property:grid-template-columns;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\,clip-path\]{transition-property:transform,opacity,clip-path;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[clip-path\:inset\(0_0_0_0\)\]{clip-path:inset(0)}.\[clip-path\:inset\(0_100\%_0_0\)\]{clip-path:inset(0 100% 0 0)}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:is(.\*\:box-border>*),:is(.\*\*\:box-border *){box-sizing:border-box}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-active\:\[background-color\:var\(--color-toggle-border--active\)\]:is(:where(.group):active *),.group-aria-pressed\:\[background-color\:var\(--color-toggle-border--active\)\]:is(:where(.group)[aria-pressed=true] *),.group-data-\[state\=on\]\:\[background-color\:var\(--color-toggle-border--active\)\]:is(:where(.group)[data-state=on] *){background-color:var(--color-toggle-border--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-neutral-400:is(:where(.peer):disabled~*){color:var(--color-neutral-400)}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[state\=checked\]\:invisible:is(:where(.peer)[data-state=checked]~*){visibility:hidden}.peer-data-\[state\=checked\]\:-translate-x-full:is(:where(.peer)[data-state=checked]~*){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=checked\]\:text-background:is(:where(.peer)[data-state=checked]~*){color:var(--color-background)}.peer-data-\[state\=on\]\/spectral-split-menu\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:bg-toggle-bg--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){background-color:var(--color-toggle-bg--active)}.peer-data-\[state\=on\]\/spectral-split-menu\:text-toggle-text--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){color:var(--color-toggle-text--active)}.peer-data-\[state\=unchecked\]\:invisible:is(:where(.peer)[data-state=unchecked]~*){visibility:hidden}.peer-data-\[state\=unchecked\]\:translate-x-6:is(:where(.peer)[data-state=unchecked]~*){--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.placeholder\:text-input-text\!::placeholder{color:var(--color-input-text)!important}.placeholder\:text-input-text-placeholder::placeholder{color:var(--color-input-text-placeholder)}.placeholder\:text-input-text-placeholder\!::placeholder{color:var(--color-input-text-placeholder)!important}.placeholder\:opacity-100::placeholder{opacity:1}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-2:before{content:var(--tw-content);inset-block:calc(var(--spacing) * 2)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-border-secondary\/6:before{content:var(--tw-content);background-color:var(--color-border-secondary)}@supports (color:color-mix(in lab, red, red)){.before\:bg-border-secondary\/6:before{background-color:color-mix(in oklab, var(--color-border-secondary) 6%, transparent)}}.before\:content-none:before{content:var(--tw-content);--tw-content:none;content:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing) * 0)}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing) * 2.5)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 2.5)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-t-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.after\:rounded-l-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.after\:border-r-\[0\.3rem\]:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:.3rem}.after\:border-b-\[0\.3rem\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:.3rem}.after\:border-tabs-indicator:after{content:var(--tw-content);border-color:var(--color-tabs-indicator)}.after\:bg-radio-bg--selected:after{content:var(--tw-content);background-color:var(--color-radio-bg--selected)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-none:after{content:var(--tw-content);--tw-content:none;content:none}.first\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.first\:rounded-s-md:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.first\:rounded-ss-md:first-child{border-start-start-radius:var(--radius-md)}.first\:rounded-se-md:first-child{border-start-end-radius:var(--radius-md)}.last\:me-0:last-child{margin-inline-end:calc(var(--spacing) * 0)}.last\:mbe-0:last-child{margin-block-end:calc(var(--spacing) * 0)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\:rounded-e-md:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.last\:rounded-ee-md:last-child{border-end-end-radius:var(--radius-md)}.last\:rounded-es-md:last-child{border-end-start-radius:var(--radius-md)}.focus-within\:z-10:focus-within{z-index:10}.focus-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:z-10:hover{z-index:10}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-button-danger--hover:hover{border-color:var(--color-button-danger--hover)}.hover\:border-button-primary-border--hover:hover{border-color:var(--color-button-primary-border--hover)}.hover\:border-danger-500:hover{border-color:var(--color-danger-500)}.hover\:border-input-border--hover:hover{border-color:var(--color-input-border--hover)}.hover\:border-radio-border--hover:hover{border-color:var(--color-radio-border--hover)}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:border-toggle-outline-border--hover:hover{border-color:var(--color-toggle-outline-border--hover)}.hover\:border-warning-400:hover{border-color:var(--color-warning-400)}.hover\:bg-button-danger--hover:hover{background-color:var(--color-button-danger--hover)}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-button-outline-bg--hover:hover{background-color:var(--color-button-outline-bg--hover)}.hover\:bg-button-primary-bg--hover:hover{background-color:var(--color-button-primary-bg--hover)}.hover\:bg-button-secondary-bg--hover:hover{background-color:var(--color-button-secondary-bg--hover)}.hover\:bg-input-bg--hover:hover{background-color:var(--color-input-bg--hover)}.hover\:bg-level-four:hover{background-color:var(--color-level-four)}.hover\:bg-level-three:hover{background-color:var(--color-level-three)}.hover\:bg-level-two:hover{background-color:var(--color-level-two)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-button-danger\/80:hover{color:var(--color-button-danger)}@supports (color:color-mix(in lab, red, red)){.hover\:text-button-danger\/80:hover{color:color-mix(in oklab, var(--color-button-danger) 80%, transparent)}}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-button-outline-text--hover:hover{color:var(--color-button-outline-text--hover)}.hover\:text-button-primary-text--hover:hover{color:var(--color-button-primary-text--hover)}.hover\:text-button-secondary-text--hover:hover{color:var(--color-button-secondary-text--hover)}.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-100\!:hover{opacity:1!important}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:bg-toggle-bg--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{background-color:var(--color-toggle-bg--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:text-toggle-text--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{color:var(--color-toggle-text--active)!important}}.focus\:z-10:focus{z-index:10}.focus\:scale-95:focus{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.focus\:border-danger-400:focus{border-color:var(--color-danger-400)}.focus\:border-input-border--focus:focus{border-color:var(--color-input-border--focus)}.focus\:border-warning-400:focus{border-color:var(--color-warning-400)}.focus\:text-text-primary:focus{color:var(--color-text-primary)}.focus\:ring-1:focus{--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)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-accent:focus-visible{border-color:var(--color-accent)}.focus-visible\:border-input-border--focus:focus-visible{border-color:var(--color-input-border--focus)}.focus-visible\:bg-input-bg--hover:focus-visible{background-color:var(--color-input-bg--hover)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-accent:focus-visible{--tw-ring-color:var(--color-accent)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--color-accent)}.focus-visible\:outline-badge-destructive-border:focus-visible{outline-color:var(--color-badge-destructive-border)}.focus-visible\:outline-button-danger:focus-visible{outline-color:var(--color-button-danger)}.focus-visible\:outline-button-outline-border:focus-visible{outline-color:var(--color-button-outline-border)}.focus-visible\:outline-button-primary-border:focus-visible{outline-color:var(--color-button-primary-border)}.focus-visible\:outline-button-secondary-border:focus-visible{outline-color:var(--color-button-secondary-border)}.focus-visible\:outline-checkbox-border--focus:focus-visible{outline-color:var(--color-checkbox-border--focus)}.focus-visible\:outline-danger-400:focus-visible{outline-color:var(--color-danger-400)}.focus-visible\:outline-input-border--focus:focus-visible{outline-color:var(--color-input-border--focus)}.focus-visible\:outline-level-three:focus-visible{outline-color:var(--color-level-three)}.focus-visible\:outline-text-secondary:focus-visible{outline-color:var(--color-text-secondary)}.focus-visible\:outline-warning-400:focus-visible{outline-color:var(--color-warning-400)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:border-toggle-border--active:active{border-color:var(--color-toggle-border--active)}.active\:bg-accent:active{background-color:var(--color-accent)}.active\:bg-toggle-bg--active:active{background-color:var(--color-toggle-bg--active)}.active\:text-text-inverted:active{color:var(--color-text-inverted)}.active\:text-toggle-text--active:active{color:var(--color-toggle-text--active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:border-input-border--disabled:disabled{border-color:var(--color-input-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:bg-input-bg--disabled:disabled{background-color:var(--color-input-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:text-input-text--disabled:disabled{color:var(--color-input-text--disabled)}.disabled\:text-text-secondary:disabled{color:var(--color-text-secondary)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:bg-level-one:disabled:hover{background-color:var(--color-level-one)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-text-primary:disabled:hover{color:var(--color-text-primary)}}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where([data-orientation=horizontal]) .in-data-\[orientation\=horizontal\]\:p-4{padding:calc(var(--spacing) * 4)}:where([data-slot=tooltip-content]) .in-data-\[slot\=tooltip-content\]\:bg-level-three{background-color:var(--color-level-three)}.has-\[\[data-slot\=dialog-footer\]\]\:pb-0:has([data-slot=dialog-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-0:has([data-slot=input-group-control]:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}.has-\[disabled\]\:opacity-50:has(:is(disabled)){opacity:.5}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-danger-200[aria-invalid=true]{border-color:var(--color-danger-200)}.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:var(--color-danger-200)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:color-mix(in oklab, var(--color-danger-200) 20%, transparent)}}.aria-pressed\:border-toggle-border--active[aria-pressed=true]{border-color:var(--color-toggle-border--active)}.aria-pressed\:bg-toggle-bg--active[aria-pressed=true]{background-color:var(--color-toggle-bg--active)}.aria-pressed\:text-toggle-text--active[aria-pressed=true]{color:var(--color-toggle-text--active)}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-highlighted\:bg-input-bg--hover[data-highlighted]{background-color:var(--color-input-bg--hover)}.data-placeholder\:text-input-text-placeholder\![data-placeholder]{color:var(--color-input-text-placeholder)!important}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[expanded\=true\]\:w-full[data-expanded=true],.data-\[layout\=\'expanded\'\]\:w-full[data-layout=expanded]{width:100%}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:flex[data-orientation=vertical]{display:flex}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=lg\]\:min-w-7[data-size=lg]{min-width:calc(var(--spacing) * 7)}.data-\[size\=lg\]\:px-1\.5[data-size=lg]{padding-inline:calc(var(--spacing) * 1.5)}.data-\[size\=sm\]\:min-w-5[data-size=sm]{min-width:calc(var(--spacing) * 5)}.data-\[size\=sm\]\:px-0\.5[data-size=sm]{padding-inline:calc(var(--spacing) * .5)}.data-\[state\=active\]\:text-accent[data-state=active]{color:var(--color-accent)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-\[26px\][data-state=checked]{--tw-translate-x:26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-checkbox-border--checked[data-state=checked]{border-color:var(--color-checkbox-border--checked)}.data-\[state\=checked\]\:border-radio-border--selected[data-state=checked]{border-color:var(--color-radio-border--selected)}.data-\[state\=checked\]\:bg-radio-bg[data-state=checked]{background-color:var(--color-radio-bg)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=checked\]\:bg-switch-thumb[data-state=checked]{background-color:var(--color-switch-thumb)}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-text-primary[data-state=open]{color:var(--color-text-primary)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked],.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:var(--color-switch-bg)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:color-mix(in oklab, var(--color-switch-bg) 50%, transparent)}}.data-\[variant\=\'divided\'\]\:gap-0[data-variant=divided]{gap:calc(var(--spacing) * 0)}.data-\[variant\=\'divided\'\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=divided]{--color-toggle-border:var(--color-toggle-outline-border)}.data-\[variant\=\'outline\'\]\:gap-0[data-variant=outline]{gap:calc(var(--spacing) * 0)}.data-\[variant\=\'outline\'\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=outline]{--color-toggle-border:var(--color-toggle-outline-border)}.data-\[variant\=\'separated\'\]\:gap-1\.5[data-variant=separated]{gap:calc(var(--spacing) * 1.5)}.data-\[size\=\'lg\'\]\:data-\[variant\=\'separated\'\]\:gap-2[data-size=lg][data-variant=separated]{gap:calc(var(--spacing) * 2)}.data-\[size\=\'sm\'\]\:data-\[variant\=\'separated\'\]\:gap-1[data-size=sm][data-variant=separated]{gap:calc(var(--spacing) * 1)}.data-\[variant\=divided\]\:gap-0[data-variant=divided]{gap:calc(var(--spacing) * 0)}.data-\[variant\=divided\]\:border-toggle-border[data-variant=divided]{border-color:var(--color-toggle-border)}.data-\[variant\=divided\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=divided]{--color-toggle-border:var(--color-toggle-outline-border)}@media (hover:hover){.data-\[variant\=divided\]\:hover\:border-toggle-border[data-variant=divided]:hover{border-color:var(--color-toggle-border)}}.data-\[variant\=divided\]\:data-\[state\=on\]\:border-toggle-border--active[data-variant=divided][data-state=on]{border-color:var(--color-toggle-border--active)}@media (hover:hover){.data-\[variant\=divided\]\:data-\[state\=on\]\:hover\:border-toggle-border--active[data-variant=divided][data-state=on]:hover{border-color:var(--color-toggle-border--active)}}.data-\[variant\=outline\]\:gap-0[data-variant=outline]{gap:calc(var(--spacing) * 0)}.data-\[variant\=outline\]\:border-toggle-border[data-variant=outline]{border-color:var(--color-toggle-border)}.data-\[variant\=outline\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=outline]{--color-toggle-border:var(--color-toggle-outline-border)}@media (hover:hover){.data-\[variant\=outline\]\:hover\:border-toggle-border[data-variant=outline]:hover{border-color:var(--color-toggle-border)}}.data-\[variant\=outline\]\:data-\[state\=on\]\:border-toggle-border--active[data-variant=outline][data-state=on]{border-color:var(--color-toggle-border--active)}@media (hover:hover){.data-\[variant\=outline\]\:data-\[state\=on\]\:hover\:border-toggle-border--active[data-variant=outline][data-state=on]:hover{border-color:var(--color-toggle-border--active)}}.data-\[variant\=separated\]\:rounded-md[data-variant=separated]{border-radius:var(--radius-md)}.data-\[variant\=separated\]\:border-toggle-border[data-variant=separated]{border-color:var(--color-toggle-border)}@media (hover:hover){.data-\[variant\=separated\]\:hover\:border-toggle-border--hover[data-variant=separated]:hover{border-color:var(--color-toggle-border--hover)}}.data-\[variant\=separated\]\:data-\[state\=on\]\:border-toggle-border--active[data-variant=separated][data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[variant\=separated\]\:data-\[state\=on\]\:bg-toggle-bg--active[data-variant=separated][data-state=on]{background-color:var(--color-toggle-bg--active)}@media (hover:hover){.data-\[variant\=separated\]\:data-\[state\=on\]\:hover\:border-toggle-border--active[data-variant=separated][data-state=on]:hover{border-color:var(--color-toggle-border--active)}.data-\[variant\=separated\]\:data-\[state\=on\]\:hover\:bg-toggle-bg--active[data-variant=separated][data-state=on]:hover{background-color:var(--color-toggle-bg--active)}}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-caret-blink{animation:var(--animate-caret-blink)}.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:duration-200{--tw-duration:.2s;transition-duration:.2s}.motion-safe\:animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:duration-200{animation-duration:.2s}.motion-safe\:fade-in,.motion-safe\:fade-in-0{--tw-enter-opacity:0}.motion-safe\:slide-in-from-top-2{--tw-enter-translate-y:-.5rem}.motion-safe\:slide-in-from-top-full{--tw-enter-translate-y:-100%}.motion-safe\:zoom-in-95{--tw-enter-scale:.95}.motion-safe\:data-closed\:animate-out[data-closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.motion-safe\:data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.motion-safe\:data-open\:animate-in[data-open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.motion-safe\:data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.motion-safe\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.motion-safe\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.motion-safe\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.motion-safe\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.motion-safe\:data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:var(--animate-accordion-up)}.motion-safe\:data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.motion-safe\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.motion-safe\:data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:var(--animate-accordion-down)}.motion-safe\:data-\[state\=open\]\:duration-200[data-state=open]{--tw-duration:.2s;transition-duration:.2s}.motion-safe\:data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-\[state\=open\]\:duration-200[data-state=open]{animation-duration:.2s}.motion-safe\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.motion-safe\:data-\[state\=open\]\:slide-in-from-bottom-20[data-state=open]{--tw-enter-translate-y:5rem}.motion-safe\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.motion-safe\:data-\[state\=open\]\:zoom-in-100\![data-state=open]{--tw-enter-scale:1!important}}@media (prefers-reduced-motion:reduce){.motion-reduce\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:duration-0{--tw-duration:0s;transition-duration:0s;animation-duration:0s}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}@media not all and (min-width:48rem){.sm\:max-md\:max-w-full{max-width:100%}}}@media (min-width:48rem){.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.peer-data-\[state\=checked\]\:rtl\:translate-x-full:is(:where(.peer)[data-state=checked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=unchecked\]\:rtl\:-translate-x-6:is(:where(.peer)[data-state=unchecked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -6);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:translate-x-\[-26px\][data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&_\*\]\:min-w-0 *{min-width:calc(var(--spacing) * 0)}.data-\[variant\=\'divided\'\]\:\[\&_button\]\:border-y-0[data-variant=divided] button,.data-\[variant\=divided\]\:\[\&_button\]\:border-y-0[data-variant=divided] button{border-block-style:var(--tw-border-style);border-block-width:0}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.data-\[variant\=\'divided\'\]\:\[\&_button\:first-of-type\]\:border-l-0[data-variant=divided] button:first-of-type,.data-\[variant\=divided\]\:\[\&_button\:first-of-type\]\:border-l-0[data-variant=divided] button:first-of-type{border-left-style:var(--tw-border-style);border-left-width:0}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[variant\=\'divided\'\]\:\[\&_button\:last-of-type\]\:border-r-0[data-variant=divided] button:last-of-type,.data-\[variant\=divided\]\:\[\&_button\:last-of-type\]\:border-r-0[data-variant=divided] button:last-of-type{border-right-style:var(--tw-border-style);border-right-width:0}.data-\[variant\=\'divided\'\]\:\[\&_button\:not\(\:first-of-type\)\]\:border-l-0[data-variant=divided] button:not(:first-of-type),.data-\[variant\=\'outline\'\]\:\[\&_button\:not\(\:first-of-type\)\]\:border-l-0[data-variant=outline] button:not(:first-of-type){border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=\'divided\'\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=divided] button:not(:last-of-type),.data-\[variant\=\'outline\'\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=outline] button:not(:last-of-type),.data-\[variant\=divided\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=divided] button:not(:last-of-type),.data-\[variant\=outline\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=outline] button:not(:last-of-type){border-right-color:var(--color-toggle-outline-divider)}.data-\[variant\=\'divided\'\]\:\[\&_button\[data-state\=\'on\'\]\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-border--active\)\][data-variant=divided] button[data-state=on]:not(:last-of-type),.data-\[variant\=\'outline\'\]\:\[\&_button\[data-state\=\'on\'\]\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-border--active\)\][data-variant=outline] button[data-state=on]:not(:last-of-type){border-right-color:var(--color-toggle-border--active)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_p\]\:text-alert-danger-text p{color:var(--color-alert-danger-text)}.\[\&_p\]\:text-alert-info-text p{color:var(--color-alert-info-text)}.\[\&_p\]\:text-alert-success-text p{color:var(--color-alert-success-text)}.\[\&_p\]\:text-alert-text p{color:var(--color-alert-text)}.\[\&_p\]\:text-alert-warning-text p{color:var(--color-alert-warning-text)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:not\(\:first-child\)\]\:border-l-0:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\]\:min-w-0>*{min-width:calc(var(--spacing) * 0)}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:last-child\]\:-ms-0\.5>:last-child{margin-inline-start:calc(var(--spacing) * -.5)}.\[\&\>\*\:last-child\]\:-mt-0\.5>:last-child{margin-top:calc(var(--spacing) * -.5)}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\]\:border-y-0[data-variant=divided]>[data-slot=button-group-item]{border-block-style:var(--tw-border-style);border-block-width:0}.data-\[orientation\=\'vertical\'\]\:data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\]\:border-x-0[data-orientation=vertical][data-variant=divided]>[data-slot=button-group-item]{border-inline-style:var(--tw-border-style);border-inline-width:0}.data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:first-of-type\]\:border-l-0[data-variant=divided]>[data-slot=button-group-item]:first-of-type{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[orientation\=\'vertical\'\]\:data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:first-of-type\]\:border-t-0[data-orientation=vertical][data-variant=divided]>[data-slot=button-group-item]:first-of-type{border-top-style:var(--tw-border-style);border-top-width:0}.data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:last-of-type\]\:border-r-0[data-variant=divided]>[data-slot=button-group-item]:last-of-type{border-right-style:var(--tw-border-style);border-right-width:0}.data-\[orientation\=\'vertical\'\]\:data-\[variant\=\'divided\'\]\:\[\&\>\[data-slot\=button-group-item\]\:last-of-type\]\:border-b-0[data-orientation=vertical][data-variant=divided]>[data-slot=button-group-item]:last-of-type{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\>span\]\:block>span{display:block}.\[\&\>span\]\:min-w-0>span{min-width:calc(var(--spacing) * 0)}.\[\&\>span\]\:overflow-hidden>span{overflow:hidden}.\[\&\>span\]\:text-ellipsis>span{text-overflow:ellipsis}.\[\&\>span\]\:whitespace-nowrap>span{white-space:nowrap}.\[\&\>span\[data-placeholder\]\]\:text-input-text-placeholder\!>span[data-placeholder]{color:var(--color-input-text-placeholder)!important}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--color-accent)}a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}a.\[a\&\]\:hover\:bg-danger-400:hover{background-color:var(--color-danger-400)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
4
4
|
}
|