@gunkin/uiify 0.0.6-alpha → 0.0.8-alpha
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/components/behavior.css +13 -0
- package/dist/components/behavior.css.map +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js +23 -3
- package/dist/components/toast/Toast.js.map +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/tokens.css +1 -1
- package/package.json +1 -1
|
@@ -219,5 +219,18 @@
|
|
|
219
219
|
inline-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));
|
|
220
220
|
translate: none;
|
|
221
221
|
}
|
|
222
|
+
:root:active-view-transition-type(uiify-toast) {
|
|
223
|
+
view-transition-name: none;
|
|
224
|
+
}
|
|
225
|
+
:root:active-view-transition-type(uiify-toast)::view-transition {
|
|
226
|
+
pointer-events: none;
|
|
227
|
+
}
|
|
228
|
+
@media (prefers-reduced-motion: reduce) {
|
|
229
|
+
::view-transition-group(.uiify-toast),
|
|
230
|
+
::view-transition-old(.uiify-toast),
|
|
231
|
+
::view-transition-new(.uiify-toast) {
|
|
232
|
+
animation: none;
|
|
233
|
+
}
|
|
234
|
+
}
|
|
222
235
|
}
|
|
223
236
|
/*# sourceMappingURL=behavior.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/behavior.css"],"sourcesContent":["/* Behavioral rules for @gunkin/uiify/components — zero visual opinion.\n * Import is required: @import \"@gunkin/uiify/components/behavior.css\";\n * Cascade order: consumer app layer wins without specificity fights. */\n@layer ui.reset, ui.behavior, ui.tokens, ui.theme, app;\n\n@layer ui.behavior {\n [popover]:not(:popover-open) {\n display: none;\n }\n\n /* Native modal dialogs: wheel/touch scrolling inside the dialog must not chain to the page behind it. */\n dialog:modal {\n overscroll-behavior: contain;\n }\n\n /* Closed dialogs stay hidden even when author CSS sets display. */\n dialog:not([open]) {\n display: none;\n }\n\n [data-anchor]:not([data-positioning]) {\n anchor-name: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n }\n\n [data-positioning=\"native\"] {\n position: fixed;\n inset: auto;\n margin: 0;\n position-try-fallbacks: flip-block, flip-inline;\n }\n\n [data-positioning=\"native\"][data-anchor] {\n position-anchor: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n }\n\n [data-positioning=\"native\"][data-side=\"top\"] {\n position-area: top;\n margin-block-end: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"right\"] {\n position-area: right;\n margin-inline-start: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"bottom\"] {\n position-area: bottom;\n margin-block-start: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"left\"] {\n position-area: left;\n margin-inline-end: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"top\"][data-align=\"start\"] {\n position-area: top span-right;\n justify-self: start;\n }\n\n [data-positioning=\"native\"][data-side=\"top\"][data-align=\"end\"] {\n position-area: top span-left;\n justify-self: end;\n }\n\n [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"start\"] {\n position-area: bottom span-right;\n justify-self: start;\n }\n\n [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"end\"] {\n position-area: bottom span-left;\n justify-self: end;\n }\n\n [data-positioning=\"native\"][data-side=\"right\"][data-align=\"start\"] {\n align-self: start;\n position-area: right span-bottom;\n }\n\n [data-positioning=\"native\"][data-side=\"right\"][data-align=\"end\"] {\n align-self: end;\n position-area: right span-top;\n }\n\n [data-positioning=\"native\"][data-side=\"left\"][data-align=\"start\"] {\n align-self: start;\n position-area: left span-bottom;\n }\n\n [data-positioning=\"native\"][data-side=\"left\"][data-align=\"end\"] {\n align-self: end;\n position-area: left span-top;\n }\n\n /*\n * Local open-state hooks. Top layer does not change DOM ancestry, so a scope\n * that directly contains its surface can read the native state. Consumers\n * style with the selector or with the variable; neither is a second source of truth.\n *\n * Compound roots and their public trigger parts share one component identity plus\n * `data-part`, so native state stays readable without a second scope convention.\n */\n [data-uiify-modal][data-part=\"root\"]:has(> [data-uiify-modal][data-part=\"content\"][open])\n > [data-uiify-modal][data-part=\"trigger\"],\n [data-uiify-alert-modal][data-part=\"root\"]:has(\n > [data-uiify-alert-modal][data-part=\"content\"][open]\n )\n > [data-uiify-alert-modal][data-part=\"trigger\"],\n [data-uiify-popup][data-part=\"root\"]:has(> [data-uiify-popup][data-part=\"content\"]:popover-open)\n > [data-uiify-popup][data-part=\"trigger\"] {\n --uiify-trigger-open: 1;\n }\n\n [data-uiify-accordion] > [data-part=\"item\"][data-disabled] > summary,\n [data-uiify-collapsible][data-disabled] > summary {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n /* Customizable select: opts the control and its picker into the browser's\n base styles so the picker becomes a styleable, top-layer popover with\n implicit anchor positioning. Behavior only — no visual opinion. Engines\n without support ignore this and keep the classic OS picker, which stays\n fully functional. */\n [data-uiify-select],\n [data-uiify-select]::picker(select) {\n appearance: base-select;\n }\n\n [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n /* stylelint-disable-next-line property-no-deprecated -- kept for older browser support alongside clip-path */\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n }\n\n [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"panel\"] {\n display: none;\n }\n\n [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n display: block;\n }\n\n [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"panel\"] {\n display: none;\n }\n\n [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n display: block;\n }\n\n [data-uiify-tabs] [data-part=\"trigger\"][data-disabled] {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n [data-uiify-spinner][data-state=\"delayed\"] {\n animation-name: uiify-spinner-show;\n animation-duration: 0s;\n animation-delay: attr(data-delay type(<time>), 0s);\n animation-fill-mode: forwards;\n visibility: hidden;\n }\n\n @keyframes uiify-spinner-show {\n to {\n visibility: visible;\n }\n }\n\n [data-uiify-breadcrumb] [data-part=\"ellipsis\"] > ol {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"] {\n display: grid;\n min-inline-size: 0;\n min-block-size: 0;\n gap: var(--uiify-carousel-gap, 0);\n scroll-behavior: auto;\n }\n\n [data-uiify-carousel][data-axis=\"inline\"] > [data-part=\"viewport\"] {\n grid-auto-flow: column;\n grid-auto-columns: var(--uiify-carousel-slide-size, 100%);\n overflow-inline: auto;\n overflow-block: hidden;\n scroll-snap-type: inline mandatory;\n }\n\n [data-uiify-carousel][data-axis=\"block\"] > [data-part=\"viewport\"] {\n grid-auto-flow: row;\n grid-auto-rows: var(--uiify-carousel-slide-size, 100%);\n overflow-block: auto;\n overflow-inline: hidden;\n scroll-snap-type: block mandatory;\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"] > [data-part=\"slide\"] {\n min-inline-size: 0;\n min-block-size: 0;\n scroll-snap-align: start;\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"]:focus-visible,\n [data-uiify-carousel] > button[data-part=\"controls\"]:focus-visible,\n [data-uiify-carousel] > [data-part=\"dots\"] > a:focus-visible {\n outline: auto;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n [data-uiify-carousel] > [data-part=\"viewport\"] {\n scroll-behavior: smooth;\n }\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"][data-dragging] {\n scroll-behavior: auto;\n scroll-snap-type: none;\n }\n\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced] > [data-part=\"viewport\"] {\n grid-auto-flow: row;\n grid-template-columns: 100%;\n grid-auto-columns: auto;\n overflow: hidden;\n scroll-snap-type: none;\n touch-action: pan-y pinch-zoom;\n }\n\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n > [data-part=\"viewport\"]\n > [data-part=\"slide\"] {\n grid-area: 1 / 1;\n opacity: 0;\n pointer-events: none;\n }\n\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n > [data-part=\"viewport\"]\n > [data-part=\"slide\"][data-state=\"active\"] {\n opacity: 1;\n pointer-events: auto;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n > [data-part=\"viewport\"]\n > [data-part=\"slide\"] {\n transition: opacity var(--uiify-carousel-fade-duration, 300ms) ease;\n }\n }\n\n [data-uiify-virtual-scroll] {\n --uiify-virtual-scroll-row-height: 64px;\n\n overflow-y: auto;\n }\n\n [data-uiify-virtual-scroll] > [data-part=\"spacer\"] {\n position: relative;\n block-size: var(\n --uiify-virtual-scroll-total-size,\n calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n );\n }\n\n [data-uiify-virtual-scroll] [data-part=\"row\"] {\n --uiify-row-position: var(\n --uiify-row-offset,\n calc(\n (var(--uiify-range-start, 0) + var(--uiify-slot-index, 0)) *\n var(--uiify-virtual-scroll-row-height)\n )\n );\n\n position: absolute;\n inset-inline: 0;\n block-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n translate: 0 var(--uiify-row-position);\n }\n\n /* Horizontal: the row size runs along the inline axis. Rows sit at a logical\n inline offset so RTL needs no direction selector; child combinators keep a\n vertical list nested inside a horizontal row on the vertical rules. */\n [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] {\n overflow: auto hidden;\n }\n\n [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] > [data-part=\"spacer\"] {\n block-size: 100%;\n inline-size: var(\n --uiify-virtual-scroll-total-size,\n calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n );\n }\n\n [data-uiify-virtual-scroll][data-orientation=\"horizontal\"]\n > [data-part=\"spacer\"]\n > [data-part=\"row\"] {\n inset-block: 0;\n inset-inline: var(--uiify-row-position) auto;\n block-size: auto;\n inline-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n translate: none;\n }\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/behavior.css"],"sourcesContent":["/* Behavioral rules for @gunkin/uiify/components — zero visual opinion.\n * Import is required: @import \"@gunkin/uiify/components/behavior.css\";\n * Cascade order: consumer app layer wins without specificity fights. */\n@layer ui.reset, ui.behavior, ui.tokens, ui.theme, app;\n\n@layer ui.behavior {\n [popover]:not(:popover-open) {\n display: none;\n }\n\n /* Native modal dialogs: wheel/touch scrolling inside the dialog must not chain to the page behind it. */\n dialog:modal {\n overscroll-behavior: contain;\n }\n\n /* Closed dialogs stay hidden even when author CSS sets display. */\n dialog:not([open]) {\n display: none;\n }\n\n [data-anchor]:not([data-positioning]) {\n anchor-name: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n }\n\n [data-positioning=\"native\"] {\n position: fixed;\n inset: auto;\n margin: 0;\n position-try-fallbacks: flip-block, flip-inline;\n }\n\n [data-positioning=\"native\"][data-anchor] {\n position-anchor: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n }\n\n [data-positioning=\"native\"][data-side=\"top\"] {\n position-area: top;\n margin-block-end: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"right\"] {\n position-area: right;\n margin-inline-start: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"bottom\"] {\n position-area: bottom;\n margin-block-start: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"left\"] {\n position-area: left;\n margin-inline-end: var(--uiify-anchor-offset, 0);\n }\n\n [data-positioning=\"native\"][data-side=\"top\"][data-align=\"start\"] {\n position-area: top span-right;\n justify-self: start;\n }\n\n [data-positioning=\"native\"][data-side=\"top\"][data-align=\"end\"] {\n position-area: top span-left;\n justify-self: end;\n }\n\n [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"start\"] {\n position-area: bottom span-right;\n justify-self: start;\n }\n\n [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"end\"] {\n position-area: bottom span-left;\n justify-self: end;\n }\n\n [data-positioning=\"native\"][data-side=\"right\"][data-align=\"start\"] {\n align-self: start;\n position-area: right span-bottom;\n }\n\n [data-positioning=\"native\"][data-side=\"right\"][data-align=\"end\"] {\n align-self: end;\n position-area: right span-top;\n }\n\n [data-positioning=\"native\"][data-side=\"left\"][data-align=\"start\"] {\n align-self: start;\n position-area: left span-bottom;\n }\n\n [data-positioning=\"native\"][data-side=\"left\"][data-align=\"end\"] {\n align-self: end;\n position-area: left span-top;\n }\n\n /*\n * Local open-state hooks. Top layer does not change DOM ancestry, so a scope\n * that directly contains its surface can read the native state. Consumers\n * style with the selector or with the variable; neither is a second source of truth.\n *\n * Compound roots and their public trigger parts share one component identity plus\n * `data-part`, so native state stays readable without a second scope convention.\n */\n [data-uiify-modal][data-part=\"root\"]:has(> [data-uiify-modal][data-part=\"content\"][open])\n > [data-uiify-modal][data-part=\"trigger\"],\n [data-uiify-alert-modal][data-part=\"root\"]:has(\n > [data-uiify-alert-modal][data-part=\"content\"][open]\n )\n > [data-uiify-alert-modal][data-part=\"trigger\"],\n [data-uiify-popup][data-part=\"root\"]:has(> [data-uiify-popup][data-part=\"content\"]:popover-open)\n > [data-uiify-popup][data-part=\"trigger\"] {\n --uiify-trigger-open: 1;\n }\n\n [data-uiify-accordion] > [data-part=\"item\"][data-disabled] > summary,\n [data-uiify-collapsible][data-disabled] > summary {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n /* Customizable select: opts the control and its picker into the browser's\n base styles so the picker becomes a styleable, top-layer popover with\n implicit anchor positioning. Behavior only — no visual opinion. Engines\n without support ignore this and keep the classic OS picker, which stays\n fully functional. */\n [data-uiify-select],\n [data-uiify-select]::picker(select) {\n appearance: base-select;\n }\n\n [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n /* stylelint-disable-next-line property-no-deprecated -- kept for older browser support alongside clip-path */\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n }\n\n [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"panel\"] {\n display: none;\n }\n\n [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n display: block;\n }\n\n [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"panel\"] {\n display: none;\n }\n\n [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n display: block;\n }\n\n [data-uiify-tabs] [data-part=\"trigger\"][data-disabled] {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n [data-uiify-spinner][data-state=\"delayed\"] {\n animation-name: uiify-spinner-show;\n animation-duration: 0s;\n animation-delay: attr(data-delay type(<time>), 0s);\n animation-fill-mode: forwards;\n visibility: hidden;\n }\n\n @keyframes uiify-spinner-show {\n to {\n visibility: visible;\n }\n }\n\n [data-uiify-breadcrumb] [data-part=\"ellipsis\"] > ol {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"] {\n display: grid;\n min-inline-size: 0;\n min-block-size: 0;\n gap: var(--uiify-carousel-gap, 0);\n scroll-behavior: auto;\n }\n\n [data-uiify-carousel][data-axis=\"inline\"] > [data-part=\"viewport\"] {\n grid-auto-flow: column;\n grid-auto-columns: var(--uiify-carousel-slide-size, 100%);\n overflow-inline: auto;\n overflow-block: hidden;\n scroll-snap-type: inline mandatory;\n }\n\n [data-uiify-carousel][data-axis=\"block\"] > [data-part=\"viewport\"] {\n grid-auto-flow: row;\n grid-auto-rows: var(--uiify-carousel-slide-size, 100%);\n overflow-block: auto;\n overflow-inline: hidden;\n scroll-snap-type: block mandatory;\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"] > [data-part=\"slide\"] {\n min-inline-size: 0;\n min-block-size: 0;\n scroll-snap-align: start;\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"]:focus-visible,\n [data-uiify-carousel] > button[data-part=\"controls\"]:focus-visible,\n [data-uiify-carousel] > [data-part=\"dots\"] > a:focus-visible {\n outline: auto;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n [data-uiify-carousel] > [data-part=\"viewport\"] {\n scroll-behavior: smooth;\n }\n }\n\n [data-uiify-carousel] > [data-part=\"viewport\"][data-dragging] {\n scroll-behavior: auto;\n scroll-snap-type: none;\n }\n\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced] > [data-part=\"viewport\"] {\n grid-auto-flow: row;\n grid-template-columns: 100%;\n grid-auto-columns: auto;\n overflow: hidden;\n scroll-snap-type: none;\n touch-action: pan-y pinch-zoom;\n }\n\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n > [data-part=\"viewport\"]\n > [data-part=\"slide\"] {\n grid-area: 1 / 1;\n opacity: 0;\n pointer-events: none;\n }\n\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n > [data-part=\"viewport\"]\n > [data-part=\"slide\"][data-state=\"active\"] {\n opacity: 1;\n pointer-events: auto;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n > [data-part=\"viewport\"]\n > [data-part=\"slide\"] {\n transition: opacity var(--uiify-carousel-fade-duration, 300ms) ease;\n }\n }\n\n [data-uiify-virtual-scroll] {\n --uiify-virtual-scroll-row-height: 64px;\n\n overflow-y: auto;\n }\n\n [data-uiify-virtual-scroll] > [data-part=\"spacer\"] {\n position: relative;\n block-size: var(\n --uiify-virtual-scroll-total-size,\n calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n );\n }\n\n [data-uiify-virtual-scroll] [data-part=\"row\"] {\n --uiify-row-position: var(\n --uiify-row-offset,\n calc(\n (var(--uiify-range-start, 0) + var(--uiify-slot-index, 0)) *\n var(--uiify-virtual-scroll-row-height)\n )\n );\n\n position: absolute;\n inset-inline: 0;\n block-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n translate: 0 var(--uiify-row-position);\n }\n\n /* Horizontal: the row size runs along the inline axis. Rows sit at a logical\n inline offset so RTL needs no direction selector; child combinators keep a\n vertical list nested inside a horizontal row on the vertical rules. */\n [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] {\n overflow: auto hidden;\n }\n\n [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] > [data-part=\"spacer\"] {\n block-size: 100%;\n inline-size: var(\n --uiify-virtual-scroll-total-size,\n calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n );\n }\n\n [data-uiify-virtual-scroll][data-orientation=\"horizontal\"]\n > [data-part=\"spacer\"]\n > [data-part=\"row\"] {\n inset-block: 0;\n inset-inline: var(--uiify-row-position) auto;\n block-size: auto;\n inline-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n translate: none;\n }\n\n /*\n * Toast list changes commit as React view transitions typed \"uiify-toast\".\n * Only the toast cards are captured: the page root is not snapshotted and\n * stays clickable while they move.\n */\n :root:active-view-transition-type(uiify-toast) {\n view-transition-name: none;\n }\n\n :root:active-view-transition-type(uiify-toast)::view-transition {\n pointer-events: none;\n }\n\n @media (prefers-reduced-motion: reduce) {\n ::view-transition-group(.uiify-toast),\n ::view-transition-old(.uiify-toast),\n ::view-transition-new(.uiify-toast) {\n animation: none;\n }\n }\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAA2C,YAAY,EAAE,MAAM,OAAO,CAAC;AAKnF,OAAO,EAGL,gBAAgB,EAChB,UAAU,EAEX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,UAAU,EAGV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AAYpB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAExC,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CAoC/E;yBApCe,aAAa;;;AAuC7B,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,CA4C/E;yBA5Ce,aAAa;;;AA+C7B,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAiEvE;yBAjEe,SAAS;;;AAoEzB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAExE;yBAFe,WAAW;;;AAK3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAEtE;yBAFe,UAAU;;;AAK1B,wBAAgB,QAAQ;;iBAIP,UAAU;EAI1B;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
addTransitionType,
|
|
5
|
+
startTransition,
|
|
6
|
+
useCallback,
|
|
7
|
+
useEffect,
|
|
8
|
+
useMemo,
|
|
9
|
+
useRef,
|
|
10
|
+
useState,
|
|
11
|
+
useSyncExternalStore,
|
|
12
|
+
ViewTransition
|
|
13
|
+
} from "react";
|
|
4
14
|
import { useIsomorphicLayoutEffect, useMergedRefs } from "@gunkin/uiify/hooks";
|
|
5
15
|
import { createPartContext, splitRef } from "@gunkin/uiify/core";
|
|
6
16
|
import { VisuallyHidden } from "@gunkin/uiify/core/visually-hidden";
|
|
@@ -13,6 +23,7 @@ import {
|
|
|
13
23
|
ToastViewport as ToastViewportElement
|
|
14
24
|
} from "./ToastElements.js";
|
|
15
25
|
const SWIPE_DISMISS_THRESHOLD = 80;
|
|
26
|
+
const TOAST_TRANSITION = "uiify-toast";
|
|
16
27
|
const [ToastStoreProvider, useToastStoreContext] = createPartContext(
|
|
17
28
|
"Toast",
|
|
18
29
|
"Provider"
|
|
@@ -48,7 +59,16 @@ function ToastProvider(props) {
|
|
|
48
59
|
ToastProvider.displayName = "ToastProvider";
|
|
49
60
|
function ToastViewport(props) {
|
|
50
61
|
const { store } = useToastStoreContext("Viewport");
|
|
51
|
-
const toasts =
|
|
62
|
+
const [toasts, setToasts] = useState(store.getServerSnapshot);
|
|
63
|
+
useEffect(() => {
|
|
64
|
+
const sync = () => startTransition(() => {
|
|
65
|
+
addTransitionType(TOAST_TRANSITION);
|
|
66
|
+
setToasts(store.getSnapshot());
|
|
67
|
+
});
|
|
68
|
+
const unsubscribe = store.subscribe(sync);
|
|
69
|
+
sync();
|
|
70
|
+
return unsubscribe;
|
|
71
|
+
}, [store]);
|
|
52
72
|
const [consumerRef, domProps] = splitRef(props);
|
|
53
73
|
const viewportRef = useRef(null);
|
|
54
74
|
const mergedRef = useMergedRefs(viewportRef, consumerRef);
|
|
@@ -62,7 +82,7 @@ function ToastViewport(props) {
|
|
|
62
82
|
} catch {
|
|
63
83
|
}
|
|
64
84
|
}, [hasToasts]);
|
|
65
|
-
return /* @__PURE__ */ jsx(ToastViewportElement, { ...domProps, popover: "manual", ref: mergedRef, children: toasts.map((toast) => /* @__PURE__ */ jsx(ToastRoot, { toast }, toast.id)) });
|
|
85
|
+
return /* @__PURE__ */ jsx(ToastViewportElement, { ...domProps, popover: "manual", ref: mergedRef, children: toasts.map((toast) => /* @__PURE__ */ jsx(ViewTransition, { default: TOAST_TRANSITION, children: /* @__PURE__ */ jsx(ToastRoot, { toast }) }, toast.id)) });
|
|
66
86
|
}
|
|
67
87
|
ToastViewport.displayName = "ToastViewport";
|
|
68
88
|
function ToastRoot(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport type { FocusEvent, KeyboardEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { VisuallyHidden } from \"@gunkin/uiify/core/visually-hidden\";\nimport { createToastStore } from \"./toast-store.js\";\nimport {\n ToastAction as ToastActionElement,\n ToastClose as ToastCloseElement,\n ToastDescription,\n ToastTitle,\n ToastViewport as ToastViewportElement,\n} from \"./ToastElements.js\";\nimport type {\n ToastInput,\n ToastStore,\n ToastContextValue,\n ToastProviderOwnProps,\n ToastViewportOwnProps,\n ToastRootOwnProps,\n ToastActionProps,\n ToastCloseProps,\n} from \"./types.js\";\n\nexport type {\n ToastActionProps,\n ToastCloseProps,\n ToastDescriptionOwnProps,\n ToastInput,\n ToastPriority,\n ToastProviderOwnProps,\n ToastRecord,\n ToastRootOwnProps,\n ToastStore,\n ToastTitleOwnProps,\n ToastViewportOwnProps,\n} from \"./types.js\";\n\nconst SWIPE_DISMISS_THRESHOLD = 80;\n\nconst [ToastStoreProvider, useToastStoreContext] = createPartContext<ToastContextValue>(\n \"Toast\",\n \"Provider\",\n);\n\nexport { ToastDescription, ToastTitle };\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n const { children, limit = 3 } = props;\n const storeRef = useRef<ToastStore | null>(null);\n storeRef.current ??= createToastStore({ limit });\n const store = storeRef.current;\n\n const dismiss = useCallback((id: string) => store.dismiss(id), [store]);\n const pause = useCallback((id: string) => store.pause(id), [store]);\n const resume = useCallback((id: string) => store.resume(id), [store]);\n\n const announcement = useSyncExternalStore(\n store.subscribe,\n () => store.getAnnouncement(),\n () => \"\",\n );\n const assertiveAnnouncement = useSyncExternalStore(\n store.subscribe,\n () => store.getAssertiveAnnouncement(),\n () => \"\",\n );\n const contextValue = useMemo(\n () => ({ dismiss, pause, resume, store }),\n [dismiss, pause, resume, store],\n );\n\n return (\n <ToastStoreProvider value={contextValue}>\n {children}\n <VisuallyHidden aria-atomic=\"true\" aria-live=\"polite\">\n {announcement}\n </VisuallyHidden>\n <VisuallyHidden aria-atomic=\"true\" aria-live=\"assertive\">\n {assertiveAnnouncement}\n </VisuallyHidden>\n </ToastStoreProvider>\n );\n}\nToastProvider.displayName = \"ToastProvider\";\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n const { store } = useToastStoreContext(\"Viewport\");\n const toasts = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getServerSnapshot);\n const [consumerRef, domProps] = splitRef<HTMLElement, ToastViewportOwnProps>(props);\n const viewportRef = useRef<HTMLElement | null>(null);\n const mergedRef = useMergedRefs(viewportRef, consumerRef);\n const hasToasts = toasts.length > 0;\n\n // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n // so a StrictMode double-invoke or an unrelated re-run doesn't call\n // showPopover/hidePopover on a popover already in that state (both throw).\n // try/catch covers the node having disconnected between render and effect.\n useIsomorphicLayoutEffect(() => {\n const viewport = viewportRef.current;\n if (!viewport) return;\n try {\n if (hasToasts && !viewport.matches(\":popover-open\")) viewport.showPopover();\n if (!hasToasts && viewport.matches(\":popover-open\")) viewport.hidePopover();\n } catch {\n // The node may have disconnected between render and layout effect.\n }\n }, [hasToasts]);\n\n return (\n <ToastViewportElement {...domProps} popover=\"manual\" ref={mergedRef}>\n {toasts.map((toast) => (\n <ToastRoot key={toast.id} toast={toast} />\n ))}\n </ToastViewportElement>\n );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n const { toast } = props;\n const { dismiss, pause, resume } = useToastStoreContext(\"Root\");\n const startXRef = useRef(0);\n const startYRef = useRef(0);\n const swipingRef = useRef(false);\n\n /* oxlint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex, jsx-a11y/prefer-tag-over-role -- pause/swipe on toast card */\n return (\n <div\n aria-label={typeof toast.title === \"string\" ? toast.title : \"Notification\"}\n data-state=\"open\"\n data-part=\"item\"\n data-uiify-toast=\"\"\n role=\"group\"\n tabIndex={0}\n onFocus={() => pause(toast.id)}\n onBlur={(event: FocusEvent<HTMLDivElement>) => {\n if (!event.currentTarget.contains(event.relatedTarget as Node | null)) resume(toast.id);\n }}\n onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n dismiss(toast.id);\n }\n }}\n onPointerEnter={() => pause(toast.id)}\n onPointerLeave={() => resume(toast.id)}\n onPointerCancel={() => {\n swipingRef.current = false;\n }}\n onPointerDown={(event: PointerEvent<HTMLDivElement>) => {\n startXRef.current = event.clientX;\n startYRef.current = event.clientY;\n swipingRef.current = true;\n }}\n onPointerMove={(event: PointerEvent<HTMLDivElement>) => {\n if (!swipingRef.current) return;\n const deltaX = event.clientX - startXRef.current;\n const deltaY = event.clientY - startYRef.current;\n if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_DISMISS_THRESHOLD) {\n swipingRef.current = false;\n dismiss(toast.id);\n }\n }}\n onPointerUp={() => {\n swipingRef.current = false;\n }}\n >\n {toast.title ? <ToastTitle>{toast.title}</ToastTitle> : null}\n {toast.description ? <ToastDescription>{toast.description}</ToastDescription> : null}\n {toast.action ? (\n <ToastAction\n onClick={() => {\n toast.action?.onClick();\n dismiss(toast.id);\n }}\n >\n {toast.action.label}\n </ToastAction>\n ) : null}\n <ToastClose onClick={() => dismiss(toast.id)} />\n </div>\n );\n /* oxlint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex, jsx-a11y/prefer-tag-over-role */\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n return <ToastActionElement {...props} />;\n}\nToastAction.displayName = \"ToastAction\";\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n return <ToastCloseElement {...props} />;\n}\nToastClose.displayName = \"ToastClose\";\n\nexport function useToast() {\n const { dismiss, store } = useToastStoreContext(\"useToast\");\n return {\n dismiss,\n toast(input: ToastInput) {\n return store.enqueue(input);\n },\n };\n}\n\nexport const Toast = {\n Action: ToastAction,\n Close: ToastClose,\n Description: ToastDescription,\n Provider: ToastProvider,\n Root: ToastRoot,\n Title: ToastTitle,\n Viewport: ToastViewport,\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n addTransitionType,\n startTransition,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n useSyncExternalStore,\n ViewTransition,\n} from \"react\";\nimport type { FocusEvent, KeyboardEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { VisuallyHidden } from \"@gunkin/uiify/core/visually-hidden\";\nimport { createToastStore } from \"./toast-store.js\";\nimport {\n ToastAction as ToastActionElement,\n ToastClose as ToastCloseElement,\n ToastDescription,\n ToastTitle,\n ToastViewport as ToastViewportElement,\n} from \"./ToastElements.js\";\nimport type {\n ToastInput,\n ToastStore,\n ToastContextValue,\n ToastProviderOwnProps,\n ToastViewportOwnProps,\n ToastRootOwnProps,\n ToastActionProps,\n ToastCloseProps,\n} from \"./types.js\";\n\nexport type {\n ToastActionProps,\n ToastCloseProps,\n ToastDescriptionOwnProps,\n ToastInput,\n ToastPriority,\n ToastProviderOwnProps,\n ToastRecord,\n ToastRootOwnProps,\n ToastStore,\n ToastTitleOwnProps,\n ToastViewportOwnProps,\n} from \"./types.js\";\n\nconst SWIPE_DISMISS_THRESHOLD = 80;\n\n/** Transition type and view-transition-class shared with behavior.css and styles/toast.css. */\nconst TOAST_TRANSITION = \"uiify-toast\";\n\nconst [ToastStoreProvider, useToastStoreContext] = createPartContext<ToastContextValue>(\n \"Toast\",\n \"Provider\",\n);\n\nexport { ToastDescription, ToastTitle };\n\nexport function ToastProvider(props: ToastProviderOwnProps): ReactElement | null {\n const { children, limit = 3 } = props;\n const storeRef = useRef<ToastStore | null>(null);\n storeRef.current ??= createToastStore({ limit });\n const store = storeRef.current;\n\n const dismiss = useCallback((id: string) => store.dismiss(id), [store]);\n const pause = useCallback((id: string) => store.pause(id), [store]);\n const resume = useCallback((id: string) => store.resume(id), [store]);\n\n const announcement = useSyncExternalStore(\n store.subscribe,\n () => store.getAnnouncement(),\n () => \"\",\n );\n const assertiveAnnouncement = useSyncExternalStore(\n store.subscribe,\n () => store.getAssertiveAnnouncement(),\n () => \"\",\n );\n const contextValue = useMemo(\n () => ({ dismiss, pause, resume, store }),\n [dismiss, pause, resume, store],\n );\n\n return (\n <ToastStoreProvider value={contextValue}>\n {children}\n <VisuallyHidden aria-atomic=\"true\" aria-live=\"polite\">\n {announcement}\n </VisuallyHidden>\n <VisuallyHidden aria-atomic=\"true\" aria-live=\"assertive\">\n {assertiveAnnouncement}\n </VisuallyHidden>\n </ToastStoreProvider>\n );\n}\nToastProvider.displayName = \"ToastProvider\";\n\nexport function ToastViewport(props: ToastViewportOwnProps): ReactElement | null {\n const { store } = useToastStoreContext(\"Viewport\");\n // Not useSyncExternalStore: a store read there always commits synchronously, and\n // <ViewTransition> only animates commits made inside a Transition.\n const [toasts, setToasts] = useState(store.getServerSnapshot);\n useEffect(() => {\n const sync = () =>\n startTransition(() => {\n addTransitionType(TOAST_TRANSITION);\n setToasts(store.getSnapshot());\n });\n const unsubscribe = store.subscribe(sync);\n sync();\n return unsubscribe;\n }, [store]);\n const [consumerRef, domProps] = splitRef<HTMLElement, ToastViewportOwnProps>(props);\n const viewportRef = useRef<HTMLElement | null>(null);\n const mergedRef = useMergedRefs(viewportRef, consumerRef);\n const hasToasts = toasts.length > 0;\n\n // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n // so a StrictMode double-invoke or an unrelated re-run doesn't call\n // showPopover/hidePopover on a popover already in that state (both throw).\n // try/catch covers the node having disconnected between render and effect.\n useIsomorphicLayoutEffect(() => {\n const viewport = viewportRef.current;\n if (!viewport) return;\n try {\n if (hasToasts && !viewport.matches(\":popover-open\")) viewport.showPopover();\n if (!hasToasts && viewport.matches(\":popover-open\")) viewport.hidePopover();\n } catch {\n // The node may have disconnected between render and layout effect.\n }\n }, [hasToasts]);\n\n return (\n <ToastViewportElement {...domProps} popover=\"manual\" ref={mergedRef}>\n {toasts.map((toast) => (\n <ViewTransition default={TOAST_TRANSITION} key={toast.id}>\n <ToastRoot toast={toast} />\n </ViewTransition>\n ))}\n </ToastViewportElement>\n );\n}\nToastViewport.displayName = \"ToastViewport\";\n\nexport function ToastRoot(props: ToastRootOwnProps): ReactElement | null {\n const { toast } = props;\n const { dismiss, pause, resume } = useToastStoreContext(\"Root\");\n const startXRef = useRef(0);\n const startYRef = useRef(0);\n const swipingRef = useRef(false);\n\n /* oxlint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex, jsx-a11y/prefer-tag-over-role -- pause/swipe on toast card */\n return (\n <div\n aria-label={typeof toast.title === \"string\" ? toast.title : \"Notification\"}\n data-state=\"open\"\n data-part=\"item\"\n data-uiify-toast=\"\"\n role=\"group\"\n tabIndex={0}\n onFocus={() => pause(toast.id)}\n onBlur={(event: FocusEvent<HTMLDivElement>) => {\n if (!event.currentTarget.contains(event.relatedTarget as Node | null)) resume(toast.id);\n }}\n onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"Escape\") {\n event.preventDefault();\n dismiss(toast.id);\n }\n }}\n onPointerEnter={() => pause(toast.id)}\n onPointerLeave={() => resume(toast.id)}\n onPointerCancel={() => {\n swipingRef.current = false;\n }}\n onPointerDown={(event: PointerEvent<HTMLDivElement>) => {\n startXRef.current = event.clientX;\n startYRef.current = event.clientY;\n swipingRef.current = true;\n }}\n onPointerMove={(event: PointerEvent<HTMLDivElement>) => {\n if (!swipingRef.current) return;\n const deltaX = event.clientX - startXRef.current;\n const deltaY = event.clientY - startYRef.current;\n if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_DISMISS_THRESHOLD) {\n swipingRef.current = false;\n dismiss(toast.id);\n }\n }}\n onPointerUp={() => {\n swipingRef.current = false;\n }}\n >\n {toast.title ? <ToastTitle>{toast.title}</ToastTitle> : null}\n {toast.description ? <ToastDescription>{toast.description}</ToastDescription> : null}\n {toast.action ? (\n <ToastAction\n onClick={() => {\n toast.action?.onClick();\n dismiss(toast.id);\n }}\n >\n {toast.action.label}\n </ToastAction>\n ) : null}\n <ToastClose onClick={() => dismiss(toast.id)} />\n </div>\n );\n /* oxlint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex, jsx-a11y/prefer-tag-over-role */\n}\nToastRoot.displayName = \"ToastRoot\";\n\nexport function ToastAction(props: ToastActionProps): ReactElement | null {\n return <ToastActionElement {...props} />;\n}\nToastAction.displayName = \"ToastAction\";\n\nexport function ToastClose(props: ToastCloseProps): ReactElement | null {\n return <ToastCloseElement {...props} />;\n}\nToastClose.displayName = \"ToastClose\";\n\nexport function useToast() {\n const { dismiss, store } = useToastStoreContext(\"useToast\");\n return {\n dismiss,\n toast(input: ToastInput) {\n return store.enqueue(input);\n },\n };\n}\n\nexport const Toast = {\n Action: ToastAction,\n Close: ToastClose,\n Description: ToastDescription,\n Provider: ToastProvider,\n Root: ToastRoot,\n Title: ToastTitle,\n Viewport: ToastViewport,\n};\n"],"mappings":"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","names":[]}
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset;@layer tokens{:root{--gray-0:oklch(100% 0 0);--gray-1:oklch(99% 0 0);--gray-2:oklch(97% 0 0);--gray-3:oklch(94% 0 0);--gray-4:oklch(90% 0 0);--gray-5:oklch(83% 0 0);--gray-6:oklch(70% 0 0);--gray-7:oklch(55% 0 0);--gray-8:oklch(45% 0 0);--gray-9:oklch(35% 0 0);--gray-10:oklch(27% 0 0);--gray-11:oklch(21% 0 0);--gray-12:oklch(15% 0 0);--blue-4:oklch(80% .1 255);--blue-5:oklch(68% .16 255);--blue-6:oklch(55% .2 255);--blue-7:oklch(48% .21 255);--red-5:oklch(68% .18 25);--red-6:oklch(58% .22 25);--red-7:oklch(50% .22 25);--green-6:oklch(62% .17 150);--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.5rem;--size-6:2rem;--size-7:3rem;--size-8:4rem;--radius-1:7px;--radius-2:9px;--radius-3:10px;--radius-4:12px;--radius-full:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-tight:1.2;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--shadow-1:0 1px 2px #00000014;--shadow-2:0 12px 32px #14161a24;--shadow-3:0 24px 60px #14161a33;--border-width:1px;--ring-width:3px;--ring-offset:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.18s;color-scheme:light;--background:light-dark(oklch(96.1% .007 88.6),oklch(17.8% .006 271));--foreground:light-dark(oklch(20% .009 264.4),oklch(95.2% .004 91.4));--card:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--card-foreground:var(--foreground);--popover:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--popover-foreground:var(--foreground);--secondary:light-dark(oklch(98.5% .003 84.6),oklch(19.6% .006 271.1));--secondary-foreground:var(--foreground);--muted:light-dark(var(--gray-3),oklch(26.4% .01 260.7));--muted-foreground:light-dark(oklch(48.5% .012 267.3),oklch(64.863% .0101 258.447));--primary:light-dark(oklch(48.6% .272 267.3),oklch(68.1% .169 275));--primary-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--accent:color-mix(in oklch, var(--primary) 12%, transparent);--accent-foreground:var(--primary);--border:light-dark(oklch(90.4% .013 86.8),oklch(30% .012 258.4));--input:light-dark(oklch(87.1% .013 86.8),oklch(36.6% .015 259.8));--ring:light-dark(var(--blue-7),oklch(68.1% .169 275));--destructive:light-dark(var(--red-7),var(--red-5));--destructive-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--success:var(--green-6);--success-foreground:var(--gray-0);--warning:light-dark(oklch(72% .16 75),oklch(80% .14 85));--warning-foreground:var(--gray-12);--chart-1:var(--primary);--chart-2:var(--blue-5);--chart-3:var(--green-6);--chart-4:var(--red-5);--chart-5:var(--gray-7);--radius:var(--radius-3);--radius-sm:var(--radius-1);--radius-md:var(--radius-2);--radius-lg:var(--radius);--radius-xl:var(--radius-4);--space-xs:var(--size-1);--space-sm:var(--size-2);--space-md:var(--size-3);--space-lg:var(--size-4);--space-xl:var(--size-5);--shadow-popover:var(--shadow-2);--shadow-modal:var(--shadow-3);--transition-colors:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}[data-theme=basic-light]{color-scheme:light}[data-theme=basic-dark]{color-scheme:dark}}@layer base{body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}[popover]:popover-open:not([data-positioning=native]){margin:revert}[data-positioning=native]{--uiify-anchor-offset:var(--space-sm)}:where([data-uiify-button],[data-uiify-input],[data-uiify-textarea],[data-uiify-select],[data-uiify-checkbox],[data-uiify-radio],[data-uiify-switch],[data-uiify-toggle]):focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}}@layer demo;@layer components{:where([data-uiify-button]){border:var(--border-width) solid transparent;border-radius:var(--radius-md);background-color:var(--primary);min-block-size:36px;color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);background-clip:padding-box;justify-content:center;align-items:center;gap:.375rem;padding-block:0;padding-inline:.625rem;line-height:1.25rem;display:inline-flex}[data-uiify-button]:hover{background-color:color-mix(in oklch, var(--primary), transparent 20%)}[data-uiify-button]:active{background-color:color-mix(in oklch, var(--primary), var(--primary-foreground) 20%)}[data-uiify-button]:disabled,[data-uiify-button][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-button][data-variant=ghost]{color:var(--foreground);border-color:var(--border);background-color:#0000}[data-uiify-button][data-variant=outline]{border-color:var(--input);background-color:var(--card);color:var(--foreground)}[data-uiify-button][data-variant=outline]:hover{background-color:var(--secondary)}[data-uiify-button][data-variant=solid]{background-color:var(--foreground);color:var(--background)}[data-uiify-button][data-variant=solid]:hover{background-color:var(--muted-foreground)}[data-uiify-button][data-variant=ghost]:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-button][data-variant=ghost]:active{background-color:color-mix(in oklch, var(--foreground) 14%, transparent)}[data-uiify-button][data-variant=danger]{background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-button][data-variant=danger]:hover{background-color:color-mix(in oklch, var(--destructive), black 12%)}[data-uiify-button][data-variant=danger]:active{background-color:color-mix(in oklch, var(--destructive), black 20%)}[data-uiify-surface]{gap:var(--space-md);inline-size:max-content;max-inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-popover);display:grid}[data-uiify-surface][popover]:not(:popover-open){display:none}@media (prefers-reduced-motion:no-preference){[data-uiify-surface][popover]:popover-open{animation:uiify-overlay-in var(--duration-fast) var(--ease-out)}}:where([data-uiify-input],[data-uiify-textarea]){inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);transition:var(--transition-colors);display:block}:where([data-uiify-input],[data-uiify-textarea])::placeholder{color:var(--muted-foreground)}:where([data-uiify-input],[data-uiify-textarea]):focus-visible{border-color:var(--primary)}:where([data-uiify-input],[data-uiify-textarea]):disabled,:where([data-uiify-input],[data-uiify-textarea])[data-disabled]{opacity:.5;cursor:not-allowed}:is(:where([data-uiify-input],[data-uiify-textarea])[data-invalid],:where([data-uiify-input],[data-uiify-textarea]):user-invalid){border-color:var(--destructive)}:where([data-uiify-input],[data-uiify-textarea])[data-invalid]:focus-visible{outline-color:var(--destructive)}[data-uiify-textarea]{resize:vertical;min-block-size:4lh}[data-uiify-textarea][data-autosize]{field-sizing:content;resize:none}[data-uiify-field]{gap:var(--space-sm);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-field] [data-part=label]{color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal)}[data-uiify-field] [data-part=label][data-required]:after{content:" *";color:var(--destructive)}[data-uiify-field] [data-part=description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}[data-uiify-field] [data-part=error]{color:var(--destructive);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}:where([data-uiify-checkbox]>input,[data-uiify-radio]){appearance:none;border:var(--border-width) solid var(--input);background-color:var(--card);cursor:pointer;block-size:1.15rem;inline-size:1.15rem;transition:var(--transition-colors);place-content:center;margin:0;display:inline-grid}[data-uiify-checkbox]{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);display:inline-flex}[data-uiify-checkbox]>input{border-radius:var(--radius-sm)}[data-uiify-radio]{border-radius:var(--radius-full)}[data-uiify-checkbox]>input:checked,[data-uiify-checkbox]>input[data-state=checked]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-radio]:checked,[data-uiify-radio][data-state=checked]{border-width:5px;border-color:var(--primary);background-color:var(--card)}[data-uiify-checkbox]>input:before{content:"";block-size:.65rem;inline-size:.65rem;transition:transform var(--duration-fast) var(--ease-out);background-color:var(--primary-foreground);clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,84% 6%,38% 68%);transform:scale(0)}[data-uiify-checkbox]>input:checked:before,[data-uiify-checkbox]>input[data-state=checked]:before{transform:scale(1)}[data-uiify-checkbox]>input:indeterminate,[data-uiify-checkbox]>input[data-state=indeterminate]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-checkbox]>input:indeterminate:before,[data-uiify-checkbox]>input[data-state=indeterminate]:before{clip-path:inset(42% 12%);transform:scale(1)}:where([data-uiify-checkbox]>input,[data-uiify-radio]):disabled,:where([data-uiify-checkbox]>input,[data-uiify-radio])[data-disabled],[data-uiify-checkbox]:has(>input:disabled){opacity:.5;cursor:not-allowed}[data-uiify-radio-group]{gap:var(--space-md);flex-direction:column;display:flex}[data-uiify-switch]{appearance:none;border-radius:var(--radius-full);background-color:var(--input);cursor:pointer;block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--duration-fast) var(--ease-out);border:none;flex:none;margin:0;position:relative}[data-uiify-switch]:before{content:"";border-radius:var(--radius-full);background-color:var(--gray-0);block-size:calc(1.25rem - 4px);inline-size:calc(1.25rem - 4px);box-shadow:var(--shadow-1);transition:translate var(--duration-fast) var(--ease-out);position:absolute;inset-block-start:2px;inset-inline-start:2px}[data-uiify-switch]:checked,[data-uiify-switch][data-state=checked]{background-color:var(--primary)}[data-uiify-switch]:checked:before,[data-uiify-switch][data-state=checked]:before{translate:1rem}[data-uiify-switch]:disabled,[data-uiify-switch][data-disabled]{opacity:.5;cursor:not-allowed}:where([data-uiify-radio-group]){padding:var(--space-md);flex-direction:column;display:flex}[data-uiify-radio-group] [data-part=item]{align-items:center;gap:var(--space-sm);display:flex}[data-uiify-radio-group] [data-part=item]>input{flex:none}[data-uiify-radio-group] [data-part=item]>label{flex:auto}[data-uiify-slider],[data-uiify-slider-client]{--uiify-slider-track-size:.375rem;--uiify-slider-track-radius:999px;--uiify-slider-thumb-size:1.125rem}[data-uiify-slider]{box-sizing:border-box;appearance:none;cursor:pointer;background-color:#0000;min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;padding-inline:.5625rem;display:block}[data-uiify-slider]::-webkit-slider-runnable-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]::-webkit-slider-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);appearance:none;border-radius:50%;margin-block-start:calc((var(--uiify-slider-track-size) - var(--uiify-slider-thumb-size)) / 2)}[data-uiify-slider]::-moz-range-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%}[data-uiify-slider]::-moz-range-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%);border:0}[data-uiify-slider]::-moz-range-progress{background:0 0}[dir=rtl] [data-uiify-slider]::-webkit-slider-runnable-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[dir=rtl] [data-uiify-slider]::-moz-range-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]:focus-visible{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider]:disabled,[data-uiify-slider][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client]{min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;accent-color:var(--primary);align-items:center;display:grid;position:relative}[data-uiify-slider-client]>input[data-part=thumb]{block-size:100%;inline-size:100%;accent-color:var(--primary);opacity:.001;margin:0;position:absolute;inset:0}[data-uiify-slider-client] [data-part=track]{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:var(--muted);pointer-events:none;display:block;position:absolute;inset-block-start:50%;inset-inline:.5625rem;translate:0 -50%}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:first-of-type{clip-path:inset(0 calc(100% - var(--uiify-slider-middle)) 0 0)}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:last-of-type{clip-path:inset(0 0 0 var(--uiify-slider-middle))}[data-uiify-slider-client] [data-part=range]{inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));border-radius:var(--uiify-slider-track-radius);background:var(--primary);position:absolute;inset-block:0;inset-inline-start:var(--uiify-slider-start)}[data-uiify-slider-client] [data-part=mark]{z-index:1;color:var(--muted-foreground);text-align:center;justify-items:center;gap:.25rem;font-size:.75rem;line-height:1;display:grid;position:absolute;inset-block-start:calc(50% + .8rem);inset-inline-start:var(--uiify-slider-position);translate:-50%}[data-uiify-slider-client] [data-part=mark]:before{content:"";background:currentColor;block-size:.4rem;inline-size:1px}[data-uiify-slider-client] [data-part=visual-thumb]{z-index:2;inline-size:var(--uiify-slider-thumb-size);aspect-ratio:1;border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:-50% -50%}[data-uiify-slider-client]:has(input:focus-visible) [data-part=track]{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider-client][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client][data-disabled]>input{cursor:not-allowed}[data-uiify-slider-client][data-orientation=vertical]{writing-mode:vertical-rl;block-size:3rem;inline-size:14rem;max-inline-size:none}[data-uiify-slider-client][data-orientation=vertical] [data-part=track]{block-size:.375rem;inline-size:auto;inset-block:50% auto;inset-inline:.5625rem;translate:50%}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:first-of-type{clip-path:inset(0 0 calc(100% - var(--uiify-slider-middle)) 0)}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:last-of-type{clip-path:inset(var(--uiify-slider-middle) 0 0 0)}[data-uiify-slider-client][data-orientation=vertical] [data-part=range]{inset-block:0;inset-inline:var(--uiify-slider-start) auto;inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));block-size:100%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]{writing-mode:horizontal-tb;justify-items:start;inset-block-start:var(--uiify-slider-position);inset-inline:calc(50% + .8rem) auto;translate:0 -50%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]:before{block-size:1px;inline-size:.4rem}[data-uiify-slider-client][data-orientation=vertical] [data-part=visual-thumb]{inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:50% -50%}[data-uiify-toggle]>[data-part=label]{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle]{display:inline-flex;position:relative}[data-uiify-toggle]>[data-part=label]:hover{background-color:var(--secondary)}[data-uiify-toggle]:has(>input:checked)>[data-part=label],[data-uiify-toggle]:has(>input[data-state=on])>[data-part=label]{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle][data-disabled]>[data-part=label],[data-uiify-toggle]:has(>input:disabled)>[data-part=label]{opacity:.5;cursor:not-allowed}[data-uiify-toggle]>input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}[data-uiify-toggle]>input:disabled{cursor:not-allowed}[data-uiify-toggle]>input:focus-visible+[data-part=label]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-toggle-group]{gap:var(--space-xs);display:inline-flex}[data-uiify-toggle-group][data-orientation=vertical]{flex-direction:column}[data-uiify-toggle-group] [data-part=item]{position:relative}[data-uiify-toggle-group] [data-part=item]>input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-toggle-group] [data-part=item]>label{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle-group] [data-part=item]>label:hover{background-color:var(--secondary)}[data-uiify-toggle-group] [data-part=item]:has(>input:checked)>label{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle-group] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-toggle-group] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]){inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-xl);border:var(--border-width) solid var(--border);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);border-radius:14px;margin:auto}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])::backdrop{background-color:#00000073}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=title]{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0;line-height:1.3}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=description]{margin-block:var(--space-sm) var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (prefers-reduced-motion:no-preference){:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])[open]{animation:uiify-dialog-in var(--duration-base) var(--ease-out)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])[open]::backdrop{animation:uiify-fade-in var(--duration-base) var(--ease-out)}}@keyframes uiify-dialog-in{0%{opacity:0;translate:0 .5rem;scale:.97}}@keyframes uiify-fade-in{0%{opacity:0}}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content]){gap:var(--space-sm);inline-size:max-content;max-inline-size:18rem;padding:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;display:flex}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content])[data-state=closed]{display:none}[data-uiify-tooltip]{inline-size:max-content;max-inline-size:16rem;padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-md);background-color:var(--foreground);color:var(--background);font-size:var(--text-xs);line-height:var(--leading-normal);box-shadow:var(--shadow-popover);border:none;display:block}:where([data-uiify-tooltip])[data-state=closed]{display:none}@media (prefers-reduced-motion:no-preference){:where([data-uiify-tooltip])[data-state=open]{animation:uiify-overlay-in var(--duration-fast) var(--ease-out)}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content]):popover-open{animation:uiify-overlay-in var(--duration-fast) var(--ease-out)}}@keyframes uiify-overlay-in{0%{opacity:0;scale:.96}}[data-uiify-menu-bar]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--background);display:inline-flex}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])){overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content]))[data-state=closed]{display:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]){align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;inline-size:100%;color:inherit;font:inherit;line-height:var(--leading-normal);text-align:start;appearance:none;background:0 0;border:0;display:flex;font-size:var(--text-sm)!important}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]){background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-menu] [data-part=radio-item]:hover[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item]:focus-visible[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item][data-highlighted][role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-color:var(--accent-foreground)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is([aria-disabled=true],[data-disabled]){opacity:.5;pointer-events:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]{color:var(--destructive,var(--foreground))}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]:is(:hover,:focus-visible,[data-highlighted]){background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-menu] [data-part=item-icon],[data-uiify-menu] [data-part=item-indicator]{flex:0 0 1.15rem;place-items:center;block-size:1.15rem;inline-size:1.15rem;display:inline-grid}[data-uiify-menu] [data-part=item-indicator]{border:var(--border-width) solid var(--input);border-radius:var(--radius-sm);color:#0000}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator],[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator]:before{clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,84% 6%,38% 68%);content:"";background-color:currentColor;block-size:.65rem;inline-size:.65rem}[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]:before{content:"";background:currentColor;block-size:.12rem;inline-size:.65rem}[role=menuitemradio] [data-part=item-indicator]{border-radius:50%}[role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-width:5px;border-color:var(--primary);background:var(--card)}[role=menuitemradio][data-state=checked] [data-part=item-indicator]:before{content:none}[data-uiify-menu] [data-part=item-icon]>svg,[data-uiify-menu] [data-part=item-indicator]>svg{block-size:100%;inline-size:100%;display:block}[data-uiify-menu] [data-part=item-text]{flex:auto;min-inline-size:0;display:grid}[data-uiify-menu] [data-part=item-description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=item-description]{color:inherit;opacity:.8}[data-uiify-menu] [data-part=shortcut]{color:var(--muted-foreground);font-size:var(--text-xs);font-family:inherit;font-weight:inherit;white-space:nowrap;margin-inline-start:auto;line-height:1}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=shortcut]{color:inherit;opacity:.85}[data-uiify-menu] [data-part=label]{padding-block:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-menu] [data-part=separator]{block-size:var(--border-width);margin-block:var(--space-xs);margin-inline:calc(-1 * var(--space-xs));background-color:var(--border)}[data-uiify-menu] [data-part=sub-content]{min-inline-size:11rem}[data-uiify-menu] [data-part=sub-content][data-side=right]{--uiify-anchor-offset:0;inset-block-start:calc(anchor(start) - var(--space-xs))}@media (prefers-reduced-motion:no-preference){:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])):popover-open{animation:uiify-menu-in var(--duration-fast) var(--ease-out)}@starting-style{:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])):popover-open{opacity:0;scale:.98}}}@media (prefers-reduced-motion:reduce){[data-uiify-menu]:popover-open{transition:none;animation:none}}@keyframes uiify-menu-in{0%{opacity:0;scale:.98}}[data-uiify-select]{align-items:center;gap:var(--space-md);inline-size:100%;min-inline-size:12rem;max-inline-size:16rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;transition:var(--transition-colors);display:flex}[data-uiify-select]:focus-visible{border-color:var(--primary)}[data-uiify-select]:disabled,[data-uiify-select][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-select]::picker-icon{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.3rem;inline-size:.3rem;transition:rotate var(--duration-fast) var(--ease-out);margin-block-end:.1rem;margin-inline-start:auto;display:inline-block;rotate:45deg}[data-uiify-select]:open::picker-icon{margin-block-end:-.2rem;rotate:225deg}[data-uiify-select]::picker(select){max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);overscroll-behavior:contain;opacity:0;transition:opacity var(--duration-fast) var(--ease-out) allow-discrete;inset-block-start:calc(anchor(bottom) + var(--space-sm))}[data-uiify-select]:open::picker(select){opacity:1}@starting-style{[data-uiify-select]:open::picker(select){opacity:0}}[data-uiify-select] optgroup{padding-block-start:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-select] optgroup option{margin-inline:calc(-1 * var(--space-md));inline-size:calc(100% + 2 * var(--space-md))}[data-uiify-select] option{align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;display:flex;font-size:var(--text-sm)!important}[data-uiify-select] option:hover,[data-uiify-select] option:focus-visible{background-color:var(--accent);color:var(--accent-foreground)}[data-uiify-select] option:disabled{opacity:.5;pointer-events:none}[data-uiify-select] option::checkmark{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--primary);block-size:1.15rem;inline-size:1.15rem;color:var(--primary-foreground);font-size:.8rem;font-weight:var(--weight-semibold);content:"✓";flex:0 0 1.15rem;order:-1;place-items:center;line-height:1;display:inline-grid}[data-uiify-select] hr{margin-block:var(--space-xs);border:0;border-block-start:var(--border-width) solid var(--border)}@media (prefers-reduced-motion:reduce){[data-uiify-select]::picker-icon{transition:none}[data-uiify-select]::picker(select){transition:none}}[data-uiify-tabs] [data-part=trigger]{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border:none;transition:var(--transition-colors);background:0 0;border-block-end:2px solid #0000;margin-block-end:calc(-1 * var(--border-width))}[data-uiify-tabs] [data-part=trigger]:hover{color:var(--foreground)}[data-uiify-tabs] [data-part=trigger][data-state=active]{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs] [data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-tabs]>[data-part=item]{display:contents}[data-uiify-tabs]{grid-template-rows:auto auto;grid-auto-columns:max-content;grid-auto-flow:column;align-items:start;gap:0;display:grid}[data-uiify-tabs]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-tabs]>[data-part=item]>label{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border-block-end:2px solid #0000;grid-row:1;display:inline-flex}[data-uiify-tabs]>[data-part=item]>label:hover{color:var(--foreground)}[data-uiify-tabs]>[data-part=item]:has(>input:checked)>label{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs]>[data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-tabs]>[data-part=item]>[data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal);grid-area:2/1/auto/-1}:where([data-uiify-accordion]){border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);overflow:hidden}[data-uiify-accordion]>[data-part=item]{border-block-end:var(--border-width) solid var(--border)}[data-uiify-accordion]>[data-part=item]:last-child{border-block-end:none}[data-uiify-accordion] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-accordion] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-accordion] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-accordion] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-accordion] [data-part=trigger]:after{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.5rem;inline-size:.5rem;transition:rotate var(--duration-fast) var(--ease-out);rotate:45deg}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]:after{rotate:225deg}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]{color:var(--primary)}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}[data-uiify-accordion]>[data-part=item]::details-content{block-size:0;transition:block-size var(--duration-base) ease, content-visibility var(--duration-base) allow-discrete;overflow:clip}[data-uiify-accordion]>[data-part=item][open]::details-content{block-size:auto}}[data-uiify-accordion] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-combobox]{inline-size:100%;max-inline-size:18rem;position:relative}[data-uiify-combobox] [data-part=control]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);transition:var(--transition-colors);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control]:focus-within{border-color:var(--primary)}[data-uiify-combobox] [data-part=control][data-disabled],[data-uiify-combobox] [data-part=control]:has([data-part=input]:disabled){opacity:.5;cursor:not-allowed}[data-uiify-combobox] [data-part=control] [data-part=tags]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]{border-radius:var(--radius-sm);inline-size:1rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:inline-grid}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:hover,[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:focus-visible{background-color:var(--primary);color:var(--primary-foreground)}[data-uiify-combobox] [data-part=input]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);transition:var(--transition-colors)}[data-uiify-combobox] [data-part=input]:focus-visible{border-color:var(--primary)}[data-uiify-combobox] [data-part=control] [data-part=input]{inline-size:auto;min-inline-size:5rem;padding-block:var(--space-xs);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:5rem;padding-inline:0}[data-uiify-combobox] [data-part=content]{overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}[data-uiify-combobox] [data-part=content][data-state=closed]{display:none}[data-uiify-combobox] [data-part=item]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-sm);color:inherit;font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;display:flex}[data-uiify-combobox] [data-part=item]:hover,[data-uiify-combobox] [data-part=item]:focus-visible,[data-uiify-combobox] [data-part=item][data-highlighted],[data-uiify-combobox] [data-part=item][aria-selected=true],[data-uiify-combobox] [data-part=item][data-selected]{background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-combobox] [data-part=item][aria-disabled=true],[data-uiify-combobox] [data-part=item][data-disabled]{opacity:.5;pointer-events:none}[data-uiify-combobox] [data-part=empty]{padding:var(--space-sm) var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm)}@media (prefers-reduced-motion:no-preference){[data-uiify-combobox] [data-part=content]:popover-open{animation:uiify-combobox-in var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-combobox] [data-part=content]:popover-open{opacity:0;scale:.98}}}@media (prefers-reduced-motion:reduce){[data-uiify-combobox] [data-part=content]:popover-open{transition:none;animation:none}}@keyframes uiify-combobox-in{0%{opacity:0;scale:.98}}[data-uiify-toast] [data-part=viewport],[data-uiify-toast][data-part=viewport]{gap:var(--space-sm);inline-size:min(24rem, calc(100vw - 2 * var(--space-lg)));background:0 0;border:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed;inset:auto;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg)}[data-uiify-toast] [data-part=item],[data-uiify-toast][data-part=viewport] [data-part=item]{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;min-inline-size:0;margin:0;display:flex}@media (prefers-reduced-motion:no-preference){[data-uiify-toast] [data-part=item][data-state=open],[data-uiify-toast][data-part=viewport] [data-part=item][data-state=open]{animation:uiify-toast-in var(--duration-base) var(--ease-out)}}@keyframes uiify-toast-in{0%{opacity:0;translate:0 .75rem}}[data-uiify-spinner]{block-size:2.125rem;inline-size:2.125rem;color:var(--primary);display:inline-block;position:relative}[data-uiify-spinner]:before{content:"";background:conic-gradient(from calc(-90deg + var(--uiify-spinner-tail)), currentcolor 0 var(--uiify-spinner-length), transparent 0);border-radius:50%;animation:2s linear infinite uiify-spinner-rotate,1.5s ease-in-out infinite uiify-spinner-orbit;display:block;position:absolute;inset:0;mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-state=delayed]:before{animation:none}[data-uiify-spinner][data-size=small]{block-size:1.25rem;inline-size:1.25rem}[data-uiify-spinner][data-size=small]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 1px))}[data-uiify-spinner][data-size=default]{block-size:2.125rem;inline-size:2.125rem}[data-uiify-spinner][data-size=large]{block-size:6.25rem;inline-size:6.25rem}[data-uiify-spinner][data-size=large]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-align=center]{margin-inline:auto}[data-uiify-spinner][data-align=fixed],[data-uiify-spinner][data-align=absolute]{inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}[data-uiify-spinner][data-align=fixed]{position:fixed}[data-uiify-spinner][data-align=absolute]{position:absolute}@keyframes uiify-spinner-rotate{to{transform:rotate(360deg)}}@keyframes uiify-spinner-orbit{0%{--uiify-spinner-tail:0deg;--uiify-spinner-length:36deg}50%{--uiify-spinner-tail:90deg;--uiify-spinner-length:324deg}to{--uiify-spinner-tail:360deg;--uiify-spinner-length:36deg}}@media (prefers-reduced-motion:reduce){[data-uiify-spinner]:before{animation:2.5s ease-in-out infinite uiify-spinner-orbit}}[data-state=loading][data-shape=rect],[data-state=loading][data-shape=circle]{inline-size:var(--skeleton-w,100%);block-size:var(--skeleton-h,1rem);background:linear-gradient(90deg, var(--muted) 0%, var(--secondary) 50%, var(--muted) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite uiify-skeleton-shimmer}[data-state=loading][data-shape=circle]{border-radius:50%}@keyframes uiify-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){[data-state=loading]{opacity:.7;animation:none}}:where([data-uiify-collapsible],[data-uiify-collapsible]){border:var(--border-width) solid var(--border);border-radius:var(--radius-md);overflow:hidden}[data-uiify-collapsible] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-collapsible] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-collapsible] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-collapsible] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-collapsible] [data-part=trigger]:after{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.5rem;inline-size:.5rem;transition:rotate var(--duration-fast) var(--ease-out);rotate:45deg}[data-uiify-collapsible][open] [data-part=trigger]:after{rotate:225deg}[data-uiify-collapsible][open] [data-part=trigger]{color:var(--primary)}[data-uiify-collapsible] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm)}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}:where([data-uiify-collapsible],[data-uiify-collapsible])::details-content{block-size:0;transition:block-size var(--duration-base) ease, content-visibility var(--duration-base) allow-discrete;overflow:clip}:where([data-uiify-collapsible],[data-uiify-collapsible])[open]::details-content{block-size:auto}}nav[aria-label=Breadcrumb] ol{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}nav[aria-label=Breadcrumb] li{align-items:center;gap:.25rem;display:flex}nav[aria-label=Breadcrumb] a{color:var(--primary);text-decoration:none}nav[aria-label=Breadcrumb] a:hover{text-decoration:underline}nav[aria-label=Breadcrumb] [aria-hidden=true]{color:var(--muted-foreground)}nav[aria-label=Breadcrumb] [data-current]{color:var(--foreground);font-weight:600}nav[aria-label=Pagination] ol,[data-uiify-pagination] ol{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}[data-uiify-pagination] a,[data-uiify-pagination] span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);block-size:2rem;min-inline-size:2rem;color:var(--foreground);justify-content:center;align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}[data-uiify-pagination] a{cursor:pointer}nav[aria-label=Pagination] button,nav[aria-label=Pagination] a,nav[aria-label=Pagination] span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);cursor:pointer;block-size:2rem;min-inline-size:2rem;padding:0 .5rem}[data-uiify-pagination] a[data-selected],nav[aria-label=Pagination] button[data-selected]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}nav[aria-label=Pagination] button:disabled,[data-uiify-pagination] span[aria-disabled=true]{opacity:.5;cursor:not-allowed}table[role=grid],table{border-collapse:collapse;inline-size:100%}table th,table td{text-align:start;border-block-end:1px solid var(--border);padding:.5rem .75rem}table thead th{background:var(--card);font-weight:600;position:sticky;inset-block-start:0}table tbody tr:nth-child(2n){background:var(--secondary)}table tbody tr[data-selected]{background:var(--accent)}table th[aria-sort]:not([aria-sort=none]){cursor:pointer}table th[aria-sort=ascending]:after{content:" ↑"}table th[aria-sort=descending]:after{content:" ↓"}[data-uiify-carousel]{align-items:center;gap:var(--space-sm);grid-template-columns:auto 1fr auto;inline-size:100%;max-inline-size:24rem;display:grid;position:relative}[data-uiify-carousel]>[data-part=viewport],[data-uiify-carousel]>[data-part=status],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{grid-column:1/-1}[data-uiify-carousel][data-enhanced]:has(>button[data-part=controls])>[data-part=viewport]{scrollbar-width:none}[data-uiify-carousel]>[data-part=viewport]>[data-part=slide]>[data-part=slide-content]{aspect-ratio:1;border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:2.25rem;font-weight:var(--weight-semibold);box-shadow:var(--shadow-popover);justify-content:center;align-items:center;line-height:1;display:flex}[data-uiify-carousel]>button[data-part=controls]{border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background-color:var(--card);color:var(--foreground);cursor:pointer;transition:var(--transition-colors)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{padding-inline:var(--space-md);padding-block:var(--space-sm);justify-self:start;margin-block-end:var(--space-sm)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=previous],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=next]{justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;font-size:1.25rem;line-height:1;display:inline-flex}[data-uiify-carousel]>button[data-part=controls]:hover{background-color:var(--secondary)}[data-uiify-carousel]>button[data-part=controls]:disabled{cursor:not-allowed;opacity:.4}[data-uiify-carousel]>button[data-part=controls]:focus-visible,[data-uiify-carousel]>[data-part=dots]>a:focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-carousel]>[data-part=dots]{justify-content:center;justify-self:stretch;gap:var(--space-xs);grid-column:2;display:flex}[data-uiify-carousel]>[data-part=dots]>a{border-radius:var(--radius-full);background-color:var(--input);block-size:2.75rem;inline-size:2.75rem;color:var(--foreground);transition:var(--transition-colors);place-items:center;text-decoration:none;display:inline-grid}[data-uiify-carousel]>[data-part=dots]>a[aria-current=true]{background-color:var(--primary);color:var(--primary-foreground)}[data-uiify-candle-chart]{--candle-grid:color-mix(in srgb, currentcolor 10%, transparent);--candle-down:oklch(64% .21 24);--candle-flat:color-mix(in srgb, currentcolor 60%, transparent);--candle-up:oklch(67% .14 166);--candle-axis:var(--muted-foreground);overscroll-behavior:none;isolation:isolate;color-scheme:light dark;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-candle-chart][data-interactive]{touch-action:none}[data-uiify-candle-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-candle-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--candle-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-candle-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-candle-chart] [data-part=canvas]{inline-size:calc(100% * var(--candle-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-candle-chart] [data-part=candles]{inline-size:100%;margin:0;padding:1rem .5rem;list-style:none;position:absolute;inset-block:0;inset-inline:auto 0}[data-uiify-candle-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-candle-chart] [data-uiify-virtual-scroll] [data-part=candle]{block-size:calc(var(--candle-plot-height,18rem) - 2rem);inset-block:1rem auto}[data-uiify-candle-chart] [data-part=candles],[data-uiify-candle-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--candle-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--candle-grid) 1px, transparent 1px);background-size:10% 100%,100% 25%}[data-uiify-candle-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart]>figcaption{z-index:1;color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-candle-chart] [data-part=readout]{z-index:1;color:var(--candle-axis);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-candle-chart] [data-part=readout-time]{font-weight:650}[data-uiify-candle-chart] [data-part=candle]{pointer-events:none;inline-size:var(--candle-slot);color:var(--candle-flat);list-style:none;display:block;position:absolute;inset:1rem .5rem;inset-inline-start:var(--candle-x)}[data-uiify-candle-chart][data-interactive] [data-part=candle]{pointer-events:auto}[data-uiify-candle-chart] [data-part=candle-hit]{z-index:1;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=candle]:before,[data-uiify-candle-chart] [data-part=candle]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=candle]:before{inline-size:max(1px,.08em);block-size:var(--candle-wick-height);inset-block-start:var(--candle-wick-top);inset-inline-start:50%;transform:translate(-50%)}[data-uiify-candle-chart] [data-part=candle]:after{block-size:var(--candle-body-height);min-block-size:1px;inset-block-start:var(--candle-body-top);inset-inline:17%}[data-uiify-candle-chart] [data-part=candle][data-direction=up]{color:var(--candle-up)}[data-uiify-candle-chart] [data-part=candle][data-direction=down]{color:var(--candle-down)}[data-uiify-candle-chart] [data-part=crosshair]{z-index:3;inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=crosshair]:before,[data-uiify-candle-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--candle-crosshair-x)}[data-uiify-candle-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-candle-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-candle-chart] [data-part=time-axis]>[data-part=crosshair-time]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:0;inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>[data-part=crosshair-price]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-candle-chart][data-interactive] [data-part=candle-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-candle-chart] [data-part=price-axis],[data-uiify-candle-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-candle-chart] [data-part=price-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-candle-chart] [data-part=price-axis]>li{color:var(--candle-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--candle-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=price-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-candle-chart] [data-part=time-axis]{inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-candle-chart] [data-part=time-axis]>li{color:var(--candle-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--candle-axis-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-candle-chart] [data-part=time-axis]>li:only-child,[data-uiify-candle-chart] [data-part=time-axis]>li[data-part=crosshair-time]{transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li[data-part=crosshair-price]{transform:translateY(-50%)}[data-uiify-candle-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-uiify-line-chart]{--line-grid:color-mix(in srgb, currentcolor 10%, transparent);--line-up:oklch(67% .14 166);--line-down:oklch(64% .21 24);--line-flat:light-dark(oklch(43% .05 165),oklch(72% .04 165));--line-axis:light-dark(color-mix(in oklch, var(--muted-foreground) 70%, var(--foreground)),var(--muted-foreground));--line-width:.12rem;overscroll-behavior:none;isolation:isolate;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-line-chart][data-interactive]{touch-action:none}[data-uiify-line-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-line-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--line-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-line-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-line-chart] [data-part=canvas]{inline-size:calc(100% * var(--line-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-line-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip;container-type:inline-size}[data-uiify-line-chart]>figcaption{z-index:1;color:var(--line-axis);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-line-chart] [data-part=readout]{z-index:1;color:var(--line-axis);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-line-chart] [data-part=readout-time]{font-weight:650}[data-uiify-line-chart] [data-part=points]{background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-size:var(--line-segment-slot) 100%, 100% 20%;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:1rem 0;container-type:size}[data-uiify-line-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-line-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-position:0 1rem;background-size:10% 100%,100% calc(20% - .4rem)}[data-uiify-line-chart] [data-part=point]{min-inline-size:0;color:var(--line-flat);list-style:none;position:absolute}[data-uiify-line-chart] [data-part=points]>[data-part=point]{inline-size:var(--line-slot);min-block-size:100%;inset-block:0;inset-inline-start:var(--line-prev-x,var(--line-x))}[data-uiify-line-chart] [data-uiify-virtual-scroll] [data-part=point]{--line-point-block-size:calc(var(--line-plot-height,18rem) - 2rem);inline-size:100%;block-size:var(--line-point-block-size);inset-block:1rem auto;inset-inline-start:-50%}[data-uiify-line-chart] [data-part=point]:before{--line-dx:calc(var(--line-run,0) * 1cqw);--line-dy:calc(var(--line-rise,0) / 100 * var(--line-point-block-size,100cqh));z-index:1;inline-size:hypot(var(--line-dx), var(--line-dy));block-size:calc(var(--line-width) * 2);border-radius:var(--line-width);content:"";transform-origin:0;rotate:atan2(var(--line-dy), var(--line-dx));background:currentColor;display:block;position:absolute;inset-block-start:calc(var(--line-prev-y) - var(--line-width));inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-first]:before{display:none}[data-uiify-line-chart] [data-part=point]:after{z-index:2;content:"";background:currentColor;border:0;border-radius:50%;block-size:.55rem;inline-size:.55rem;display:block;position:absolute;inset-block-start:var(--line-y);inset-inline-start:100%;transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=points]>[data-part=point][data-first]:after{inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-trend=up]{color:var(--line-up)}[data-uiify-line-chart] [data-part=point][data-trend=down]{color:var(--line-down)}[data-uiify-line-chart] [data-part=point-hit]{z-index:3;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{box-shadow:0 0 0 .2rem color-mix(in srgb, currentcolor 24%, transparent)}[data-uiify-line-chart][data-interactive] [data-part=point-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-line-chart] [data-part=crosshair]{z-index:4;inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-line-chart] [data-part=crosshair]:before,[data-uiify-line-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-line-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--line-crosshair-x)}[data-uiify-line-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-line-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-start:var(--line-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=value-axis],[data-uiify-line-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-line-chart] [data-part=value-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-line-chart] [data-part=value-axis]>li{color:var(--line-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--line-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=value-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-line-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-line-chart] [data-part=time-axis]{inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-line-chart] [data-part=time-axis]>li{color:var(--line-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--line-axis-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-line-chart] [data-part=time-axis]>li:only-child{transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li[data-part=crosshair-time]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-inline-start:var(--line-crosshair-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li[data-part=crosshair-value]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-line-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){[data-uiify-line-chart] [data-part=point]:after{transition:scale .18s}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{scale:1.15}}[data-uiify-drawer][data-part=content]{inline-size:100%;max-inline-size:100%;padding:var(--space-xl);border:var(--border-width) solid var(--border);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);margin:0}[data-uiify-drawer][data-part=content]::backdrop{background-color:#00000073}[data-uiify-drawer][data-part=content][data-side=bottom]{border-radius:var(--radius-md) var(--radius-md) 0 0;max-block-size:85vh;translate:0 var(--uiify-drawer-transform,0);border-block-end:none;margin-block-start:auto}[data-uiify-drawer][data-part=content][data-side=top]{border-radius:0 0 var(--radius-md) var(--radius-md);max-block-size:85vh;translate:0 var(--uiify-drawer-transform,0);border-block-start:none;margin-block-end:auto}[data-uiify-drawer][data-part=content][data-side=left]{border-radius:0 var(--radius-md) var(--radius-md) 0;block-size:100%;max-block-size:100%;max-inline-size:min(24rem,100vw);translate:var(--uiify-drawer-transform,0) 0;border-inline-start:none;margin-inline-end:auto}[data-uiify-drawer][data-part=content][data-side=right]{border-radius:var(--radius-md) 0 0 var(--radius-md);block-size:100%;max-block-size:100%;max-inline-size:min(24rem,100vw);translate:var(--uiify-drawer-transform,0) 0;border-inline-end:none;margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){[data-uiify-drawer][data-part=content][open]{animation:uiify-drawer-in var(--duration-base) var(--ease-out)}[data-uiify-drawer][data-part=content][open]::backdrop{animation:uiify-fade-in var(--duration-base) var(--ease-out)}}@keyframes uiify-drawer-in{0%{opacity:0}}:where([data-uiify-segmented-control],[data-uiify-segmented-control]){padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--muted);display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width]{inline-size:100%}[data-uiify-segmented-control][data-orientation=vertical]{flex-direction:column}[data-uiify-segmented-control] [data-part=item]{position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]{flex:1 1 0}[data-uiify-segmented-control] [data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-segmented-control] [data-part=item]>label{z-index:1;min-inline-size:4rem;padding-block:var(--space-xs);padding-inline:var(--space-md);border-radius:calc(var(--radius-md) - var(--space-xs));color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]>label{inline-size:100%}[data-uiify-segmented-control] [data-part=item]>label:hover{color:var(--foreground)}[data-uiify-segmented-control] [data-part=item]:has(>input:checked)>label{color:var(--foreground);background-color:var(--card);box-shadow:var(--shadow-1)}[data-uiify-segmented-control] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-segmented-control] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-stepper]{gap:var(--space-md);flex-wrap:wrap;display:flex}[data-uiify-stepper][data-orientation=vertical]{flex-direction:column}[data-uiify-stepper] [data-part=step]{position:relative}[data-uiify-stepper]>[data-part=step]>[data-part=control]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-stepper] [data-part=step]>label{align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background-color:var(--card);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;display:inline-flex}[data-uiify-stepper] [data-part=step]:has(>input:checked)>label,[data-uiify-stepper] [data-part=step][data-complete]>label{border-color:var(--primary);color:var(--primary)}[data-uiify-stepper] [data-part=step]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-stepper]>[data-part=step]>[data-part=panel]{padding:var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);margin-block-start:var(--space-lg)}[data-uiify-rating]{gap:var(--space-xs);flex-direction:row-reverse;display:inline-flex}[data-uiify-rating]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-rating]>[data-part=item]>label{color:var(--input);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}[data-uiify-rating]>[data-part=item]:has(>input:checked)>label,[data-uiify-rating]>[data-part=item]:has(>input:checked)~[data-part=item]>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)~[data-part=item]>label{color:var(--primary)}[data-uiify-rating]>[data-part=item]>input:focus-visible~label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);border-radius:var(--radius-sm);outline:none}[data-uiify-rating][data-readonly]>[data-part=item]>label{cursor:default}[data-uiify-rating][data-disabled]>[data-part=item]>label{cursor:default;opacity:.5}[data-uiify-otp-input]{gap:var(--space-sm);display:inline-flex;position:relative}[data-uiify-otp-input] [data-part=slot]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);block-size:2.5rem;inline-size:2.5rem;color:var(--foreground);font-size:var(--text-lg);font-weight:var(--weight-medium);transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-otp-input] [data-part=slot][data-active]{border-color:var(--primary);outline:2px solid color-mix(in oklch, var(--ring) 35%, transparent);outline-offset:0}[data-uiify-otp-input] [data-part=slot][data-active]:after{content:"";background-color:currentColor;block-size:1em;inline-size:1px;animation:1s step-end infinite uiify-otp-input-caret-blink}@keyframes uiify-otp-input-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-uiify-otp-input] [data-part=slot][data-active]:after{animation:none}}[data-uiify-otp-input] [data-part=slot][data-filled]{border-color:var(--input)}[data-uiify-otp-input][data-disabled] [data-part=slot]{opacity:.5;cursor:not-allowed}[data-uiify-tags-input]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);flex-wrap:wrap;display:flex}[data-uiify-tags-input][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-tags-input]:focus-within{border-color:var(--primary)}[data-uiify-tags-input] [data-part=list]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}[data-uiify-tags-input] [data-part=list]>li{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-tags-input] [data-part=input]{min-inline-size:5rem;padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--foreground);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}[data-uiify-tags-input] [data-part=input]::placeholder{color:var(--muted-foreground)}[data-uiify-tags-input] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-number-field]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);align-items:stretch;display:inline-flex;overflow:hidden}[data-uiify-number-field]>[role=spinbutton]{inline-size:4rem;padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--foreground);font-size:var(--text-sm);text-align:center;background:0 0;border:none;outline:none}[data-uiify-number-field]>[role=spinbutton]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-number-field]>button{border:none;border-inline-start:var(--border-width) solid var(--border);inline-size:2.25rem;color:var(--foreground);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-colors);background-color:#0000;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-uiify-number-field]>button:empty:before{display:block}[data-uiify-number-field]>button:first-child:empty:before{content:"←"}[data-uiify-number-field]>button:last-child:empty:before{content:"→"}[data-uiify-number-field]>button:first-child{border-inline-start:none;border-inline-end:var(--border-width) solid var(--border)}[data-uiify-number-field]>button:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-number-field]>button[data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload]{gap:var(--space-md);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-file-upload] [data-part=dropzone]{min-block-size:8rem;padding:var(--space-lg);border:2px dashed var(--input);border-radius:var(--radius-md);background-color:var(--secondary);color:var(--muted-foreground);font-size:var(--text-sm);text-align:center;transition:var(--transition-colors);justify-content:center;align-items:center;display:flex}[data-uiify-file-upload] [data-part=dropzone]:hover,[data-uiify-file-upload] [data-part=dropzone][data-dragging]{border-color:var(--primary);background-color:color-mix(in oklch, var(--primary) 8%, transparent);color:var(--foreground)}[data-uiify-file-upload] [data-part=dropzone][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload] [data-part=list]{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}[data-uiify-file-upload] [data-part=item]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);font-size:var(--text-sm);display:flex}[data-uiify-toolbar][data-part=root]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);display:inline-flex}[data-uiify-toolbar][data-part=root]>hr[data-part=separator][data-orientation]{inline-size:var(--border-width);block-size:auto;margin-inline:var(--space-md);background-color:var(--border);border:0;flex:none;align-self:stretch}[data-uiify-color-picker] [data-part=surface]{inline-size:100%;max-inline-size:24rem;position:relative}[data-uiify-color-picker] [data-part=control]{padding-inline-end:calc(var(--space-md) + 2rem)}[data-uiify-color-picker] [data-part=surface]:before,[data-uiify-color-picker] [data-part=surface]:after{border-radius:var(--radius-sm);content:"";z-index:1;pointer-events:none;block-size:24px;inline-size:24px;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:11px}[data-uiify-color-picker] [data-part=surface]:before{background:conic-gradient(var(--muted) 25%, transparent 0 50%, var(--muted) 0 75%, transparent 0) 0 0 / 17px 10px repeat}[data-uiify-color-picker] [data-part=surface]:after{background:linear-gradient(var(--uiify-color-picker-value), var(--uiify-color-picker-value))}[data-uiify-color-picker] [data-part=native-input]{opacity:0;z-index:2;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block:0;inset-inline:0}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:focus-visible) [data-part=control]{border-color:var(--primary);box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input][aria-invalid=true]:focus-visible) [data-part=control]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--destructive) 20%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:disabled) [data-part=control],[data-uiify-color-picker] [data-part=native-input]:disabled{cursor:not-allowed}[data-uiify-color-picker] [data-part=label][data-disabled]{color:var(--muted-foreground);cursor:not-allowed}}@layer utilities,theme;@property --uiify-spinner-tail{syntax:"<angle>";inherits:false;initial-value:0deg}@property --uiify-spinner-length{syntax:"<angle>";inherits:false;initial-value:36deg}@property --candle-body-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-body-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-slot{syntax:"<percentage>";inherits:true;initial-value:100%}@property --candle-wick-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-wick-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-x{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-scale{syntax:"<number>";inherits:true;initial-value:1}@property --line-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-prev-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-count{syntax:"<integer>";inherits:false;initial-value:1}@property --line-scale{syntax:"<number>";inherits:true;initial-value:1}
|
|
1
|
+
@layer reset;@layer tokens{:root{--gray-0:oklch(100% 0 0);--gray-1:oklch(99% 0 0);--gray-2:oklch(97% 0 0);--gray-3:oklch(94% 0 0);--gray-4:oklch(90% 0 0);--gray-5:oklch(83% 0 0);--gray-6:oklch(70% 0 0);--gray-7:oklch(55% 0 0);--gray-8:oklch(45% 0 0);--gray-9:oklch(35% 0 0);--gray-10:oklch(27% 0 0);--gray-11:oklch(21% 0 0);--gray-12:oklch(15% 0 0);--blue-4:oklch(80% .1 255);--blue-5:oklch(68% .16 255);--blue-6:oklch(55% .2 255);--blue-7:oklch(48% .21 255);--red-5:oklch(68% .18 25);--red-6:oklch(58% .22 25);--red-7:oklch(50% .22 25);--green-6:oklch(62% .17 150);--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.5rem;--size-6:2rem;--size-7:3rem;--size-8:4rem;--radius-1:7px;--radius-2:9px;--radius-3:10px;--radius-4:12px;--radius-full:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-tight:1.2;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--shadow-1:0 1px 2px #00000014;--shadow-2:0 12px 32px #14161a24;--shadow-3:0 24px 60px #14161a33;--border-width:1px;--ring-width:3px;--ring-offset:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.18s;color-scheme:light;--background:light-dark(oklch(96.1% .007 88.6),oklch(17.8% .006 271));--foreground:light-dark(oklch(20% .009 264.4),oklch(95.2% .004 91.4));--card:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--card-foreground:var(--foreground);--popover:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--popover-foreground:var(--foreground);--secondary:light-dark(oklch(98.5% .003 84.6),oklch(19.6% .006 271.1));--secondary-foreground:var(--foreground);--muted:light-dark(var(--gray-3),oklch(26.4% .01 260.7));--muted-foreground:light-dark(oklch(48.5% .012 267.3),oklch(64.863% .0101 258.447));--primary:light-dark(oklch(48.6% .272 267.3),oklch(68.1% .169 275));--primary-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--accent:color-mix(in oklch, var(--primary) 12%, transparent);--accent-foreground:var(--primary);--border:light-dark(oklch(90.4% .013 86.8),oklch(30% .012 258.4));--input:light-dark(oklch(87.1% .013 86.8),oklch(36.6% .015 259.8));--ring:light-dark(var(--blue-7),oklch(68.1% .169 275));--destructive:light-dark(var(--red-7),var(--red-5));--destructive-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--success:var(--green-6);--success-foreground:var(--gray-0);--warning:light-dark(oklch(72% .16 75),oklch(80% .14 85));--warning-foreground:var(--gray-12);--chart-1:var(--primary);--chart-2:var(--blue-5);--chart-3:var(--green-6);--chart-4:var(--red-5);--chart-5:var(--gray-7);--radius:var(--radius-3);--radius-sm:var(--radius-1);--radius-md:var(--radius-2);--radius-lg:var(--radius);--radius-xl:var(--radius-4);--space-xs:var(--size-1);--space-sm:var(--size-2);--space-md:var(--size-3);--space-lg:var(--size-4);--space-xl:var(--size-5);--shadow-popover:var(--shadow-2);--shadow-modal:var(--shadow-3);--transition-colors:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--presence-scale:.96;--transition-presence:opacity var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}[data-theme=basic-light]{color-scheme:light}[data-theme=basic-dark]{color-scheme:dark}}@layer base{:root{--uiify-control-text:var(--text-sm)}@media (pointer:coarse){:root{--uiify-control-text:var(--text-base)}}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}[popover]:popover-open:not([data-positioning=native]){margin:revert}[data-positioning=native]{--uiify-anchor-offset:var(--space-sm)}:where([data-uiify-button],[data-uiify-input],[data-uiify-textarea],[data-uiify-select],[data-uiify-checkbox],[data-uiify-radio],[data-uiify-switch],[data-uiify-toggle]):focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}}@layer demo;@layer components{:where([data-uiify-button]){border:var(--border-width) solid transparent;border-radius:var(--radius-md);background-color:var(--primary);min-block-size:36px;color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);background-clip:padding-box;justify-content:center;align-items:center;gap:.375rem;padding-block:0;padding-inline:.625rem;line-height:1.25rem;display:inline-flex}[data-uiify-button]:hover{background-color:color-mix(in oklch, var(--primary), transparent 20%)}[data-uiify-button]:active{background-color:color-mix(in oklch, var(--primary), var(--primary-foreground) 20%)}[data-uiify-button]:disabled,[data-uiify-button][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-button][data-variant=ghost]{color:var(--foreground);border-color:var(--border);background-color:#0000}[data-uiify-button][data-variant=outline]{border-color:var(--input);background-color:var(--card);color:var(--foreground)}[data-uiify-button][data-variant=outline]:hover{background-color:var(--secondary)}[data-uiify-button][data-variant=solid]{background-color:var(--foreground);color:var(--background)}[data-uiify-button][data-variant=solid]:hover{background-color:var(--muted-foreground)}[data-uiify-button][data-variant=ghost]:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-button][data-variant=ghost]:active{background-color:color-mix(in oklch, var(--foreground) 14%, transparent)}[data-uiify-button][data-variant=danger]{background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-button][data-variant=danger]:hover{background-color:color-mix(in oklch, var(--destructive), black 12%)}[data-uiify-button][data-variant=danger]:active{background-color:color-mix(in oklch, var(--destructive), black 20%)}[data-uiify-surface]{gap:var(--space-md);inline-size:max-content;max-inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-popover);display:grid}[data-uiify-surface][popover]:not(:popover-open){display:none}@media (prefers-reduced-motion:no-preference){[data-uiify-surface][popover]{transition:var(--transition-presence)}[data-uiify-surface][popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-surface][popover]:popover-open{opacity:0;scale:var(--presence-scale)}}}:where([data-uiify-input],[data-uiify-textarea]){inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);line-height:var(--leading-normal);transition:var(--transition-colors);display:block}:where([data-uiify-input],[data-uiify-textarea])::placeholder{color:var(--muted-foreground)}:where([data-uiify-input],[data-uiify-textarea]):focus-visible{border-color:var(--primary)}:where([data-uiify-input],[data-uiify-textarea]):disabled,:where([data-uiify-input],[data-uiify-textarea])[data-disabled]{opacity:.5;cursor:not-allowed}:is(:where([data-uiify-input],[data-uiify-textarea])[data-invalid],:where([data-uiify-input],[data-uiify-textarea]):user-invalid){border-color:var(--destructive)}:where([data-uiify-input],[data-uiify-textarea])[data-invalid]:focus-visible{outline-color:var(--destructive)}[data-uiify-textarea]{resize:vertical;min-block-size:4lh}[data-uiify-textarea][data-autosize]{field-sizing:content;resize:none}[data-uiify-field]{gap:var(--space-sm);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-field] [data-part=label]{color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal)}[data-uiify-field] [data-part=label][data-required]:after{content:" *";color:var(--destructive)}[data-uiify-field] [data-part=description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}[data-uiify-field] [data-part=error]{color:var(--destructive);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}@media (prefers-reduced-motion:no-preference){[data-uiify-field] [data-part=error]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-field] [data-part=error]{opacity:0}}}:where([data-uiify-checkbox]>input,[data-uiify-radio]){appearance:none;border:var(--border-width) solid var(--input);background-color:var(--card);cursor:pointer;block-size:1.15rem;inline-size:1.15rem;transition:var(--transition-colors);place-content:center;margin:0;display:inline-grid}[data-uiify-checkbox]{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);display:inline-flex}[data-uiify-checkbox]>input{border-radius:var(--radius-sm)}[data-uiify-radio]{border-radius:var(--radius-full)}[data-uiify-checkbox]>input:checked,[data-uiify-checkbox]>input[data-state=checked]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-radio]:checked,[data-uiify-radio][data-state=checked]{border-width:5px;border-color:var(--primary);background-color:var(--card)}[data-uiify-checkbox]>input:before{content:"";block-size:.65rem;inline-size:.65rem;transition:transform var(--duration-fast) var(--ease-out);background-color:var(--primary-foreground);clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,84% 6%,38% 68%);transform:scale(0)}[data-uiify-checkbox]>input:checked:before,[data-uiify-checkbox]>input[data-state=checked]:before{transform:scale(1)}[data-uiify-checkbox]>input:indeterminate,[data-uiify-checkbox]>input[data-state=indeterminate]{border-color:var(--primary);background-color:var(--primary)}[data-uiify-checkbox]>input:indeterminate:before,[data-uiify-checkbox]>input[data-state=indeterminate]:before{clip-path:inset(42% 12%);transform:scale(1)}:where([data-uiify-checkbox]>input,[data-uiify-radio]):disabled,:where([data-uiify-checkbox]>input,[data-uiify-radio])[data-disabled],[data-uiify-checkbox]:has(>input:disabled){opacity:.5;cursor:not-allowed}[data-uiify-radio-group]{gap:var(--space-md);flex-direction:column;display:flex}[data-uiify-switch]{appearance:none;border-radius:var(--radius-full);background-color:var(--input);cursor:pointer;block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--duration-fast) var(--ease-out);border:none;flex:none;margin:0;position:relative}[data-uiify-switch]:before{content:"";border-radius:var(--radius-full);background-color:var(--gray-0);block-size:calc(1.25rem - 4px);inline-size:calc(1.25rem - 4px);box-shadow:var(--shadow-1);transition:translate var(--duration-fast) var(--ease-out);position:absolute;inset-block-start:2px;inset-inline-start:2px}[data-uiify-switch]:checked,[data-uiify-switch][data-state=checked]{background-color:var(--primary)}[data-uiify-switch]:checked:before,[data-uiify-switch][data-state=checked]:before{translate:1rem}[data-uiify-switch]:disabled,[data-uiify-switch][data-disabled]{opacity:.5;cursor:not-allowed}:where([data-uiify-radio-group]){padding:var(--space-md);flex-direction:column;display:flex}[data-uiify-radio-group] [data-part=item]{align-items:center;gap:var(--space-sm);display:flex}[data-uiify-radio-group] [data-part=item]>input{flex:none}[data-uiify-radio-group] [data-part=item]>label{flex:auto}[data-uiify-slider],[data-uiify-slider-client]{--uiify-slider-track-size:.375rem;--uiify-slider-track-radius:999px;--uiify-slider-thumb-size:1.125rem}[data-uiify-slider]{box-sizing:border-box;appearance:none;cursor:pointer;background-color:#0000;min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;padding-inline:.5625rem;display:block}[data-uiify-slider]::-webkit-slider-runnable-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]::-webkit-slider-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);appearance:none;border-radius:50%;margin-block-start:calc((var(--uiify-slider-track-size) - var(--uiify-slider-thumb-size)) / 2)}[data-uiify-slider]::-moz-range-thumb{box-sizing:border-box;inline-size:var(--uiify-slider-thumb-size);block-size:var(--uiify-slider-thumb-size);border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%}[data-uiify-slider]::-moz-range-track{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:linear-gradient(to right, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%);border:0}[data-uiify-slider]::-moz-range-progress{background:0 0}[dir=rtl] [data-uiify-slider]::-webkit-slider-runnable-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[dir=rtl] [data-uiify-slider]::-moz-range-track{background-image:linear-gradient(to left, var(--primary) 0 var(--uiify-slider-progress,50%), var(--muted) var(--uiify-slider-progress,50%) 100%)}[data-uiify-slider]:focus-visible{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider]:disabled,[data-uiify-slider][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client]{min-block-size:2.75rem;inline-size:100%;min-inline-size:14rem;max-inline-size:22rem;accent-color:var(--primary);align-items:center;display:grid;position:relative}[data-uiify-slider-client]>input[data-part=thumb]{block-size:100%;inline-size:100%;accent-color:var(--primary);opacity:.001;margin:0;position:absolute;inset:0}[data-uiify-slider-client] [data-part=track]{block-size:var(--uiify-slider-track-size);border-radius:var(--uiify-slider-track-radius);background:var(--muted);pointer-events:none;display:block;position:absolute;inset-block-start:50%;inset-inline:.5625rem;translate:0 -50%}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:first-of-type{clip-path:inset(0 calc(100% - var(--uiify-slider-middle)) 0 0)}[data-uiify-slider-client][data-enhanced][data-range]>input[data-part=thumb]:last-of-type{clip-path:inset(0 0 0 var(--uiify-slider-middle))}[data-uiify-slider-client] [data-part=range]{inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));border-radius:var(--uiify-slider-track-radius);background:var(--primary);position:absolute;inset-block:0;inset-inline-start:var(--uiify-slider-start)}[data-uiify-slider-client] [data-part=mark]{z-index:1;color:var(--muted-foreground);text-align:center;justify-items:center;gap:.25rem;font-size:.75rem;line-height:1;display:grid;position:absolute;inset-block-start:calc(50% + .8rem);inset-inline-start:var(--uiify-slider-position);translate:-50%}[data-uiify-slider-client] [data-part=mark]:before{content:"";background:currentColor;block-size:.4rem;inline-size:1px}[data-uiify-slider-client] [data-part=visual-thumb]{z-index:2;inline-size:var(--uiify-slider-thumb-size);aspect-ratio:1;border:2px solid var(--background);background:var(--primary);box-shadow:0 0 0 1px var(--primary);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:-50% -50%}[data-uiify-slider-client]:has(input:focus-visible) [data-part=track]{outline:3px solid var(--ring);outline-offset:.25rem}[data-uiify-slider-client][data-disabled]{opacity:.55;cursor:not-allowed}[data-uiify-slider-client][data-disabled]>input{cursor:not-allowed}[data-uiify-slider-client][data-orientation=vertical]{writing-mode:vertical-rl;block-size:3rem;inline-size:14rem;max-inline-size:none}[data-uiify-slider-client][data-orientation=vertical] [data-part=track]{block-size:.375rem;inline-size:auto;inset-block:50% auto;inset-inline:.5625rem;translate:50%}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:first-of-type{clip-path:inset(0 0 calc(100% - var(--uiify-slider-middle)) 0)}[data-uiify-slider-client][data-enhanced][data-range][data-orientation=vertical]>input[data-part=thumb]:last-of-type{clip-path:inset(var(--uiify-slider-middle) 0 0 0)}[data-uiify-slider-client][data-orientation=vertical] [data-part=range]{inset-block:0;inset-inline:var(--uiify-slider-start) auto;inline-size:calc(var(--uiify-slider-end) - var(--uiify-slider-start));block-size:100%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]{writing-mode:horizontal-tb;justify-items:start;inset-block-start:var(--uiify-slider-position);inset-inline:calc(50% + .8rem) auto;translate:0 -50%}[data-uiify-slider-client][data-orientation=vertical] [data-part=mark]:before{block-size:1px;inline-size:.4rem}[data-uiify-slider-client][data-orientation=vertical] [data-part=visual-thumb]{inset-block-start:50%;inset-inline-start:var(--uiify-slider-position);translate:50% -50%}[data-uiify-toggle]>[data-part=label]{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle]{display:inline-flex;position:relative}[data-uiify-toggle]>[data-part=label]:hover{background-color:var(--secondary)}[data-uiify-toggle]:has(>input:checked)>[data-part=label],[data-uiify-toggle]:has(>input[data-state=on])>[data-part=label]{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle][data-disabled]>[data-part=label],[data-uiify-toggle]:has(>input:disabled)>[data-part=label]{opacity:.5;cursor:not-allowed}[data-uiify-toggle]>input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}[data-uiify-toggle]>input:disabled{cursor:not-allowed}[data-uiify-toggle]>input:focus-visible+[data-part=label]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-toggle-group]{gap:var(--space-xs);display:inline-flex}[data-uiify-toggle-group][data-orientation=vertical]{flex-direction:column}[data-uiify-toggle-group] [data-part=item]{position:relative}[data-uiify-toggle-group] [data-part=item]>input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-toggle-group] [data-part=item]>label{min-inline-size:2.25rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-toggle-group] [data-part=item]>label:hover{background-color:var(--secondary)}[data-uiify-toggle-group] [data-part=item]:has(>input:checked)>label{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}[data-uiify-toggle-group] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-toggle-group] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]){inline-size:min(28rem, calc(100vw - 2 * var(--space-lg)));padding:var(--space-xl);border:var(--border-width) solid var(--border);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);border-radius:14px;margin:auto}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])::backdrop{background-color:#00000073}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=title]{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0;line-height:1.3}:where([data-uiify-dialog],[data-uiify-modal],[data-uiify-alert-modal],[data-uiify-drawer]) [data-part=description]{margin-block:var(--space-sm) var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (prefers-reduced-motion:no-preference){:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]),:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])::backdrop{transition:var(--transition-presence)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content]):not([open]){opacity:0;scale:var(--presence-scale)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content]):not([open])::backdrop{opacity:0}@starting-style{:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content])[open]{opacity:0;scale:var(--presence-scale)}:where([data-uiify-dialog][data-part=content],[data-uiify-modal][data-part=content],[data-uiify-alert-modal][data-part=content],[data-uiify-drawer][data-part=content])[open]::backdrop{opacity:0}}}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content]){gap:var(--space-sm);inline-size:max-content;max-inline-size:18rem;padding:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;display:flex}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content])[data-state=closed]{display:none}[data-uiify-tooltip]{inline-size:max-content;max-inline-size:16rem;padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-md);background-color:var(--foreground);color:var(--background);font-size:var(--text-xs);line-height:var(--leading-normal);box-shadow:var(--shadow-popover);border:none;display:block}:where([data-uiify-tooltip])[data-state=closed]{display:none}@media (prefers-reduced-motion:no-preference){:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip]){transition:var(--transition-presence)}:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip])[popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{:where([data-uiify-popover][data-part=surface],[data-uiify-popup][data-part=content],[data-uiify-hover-card][data-part=content],[data-uiify-tooltip]):popover-open{opacity:0;scale:var(--presence-scale)}}}[data-uiify-menu-bar]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--background);display:inline-flex}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])){overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content]))[data-state=closed]{display:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]){align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;inline-size:100%;color:inherit;font:inherit;line-height:var(--leading-normal);text-align:start;appearance:none;background:0 0;border:0;display:flex;font-size:var(--text-sm)!important}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]){background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-menu] [data-part=radio-item]:hover[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item]:focus-visible[role=menuitemradio][data-state=checked] [data-part=item-indicator],[data-uiify-menu] [data-part=radio-item][data-highlighted][role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-color:var(--accent-foreground)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is([aria-disabled=true],[data-disabled]){opacity:.5;pointer-events:none}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]{color:var(--destructive,var(--foreground))}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger])[data-danger]:is(:hover,:focus-visible,[data-highlighted]){background-color:var(--destructive);color:var(--destructive-foreground)}[data-uiify-menu] [data-part=item-icon],[data-uiify-menu] [data-part=item-indicator]{flex:0 0 1.15rem;place-items:center;block-size:1.15rem;inline-size:1.15rem;display:inline-grid}[data-uiify-menu] [data-part=item-indicator]{border:var(--border-width) solid var(--input);border-radius:var(--radius-sm);color:#0000}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator],[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}[role=menuitemcheckbox][data-state=checked] [data-part=item-indicator]:before{clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,84% 6%,38% 68%);content:"";background-color:currentColor;block-size:.65rem;inline-size:.65rem}[role=menuitemcheckbox][data-state=indeterminate] [data-part=item-indicator]:before{content:"";background:currentColor;block-size:.12rem;inline-size:.65rem}[role=menuitemradio] [data-part=item-indicator]{border-radius:50%}[role=menuitemradio][data-state=checked] [data-part=item-indicator]{border-width:5px;border-color:var(--primary);background:var(--card)}[role=menuitemradio][data-state=checked] [data-part=item-indicator]:before{content:none}[data-uiify-menu] [data-part=item-icon]>svg,[data-uiify-menu] [data-part=item-indicator]>svg{block-size:100%;inline-size:100%;display:block}[data-uiify-menu] [data-part=item-text]{flex:auto;min-inline-size:0;display:grid}[data-uiify-menu] [data-part=item-description]{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--leading-normal)}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=item-description]{color:inherit;opacity:.8}[data-uiify-menu] [data-part=shortcut]{color:var(--muted-foreground);font-size:var(--text-xs);font-family:inherit;font-weight:inherit;white-space:nowrap;margin-inline-start:auto;line-height:1}[data-uiify-menu] :is([data-part=item],[data-part=checkbox-item],[data-part=radio-item],[data-part=sub-trigger]):is(:hover,:focus-visible,[data-highlighted]) [data-part=shortcut]{color:inherit;opacity:.85}[data-uiify-menu] [data-part=label]{padding-block:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-menu] [data-part=separator]{block-size:var(--border-width);margin-block:var(--space-xs);margin-inline:calc(-1 * var(--space-xs));background-color:var(--border)}[data-uiify-menu] [data-part=sub-content]{min-inline-size:11rem}[data-uiify-menu] [data-part=sub-content][data-side=right]{--uiify-anchor-offset:0;inset-block-start:calc(anchor(start) - var(--space-xs))}@media (prefers-reduced-motion:no-preference){:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])){transition:var(--transition-presence)}:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content]))[popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{:where([data-uiify-menu] :is([data-part=content],[data-part=sub-content]),[data-uiify-menu]:is([data-part=content],[data-part=sub-content])):popover-open{opacity:0;scale:var(--presence-scale)}}}[data-uiify-select]{align-items:center;gap:var(--space-md);inline-size:100%;min-inline-size:12rem;max-inline-size:16rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);line-height:var(--leading-normal);cursor:pointer;transition:var(--transition-colors);display:flex}[data-uiify-select]:focus-visible{border-color:var(--primary)}[data-uiify-select]:disabled,[data-uiify-select][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-select]::picker-icon{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.3rem;inline-size:.3rem;transition:rotate var(--duration-fast) var(--ease-out);margin-block-end:.1rem;margin-inline-start:auto;padding:0;display:inline-block;rotate:45deg}[data-uiify-select]:open::picker-icon{margin-block-end:-.2rem;rotate:225deg}[data-uiify-select]::picker(select){max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);overscroll-behavior:contain;inset-block-start:calc(anchor(bottom) + var(--space-sm))}@media (prefers-reduced-motion:no-preference){[data-uiify-select]::picker(select){transition:var(--transition-presence)}[data-uiify-select]:not(:open)::picker(select){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-select]:open::picker(select){opacity:0;scale:var(--presence-scale)}}}[data-uiify-select] optgroup{padding-block-start:var(--space-xs);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold)}[data-uiify-select] optgroup option{margin-inline:calc(-1 * var(--space-md));inline-size:calc(100% + 2 * var(--space-md))}[data-uiify-select] option{align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;display:flex;font-size:var(--text-sm)!important}[data-uiify-select] option:hover,[data-uiify-select] option:focus-visible{background-color:var(--accent);color:var(--accent-foreground)}[data-uiify-select] option:disabled{opacity:.5;pointer-events:none}[data-uiify-select] option::checkmark{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--primary);content:"";flex:0 0 1.15rem;order:-1;block-size:1.15rem;inline-size:1.15rem;display:block;mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.6l3 3L12.4 4.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-position:0 0,50%;mask-size:auto,100% 100%;mask-repeat:repeat,no-repeat;mask-clip:border-box,border-box;mask-origin:border-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}[data-uiify-select] hr{margin-block:var(--space-xs);border:0;border-block-start:var(--border-width) solid var(--border)}@media (prefers-reduced-motion:reduce){[data-uiify-select]::picker-icon{transition:none}[data-uiify-select]::picker(select){transition:none}}[data-uiify-tabs] [data-part=trigger]{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border:none;transition:var(--transition-colors);background:0 0;border-block-end:2px solid #0000;margin-block-end:calc(-1 * var(--border-width))}[data-uiify-tabs] [data-part=trigger]:hover{color:var(--foreground)}[data-uiify-tabs] [data-part=trigger][data-state=active]{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs] [data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-tabs]>[data-part=item]{display:contents}[data-uiify-tabs]{grid-template-rows:auto auto;grid-auto-columns:max-content;grid-auto-flow:column;align-items:start;gap:0;display:grid}[data-uiify-tabs]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-tabs]>[data-part=item]>label{padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;border-block-end:2px solid #0000;grid-row:1;display:inline-flex}[data-uiify-tabs]>[data-part=item]>label:hover{color:var(--foreground)}[data-uiify-tabs]>[data-part=item]:has(>input:checked)>label{border-block-end-color:var(--primary);color:var(--foreground);font-weight:var(--weight-semibold)}[data-uiify-tabs]>[data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-tabs]>[data-part=item]>[data-part=panel]{font-size:var(--text-sm);line-height:var(--leading-normal);grid-area:2/1/auto/-1}@media (prefers-reduced-motion:no-preference){[data-uiify-tabs]>[data-part=item]>[data-part=panel]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-tabs]>[data-part=item]>[data-part=control]:checked~[data-part=panel]{opacity:0}}}:where([data-uiify-accordion]){border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);overflow:hidden}[data-uiify-accordion]>[data-part=item]{border-block-end:var(--border-width) solid var(--border)}[data-uiify-accordion]>[data-part=item]:last-child{border-block-end:none}[data-uiify-accordion] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-accordion] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-accordion] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-accordion] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-accordion] [data-part=trigger]:after{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.5rem;inline-size:.5rem;transition:rotate var(--duration-fast) var(--ease-out);rotate:45deg}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]:after{rotate:225deg}[data-uiify-accordion] [data-part=item][open]>[data-part=trigger]{color:var(--primary)}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}[data-uiify-accordion]>[data-part=item]::details-content{block-size:0;overflow:clip}[data-uiify-accordion]>[data-part=item][open]::details-content{block-size:auto}}@media (prefers-reduced-motion:no-preference){[data-uiify-accordion]>[data-part=item]::details-content{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), block-size var(--duration-fast) var(--ease-out), content-visibility var(--duration-fast) allow-discrete}[data-uiify-accordion]>[data-part=item][open]::details-content{opacity:1}}[data-uiify-accordion] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-normal)}[data-uiify-combobox]{inline-size:100%;max-inline-size:18rem;position:relative}[data-uiify-combobox] [data-part=control]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);transition:var(--transition-colors);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control]:focus-within{border-color:var(--primary)}[data-uiify-combobox] [data-part=control][data-disabled],[data-uiify-combobox] [data-part=control]:has([data-part=input]:disabled){opacity:.5;cursor:not-allowed}[data-uiify-combobox] [data-part=control] [data-part=tags]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}[data-uiify-combobox] [data-part=control] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]{border-radius:var(--radius-sm);inline-size:1rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:inline-grid}[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:hover,[data-uiify-combobox] [data-part=control] [data-part=tag-remove]:focus-visible{background-color:var(--primary);color:var(--primary-foreground)}[data-uiify-combobox] [data-part=input]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:var(--uiify-control-text);transition:var(--transition-colors)}[data-uiify-combobox] [data-part=input]:focus-visible{border-color:var(--primary)}[data-uiify-combobox] [data-part=control] [data-part=input]{inline-size:auto;min-inline-size:5rem;padding-block:var(--space-xs);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:5rem;padding-inline:0}[data-uiify-combobox] [data-part=content]{overscroll-behavior:contain;max-block-size:min(24rem,100dvb - 2rem);min-inline-size:12rem;padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);box-shadow:var(--shadow-popover);transform-origin:var(--transform-origin,top);flex-direction:column;display:flex;overflow-y:auto}[data-uiify-combobox] [data-part=content][data-state=closed]{display:none}[data-uiify-combobox] [data-part=item]{inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-sm);color:inherit;font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;display:flex}[data-uiify-combobox] [data-part=item]:hover,[data-uiify-combobox] [data-part=item]:focus-visible,[data-uiify-combobox] [data-part=item][data-highlighted],[data-uiify-combobox] [data-part=item][aria-selected=true],[data-uiify-combobox] [data-part=item][data-selected]{background-color:var(--accent);color:var(--accent-foreground);outline:none}[data-uiify-combobox] [data-part=item][aria-disabled=true],[data-uiify-combobox] [data-part=item][data-disabled]{opacity:.5;pointer-events:none}[data-uiify-combobox] [data-part=empty]{padding:var(--space-sm) var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm)}@media (prefers-reduced-motion:no-preference){[data-uiify-combobox] [data-part=content]{transition:var(--transition-presence)}[data-uiify-combobox] [data-part=content][popover]:not(:popover-open){opacity:0;scale:var(--presence-scale)}@starting-style{[data-uiify-combobox] [data-part=content]:popover-open{opacity:0;scale:var(--presence-scale)}}}[data-uiify-toast] [data-part=viewport],[data-uiify-toast][data-part=viewport]{gap:var(--space-sm);inline-size:min(24rem, calc(100vw - 2 * var(--space-lg)));background:0 0;border:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed;inset:auto;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg)}[data-uiify-toast] [data-part=item],[data-uiify-toast][data-part=viewport] [data-part=item]{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-popover);flex-direction:column;min-inline-size:0;margin:0;display:flex}@media (prefers-reduced-motion:no-preference){::view-transition-group(.uiify-toast){animation-duration:var(--duration-fast);animation-timing-function:var(--ease-out)}::view-transition-new(.uiify-toast):only-child{animation:uiify-presence-in var(--duration-fast) var(--ease-out) both}::view-transition-old(.uiify-toast):only-child{animation:uiify-presence-out var(--duration-fast) var(--ease-out) both}}@keyframes uiify-presence-in{0%{opacity:0;scale:var(--presence-scale)}}@keyframes uiify-presence-out{to{opacity:0;scale:var(--presence-scale)}}[data-uiify-spinner]{block-size:2.125rem;inline-size:2.125rem;color:var(--primary);display:inline-block;position:relative}[data-uiify-spinner]:before{content:"";background:conic-gradient(from calc(-90deg + var(--uiify-spinner-tail)), currentcolor 0 var(--uiify-spinner-length), transparent 0);border-radius:50%;animation:2s linear infinite uiify-spinner-rotate,1.5s ease-in-out infinite uiify-spinner-orbit;display:block;position:absolute;inset:0;mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-state=delayed]:before{animation:none}[data-uiify-spinner][data-size=small]{block-size:1.25rem;inline-size:1.25rem}[data-uiify-spinner][data-size=small]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 1px))}[data-uiify-spinner][data-size=default]{block-size:2.125rem;inline-size:2.125rem}[data-uiify-spinner][data-size=large]{block-size:6.25rem;inline-size:6.25rem}[data-uiify-spinner][data-size=large]:before{mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}[data-uiify-spinner][data-align=center]{margin-inline:auto}[data-uiify-spinner][data-align=fixed],[data-uiify-spinner][data-align=absolute]{inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}[data-uiify-spinner][data-align=fixed]{position:fixed}[data-uiify-spinner][data-align=absolute]{position:absolute}@keyframes uiify-spinner-rotate{to{transform:rotate(360deg)}}@keyframes uiify-spinner-orbit{0%{--uiify-spinner-tail:0deg;--uiify-spinner-length:36deg}50%{--uiify-spinner-tail:90deg;--uiify-spinner-length:324deg}to{--uiify-spinner-tail:360deg;--uiify-spinner-length:36deg}}@media (prefers-reduced-motion:reduce){[data-uiify-spinner]:before{animation:2.5s ease-in-out infinite uiify-spinner-orbit}}[data-state=loading][data-shape=rect],[data-state=loading][data-shape=circle]{inline-size:var(--skeleton-w,100%);block-size:var(--skeleton-h,1rem);background:linear-gradient(90deg, var(--muted) 0%, var(--secondary) 50%, var(--muted) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite uiify-skeleton-shimmer}[data-state=loading][data-shape=circle]{border-radius:50%}@keyframes uiify-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){[data-state=loading]{opacity:.7;animation:none}}:where([data-uiify-collapsible],[data-uiify-collapsible]){border:var(--border-width) solid var(--border);border-radius:var(--radius-md);overflow:hidden}[data-uiify-collapsible] [data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}[data-uiify-collapsible] [data-part=trigger]::-webkit-details-marker{display:none}[data-uiify-collapsible] [data-part=trigger]:hover{background-color:var(--secondary)}[data-uiify-collapsible] [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-collapsible] [data-part=trigger]:after{content:"";border-inline-end:2px solid var(--muted-foreground);border-block-end:2px solid var(--muted-foreground);block-size:.5rem;inline-size:.5rem;transition:rotate var(--duration-fast) var(--ease-out);rotate:45deg}[data-uiify-collapsible][open] [data-part=trigger]:after{rotate:225deg}[data-uiify-collapsible][open] [data-part=trigger]{color:var(--primary)}[data-uiify-collapsible] [data-part=panel]{padding-block:0 var(--space-lg);padding-inline:var(--space-lg);color:var(--muted-foreground);font-size:var(--text-sm)}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}:where([data-uiify-collapsible],[data-uiify-collapsible])::details-content{block-size:0;overflow:clip}:where([data-uiify-collapsible],[data-uiify-collapsible])[open]::details-content{block-size:auto}}@media (prefers-reduced-motion:no-preference){:where([data-uiify-collapsible],[data-uiify-collapsible])::details-content{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), block-size var(--duration-fast) var(--ease-out), content-visibility var(--duration-fast) allow-discrete}:where([data-uiify-collapsible],[data-uiify-collapsible])[open]::details-content{opacity:1}}nav[aria-label=Breadcrumb] ol{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}nav[aria-label=Breadcrumb] li{align-items:center;gap:.25rem;display:flex}nav[aria-label=Breadcrumb] a{color:var(--primary);text-decoration:none}nav[aria-label=Breadcrumb] a:hover{text-decoration:underline}nav[aria-label=Breadcrumb] [aria-hidden=true]{color:var(--muted-foreground)}nav[aria-label=Breadcrumb] [data-current]{color:var(--foreground);font-weight:600}nav[aria-label=Pagination] ol,[data-uiify-pagination] ol{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}[data-uiify-pagination] a,[data-uiify-pagination] span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);block-size:2rem;min-inline-size:2rem;color:var(--foreground);justify-content:center;align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}[data-uiify-pagination] a{cursor:pointer}nav[aria-label=Pagination] button,nav[aria-label=Pagination] a,nav[aria-label=Pagination] span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);cursor:pointer;block-size:2rem;min-inline-size:2rem;padding:0 .5rem}[data-uiify-pagination] a[data-selected],nav[aria-label=Pagination] button[data-selected]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}nav[aria-label=Pagination] button:disabled,[data-uiify-pagination] span[aria-disabled=true]{opacity:.5;cursor:not-allowed}table[role=grid],table{border-collapse:collapse;inline-size:100%}table th,table td{text-align:start;border-block-end:1px solid var(--border);padding:.5rem .75rem}table thead th{background:var(--card);font-weight:600;position:sticky;inset-block-start:0}table tbody tr:nth-child(2n){background:var(--secondary)}table tbody tr[data-selected]{background:var(--accent)}table th[aria-sort]:not([aria-sort=none]){cursor:pointer}table th[aria-sort=ascending]:after{content:" ↑"}table th[aria-sort=descending]:after{content:" ↓"}[data-uiify-carousel]{align-items:center;gap:var(--space-sm);grid-template-columns:auto 1fr auto;inline-size:100%;max-inline-size:24rem;display:grid;position:relative}[data-uiify-carousel]>[data-part=viewport],[data-uiify-carousel]>[data-part=status],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{grid-column:1/-1}[data-uiify-carousel][data-enhanced]:has(>button[data-part=controls])>[data-part=viewport]{scrollbar-width:none}[data-uiify-carousel]>[data-part=viewport]>[data-part=slide]>[data-part=slide-content]{aspect-ratio:1;border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);font-size:2.25rem;font-weight:var(--weight-semibold);box-shadow:var(--shadow-popover);justify-content:center;align-items:center;line-height:1;display:flex}[data-uiify-carousel]>button[data-part=controls]{border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background-color:var(--card);color:var(--foreground);cursor:pointer;transition:var(--transition-colors)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=rotation]{padding-inline:var(--space-md);padding-block:var(--space-sm);justify-self:start;margin-block-end:var(--space-sm)}[data-uiify-carousel]>button[data-part=controls][data-carousel-action=previous],[data-uiify-carousel]>button[data-part=controls][data-carousel-action=next]{justify-content:center;align-items:center;min-block-size:2.75rem;min-inline-size:2.75rem;font-size:1.25rem;line-height:1;display:inline-flex}[data-uiify-carousel]>button[data-part=controls]:hover{background-color:var(--secondary)}[data-uiify-carousel]>button[data-part=controls]:disabled{cursor:not-allowed;opacity:.4}[data-uiify-carousel]>button[data-part=controls]:focus-visible,[data-uiify-carousel]>[data-part=dots]>a:focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-carousel]>[data-part=dots]{justify-content:center;justify-self:stretch;gap:var(--space-xs);grid-column:2;display:flex}[data-uiify-carousel]>[data-part=dots]>a{border-radius:var(--radius-full);background-color:var(--input);block-size:2.75rem;inline-size:2.75rem;color:var(--foreground);transition:var(--transition-colors);place-items:center;text-decoration:none;display:inline-grid}[data-uiify-carousel]>[data-part=dots]>a[aria-current=true]{background-color:var(--primary);color:var(--primary-foreground)}[data-uiify-candle-chart]{--candle-grid:color-mix(in srgb, currentcolor 10%, transparent);--candle-down:oklch(64% .21 24);--candle-flat:color-mix(in srgb, currentcolor 60%, transparent);--candle-up:oklch(67% .14 166);--candle-axis:var(--muted-foreground);overscroll-behavior:none;isolation:isolate;color-scheme:light dark;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-candle-chart][data-interactive]{touch-action:none}[data-uiify-candle-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-candle-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--candle-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-candle-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-candle-chart] [data-part=canvas]{inline-size:calc(100% * var(--candle-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-candle-chart] [data-part=candles]{inline-size:100%;margin:0;padding:1rem .5rem;list-style:none;position:absolute;inset-block:0;inset-inline:auto 0}[data-uiify-candle-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-candle-chart] [data-uiify-virtual-scroll] [data-part=candle]{block-size:calc(var(--candle-plot-height,18rem) - 2rem);inset-block:1rem auto}[data-uiify-candle-chart] [data-part=candles],[data-uiify-candle-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--candle-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--candle-grid) 1px, transparent 1px);background-size:10% 100%,100% 25%}[data-uiify-candle-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-candle-chart]>figcaption{z-index:1;color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-candle-chart] [data-part=readout]{z-index:1;color:var(--candle-axis);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-candle-chart] [data-part=readout-time]{font-weight:650}[data-uiify-candle-chart] [data-part=candle]{pointer-events:none;inline-size:var(--candle-slot);color:var(--candle-flat);list-style:none;display:block;position:absolute;inset:1rem .5rem;inset-inline-start:var(--candle-x)}[data-uiify-candle-chart][data-interactive] [data-part=candle]{pointer-events:auto}[data-uiify-candle-chart] [data-part=candle-hit]{z-index:1;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=candle]:before,[data-uiify-candle-chart] [data-part=candle]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=candle]:before{inline-size:max(1px,.08em);block-size:var(--candle-wick-height);inset-block-start:var(--candle-wick-top);inset-inline-start:50%;transform:translate(-50%)}[data-uiify-candle-chart] [data-part=candle]:after{block-size:var(--candle-body-height);min-block-size:1px;inset-block-start:var(--candle-body-top);inset-inline:17%}[data-uiify-candle-chart] [data-part=candle][data-direction=up]{color:var(--candle-up)}[data-uiify-candle-chart] [data-part=candle][data-direction=down]{color:var(--candle-down)}[data-uiify-candle-chart] [data-part=crosshair]{z-index:3;inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-candle-chart] [data-part=crosshair]:before,[data-uiify-candle-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-candle-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--candle-crosshair-x)}[data-uiify-candle-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-candle-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-candle-chart] [data-part=time-axis]>[data-part=crosshair-time]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:0;inset-inline-start:var(--candle-crosshair-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>[data-part=crosshair-price]{background:var(--candle-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--candle-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-candle-chart][data-interactive] [data-part=candle-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-candle-chart] [data-part=price-axis],[data-uiify-candle-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-candle-chart] [data-part=price-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-candle-chart] [data-part=price-axis]>li{color:var(--candle-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--candle-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=price-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-candle-chart] [data-part=time-axis]{inline-size:var(--candle-content-size,100%);translate:calc(-1 * var(--candle-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-candle-chart] [data-part=time-axis]>li{color:var(--candle-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--candle-axis-x);transform:translate(-50%)}[data-uiify-candle-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-candle-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-candle-chart] [data-part=time-axis]>li:only-child,[data-uiify-candle-chart] [data-part=time-axis]>li[data-part=crosshair-time]{transform:translate(-50%)}[data-uiify-candle-chart] [data-part=price-axis]>li[data-part=crosshair-price]{transform:translateY(-50%)}[data-uiify-candle-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-uiify-line-chart]{--line-grid:color-mix(in srgb, currentcolor 10%, transparent);--line-up:oklch(67% .14 166);--line-down:oklch(64% .21 24);--line-flat:light-dark(oklch(43% .05 165),oklch(72% .04 165));--line-axis:light-dark(color-mix(in oklch, var(--muted-foreground) 70%, var(--foreground)),var(--muted-foreground));--line-width:.12rem;overscroll-behavior:none;isolation:isolate;color:light-dark(oklch(28% .04 165),oklch(82% .04 165));background:0 0;min-block-size:21rem;inline-size:100%;padding:1rem .75rem .5rem;display:block;position:relative;overflow:clip}[data-uiify-line-chart][data-interactive]{touch-action:none}[data-uiify-line-chart][data-interactive] [data-part=scroll-viewport]{overscroll-behavior-inline:none}[data-uiify-line-chart]>[data-part=plot]{grid-template-columns:minmax(0,1fr) 4.5rem;grid-template-rows:minmax(18rem, 1fr) calc(1.5rem + var(--line-scrollbar-size,0px));overscroll-behavior:none;gap:0 .75rem;min-block-size:18rem;min-inline-size:0;display:grid;position:relative}[data-uiify-line-chart] [data-part=scroll-viewport]{direction:rtl;grid-area:1/1/span 2;min-block-size:18rem;min-inline-size:0;overflow:auto hidden;container-type:inline-size}[data-uiify-line-chart] [data-part=canvas]{inline-size:calc(100% * var(--line-scale));direction:ltr;grid-template-rows:minmax(18rem,1fr) 1.5rem;min-block-size:100%;min-inline-size:100%;display:grid}[data-uiify-line-chart] [data-part=viewport]{overscroll-behavior:none;grid-area:1/1;min-block-size:18rem;min-inline-size:0;position:relative;overflow:clip;container-type:inline-size}[data-uiify-line-chart]>figcaption{z-index:1;color:var(--line-axis);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:650;position:absolute;inset-block-start:.75rem;inset-inline-start:1rem}[data-uiify-line-chart] [data-part=readout]{z-index:1;color:var(--line-axis);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.65rem;font-size:.7rem;line-height:1;display:flex;position:absolute;inset-block-start:.75rem;inset-inline-end:1rem}[data-uiify-line-chart] [data-part=readout-time]{font-weight:650}[data-uiify-line-chart] [data-part=points]{background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-size:var(--line-segment-slot) 100%, 100% 20%;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:1rem 0;container-type:size}[data-uiify-line-chart] [data-part=viewport]>[data-uiify-virtual-scroll]{position:absolute;inset:0}[data-uiify-line-chart] [data-part=viewport]:has(>[data-uiify-virtual-scroll]){background-image:linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-position:0 1rem;background-size:10% 100%,100% calc(20% - .4rem)}[data-uiify-line-chart] [data-part=point]{min-inline-size:0;color:var(--line-flat);list-style:none;position:absolute}[data-uiify-line-chart] [data-part=points]>[data-part=point]{inline-size:var(--line-slot);min-block-size:100%;inset-block:0;inset-inline-start:var(--line-prev-x,var(--line-x))}[data-uiify-line-chart] [data-uiify-virtual-scroll] [data-part=point]{--line-point-block-size:calc(var(--line-plot-height,18rem) - 2rem);inline-size:100%;block-size:var(--line-point-block-size);inset-block:1rem auto;inset-inline-start:-50%}[data-uiify-line-chart] [data-part=point]:before{--line-dx:calc(var(--line-run,0) * 1cqw);--line-dy:calc(var(--line-rise,0) / 100 * var(--line-point-block-size,100cqh));z-index:1;inline-size:hypot(var(--line-dx), var(--line-dy));block-size:calc(var(--line-width) * 2);border-radius:var(--line-width);content:"";transform-origin:0;rotate:atan2(var(--line-dy), var(--line-dx));background:currentColor;display:block;position:absolute;inset-block-start:calc(var(--line-prev-y) - var(--line-width));inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-first]:before{display:none}[data-uiify-line-chart] [data-part=point]:after{z-index:2;content:"";background:currentColor;border:0;border-radius:50%;block-size:.55rem;inline-size:.55rem;display:block;position:absolute;inset-block-start:var(--line-y);inset-inline-start:100%;transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=points]>[data-part=point][data-first]:after{inset-inline-start:0}[data-uiify-line-chart] [data-part=point][data-trend=up]{color:var(--line-up)}[data-uiify-line-chart] [data-part=point][data-trend=down]{color:var(--line-down)}[data-uiify-line-chart] [data-part=point-hit]{z-index:3;appearance:none;color:#0000;cursor:crosshair;block-size:100%;inline-size:100%;font:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{box-shadow:0 0 0 .2rem color-mix(in srgb, currentcolor 24%, transparent)}[data-uiify-line-chart][data-interactive] [data-part=point-hit]:focus-visible{outline-offset:-2px;outline:2px solid}[data-uiify-line-chart] [data-part=crosshair]{z-index:4;inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;color:light-dark(oklch(52% .01 0),oklch(72% .01 0));pointer-events:none;block-size:100%;position:absolute;inset:0}[data-uiify-line-chart] [data-part=crosshair]:before,[data-uiify-line-chart] [data-part=crosshair]:after{content:"";background:currentColor;display:block;position:absolute}[data-uiify-line-chart] [data-part=crosshair]:before{background-color:#0000;background-image:repeating-linear-gradient(currentColor 0 .4rem,#0000 .4rem .8rem);inline-size:1px;inset-block:0;inset-inline-start:var(--line-crosshair-x)}[data-uiify-line-chart] [data-part=crosshair]:after{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .8rem);block-size:1px;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline:0}[data-uiify-line-chart] [data-part=crosshair-marker]{font-size:1rem;line-height:1;position:absolute;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-start:var(--line-crosshair-x);transform:translate(-50%,-50%)}[data-uiify-line-chart] [data-part=value-axis],[data-uiify-line-chart] [data-part=time-axis]{margin:0;padding:0;list-style:none}[data-uiify-line-chart] [data-part=value-axis]{grid-area:1/2;min-inline-size:0;position:relative}[data-uiify-line-chart] [data-part=value-axis]>li{color:var(--line-axis);font-variant-numeric:tabular-nums;text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1;position:absolute;inset-block-start:var(--line-axis-y);inset-inline:0;overflow:hidden;transform:translateY(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=value-axis]>li:last-child{transform:translateY(-100%)}[data-uiify-line-chart] [data-part=time-viewport]{overscroll-behavior:none;grid-area:2/1;min-inline-size:0;position:relative;overflow:clip}[data-uiify-line-chart] [data-part=time-axis]{inline-size:var(--line-content-size,100%);translate:calc(-1 * var(--line-scroll-x,0px)) 0;min-inline-size:0;position:relative;inset-block:0}[data-uiify-line-chart] [data-part=time-axis]>li{color:var(--line-axis);white-space:nowrap;font-size:.7rem;position:absolute;inset-block-start:.35rem;inset-inline-start:var(--line-axis-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li:first-child{transform:none}[data-uiify-line-chart] [data-part=time-axis]>li:last-child{transform:translate(-100%)}[data-uiify-line-chart] [data-part=time-axis]>li:only-child{transform:translate(-50%)}[data-uiify-line-chart] [data-part=time-axis]>li[data-part=crosshair-time]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-inline-start:var(--line-crosshair-x);transform:translate(-50%)}[data-uiify-line-chart] [data-part=value-axis]>li[data-part=crosshair-value]{background:var(--line-axis);color:canvas;padding:.3rem .5rem;font-weight:650;inset-block-start:calc(var(--line-cursor-y,50%) + 1rem);inset-inline-end:0;transform:translateY(-50%)}[data-uiify-line-chart]>table{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){[data-uiify-line-chart] [data-part=point]:after{transition:scale .18s}[data-uiify-line-chart][data-interactive] [data-part=point][data-point-selected]:after{scale:1.15}}[data-uiify-drawer][data-part=content]{inline-size:100%;max-inline-size:100%;padding:var(--space-xl);border:var(--border-width) solid var(--border);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-modal);margin:0}[data-uiify-drawer][data-part=content]::backdrop{background-color:#00000073}[data-uiify-drawer][data-part=content][data-side=bottom]{border-radius:var(--radius-md) var(--radius-md) 0 0;max-block-size:85vh;translate:0 var(--uiify-drawer-transform,0);border-block-end:none;margin-block-start:auto}[data-uiify-drawer][data-part=content][data-side=top]{border-radius:0 0 var(--radius-md) var(--radius-md);max-block-size:85vh;translate:0 var(--uiify-drawer-transform,0);border-block-start:none;margin-block-end:auto}[data-uiify-drawer][data-part=content][data-side=left]{border-radius:0 var(--radius-md) var(--radius-md) 0;block-size:100%;max-block-size:100%;max-inline-size:min(24rem,100vw);translate:var(--uiify-drawer-transform,0) 0;border-inline-start:none;margin-inline-end:auto}[data-uiify-drawer][data-part=content][data-side=right]{border-radius:var(--radius-md) 0 0 var(--radius-md);block-size:100%;max-block-size:100%;max-inline-size:min(24rem,100vw);translate:var(--uiify-drawer-transform,0) 0;border-inline-end:none;margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){[data-uiify-drawer][data-part=content]:not([open]){opacity:0}@starting-style{[data-uiify-drawer][data-part=content][open]{opacity:0}}}:where([data-uiify-segmented-control],[data-uiify-segmented-control]){padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--muted);display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width]{inline-size:100%}[data-uiify-segmented-control][data-orientation=vertical]{flex-direction:column}[data-uiify-segmented-control] [data-part=item]{position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]{flex:1 1 0}[data-uiify-segmented-control] [data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-segmented-control] [data-part=item]>label{z-index:1;min-inline-size:4rem;padding-block:var(--space-xs);padding-inline:var(--space-md);border-radius:calc(var(--radius-md) - var(--space-xs));color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}[data-uiify-segmented-control][data-full-width] [data-part=item]>label{inline-size:100%}[data-uiify-segmented-control] [data-part=item]>label:hover{color:var(--foreground)}[data-uiify-segmented-control] [data-part=item]:has(>input:checked)>label{color:var(--foreground);background-color:var(--card);box-shadow:var(--shadow-1)}[data-uiify-segmented-control] [data-part=item]:has(>input:disabled)>label{opacity:.5;cursor:not-allowed}[data-uiify-segmented-control] [data-part=item]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-stepper]{gap:var(--space-md);flex-wrap:wrap;display:flex}[data-uiify-stepper][data-orientation=vertical]{flex-direction:column}[data-uiify-stepper] [data-part=step]{position:relative}[data-uiify-stepper]>[data-part=step]>[data-part=control]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-stepper] [data-part=step]>label{align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background-color:var(--card);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;display:inline-flex}[data-uiify-stepper] [data-part=step]:has(>input:checked)>label,[data-uiify-stepper] [data-part=step][data-complete]>label{border-color:var(--primary);color:var(--primary)}[data-uiify-stepper] [data-part=step]>input:focus-visible+label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-stepper]>[data-part=step]>[data-part=panel]{padding:var(--space-lg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background-color:var(--card);color:var(--foreground);font-size:var(--text-sm);margin-block-start:var(--space-lg)}@media (prefers-reduced-motion:no-preference){[data-uiify-stepper]>[data-part=step]>[data-part=panel]{transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{[data-uiify-stepper]>[data-part=step]>[data-part=control]:checked~[data-part=panel]{opacity:0}}}[data-uiify-rating]{gap:var(--space-xs);flex-direction:row-reverse;display:inline-flex}[data-uiify-rating]>[data-part=item]>input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-uiify-rating]>[data-part=item]>label{color:var(--input);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}[data-uiify-rating]>[data-part=item]:has(>input:checked)>label,[data-uiify-rating]>[data-part=item]:has(>input:checked)~[data-part=item]>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)>label,[data-uiify-rating]:not([data-disabled],[data-readonly])>[data-part=item]:has(>label:hover)~[data-part=item]>label{color:var(--primary)}[data-uiify-rating]>[data-part=item]>input:focus-visible~label{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);border-radius:var(--radius-sm);outline:none}[data-uiify-rating][data-readonly]>[data-part=item]>label{cursor:default}[data-uiify-rating][data-disabled]>[data-part=item]>label{cursor:default;opacity:.5}[data-uiify-otp-input]{gap:var(--space-sm);display:inline-flex;position:relative}[data-uiify-otp-input] [data-part=slot]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);block-size:2.5rem;inline-size:2.5rem;color:var(--foreground);font-size:var(--text-lg);font-weight:var(--weight-medium);transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}[data-uiify-otp-input] [data-part=slot][data-active]{border-color:var(--primary);outline:2px solid color-mix(in oklch, var(--ring) 35%, transparent);outline-offset:0}[data-uiify-otp-input] [data-part=slot][data-active]:after{content:"";background-color:currentColor;block-size:1em;inline-size:1px;animation:1s step-end infinite uiify-otp-input-caret-blink}@keyframes uiify-otp-input-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-uiify-otp-input] [data-part=slot][data-active]:after{animation:none}}[data-uiify-otp-input] [data-part=slot][data-filled]{border-color:var(--input)}[data-uiify-otp-input][data-disabled] [data-part=slot]{opacity:.5;cursor:not-allowed}[data-uiify-tags-input]{align-items:center;gap:var(--space-xs);min-block-size:2.5rem;inline-size:100%;max-inline-size:24rem;padding-block:var(--space-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);color:var(--foreground);flex-wrap:wrap;display:flex}[data-uiify-tags-input][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-tags-input]:focus-within{border-color:var(--primary)}[data-uiify-tags-input] [data-part=list]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}[data-uiify-tags-input] [data-part=list]>li{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-tags-input] [data-part=input]{min-inline-size:5rem;padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--foreground);font-size:var(--uiify-control-text);background:0 0;border:none;outline:none;flex:1}[data-uiify-tags-input] [data-part=input]::placeholder{color:var(--muted-foreground)}[data-uiify-tags-input] [data-part=tag]{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}[data-uiify-number-field]{border:var(--border-width) solid var(--input);border-radius:var(--radius-md);background-color:var(--card);align-items:stretch;display:inline-flex;overflow:hidden}[data-uiify-number-field]>[role=spinbutton]{inline-size:4rem;padding-block:var(--space-sm);padding-inline:var(--space-md);color:var(--foreground);font-size:var(--uiify-control-text);text-align:center;background:0 0;border:none;outline:none}[data-uiify-number-field]>[role=spinbutton]:focus-visible{box-shadow:inset 0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent);outline:none}[data-uiify-number-field]>button{border:none;border-inline-start:var(--border-width) solid var(--border);inline-size:2.25rem;color:var(--foreground);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-colors);background-color:#0000;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-uiify-number-field]>button:empty:before{display:block}[data-uiify-number-field]>button:first-child:empty:before{content:"←"}[data-uiify-number-field]>button:last-child:empty:before{content:"→"}[data-uiify-number-field]>button:first-child{border-inline-start:none;border-inline-end:var(--border-width) solid var(--border)}[data-uiify-number-field]>button:hover{background-color:color-mix(in oklch, var(--foreground) 8%, transparent)}[data-uiify-number-field]>button[data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload]{gap:var(--space-md);inline-size:100%;max-inline-size:24rem;display:grid}[data-uiify-file-upload] [data-part=dropzone]{min-block-size:8rem;padding:var(--space-lg);border:2px dashed var(--input);border-radius:var(--radius-md);background-color:var(--secondary);color:var(--muted-foreground);font-size:var(--text-sm);text-align:center;transition:var(--transition-colors);justify-content:center;align-items:center;display:flex}[data-uiify-file-upload] [data-part=dropzone]:hover,[data-uiify-file-upload] [data-part=dropzone][data-dragging]{border-color:var(--primary);background-color:color-mix(in oklch, var(--primary) 8%, transparent);color:var(--foreground)}[data-uiify-file-upload] [data-part=dropzone][data-disabled]{opacity:.5;cursor:not-allowed}[data-uiify-file-upload] [data-part=list]{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}[data-uiify-file-upload] [data-part=item]{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);font-size:var(--text-sm);display:flex}[data-uiify-toolbar][data-part=root]{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background-color:var(--card);display:inline-flex}[data-uiify-toolbar][data-part=root]>hr[data-part=separator][data-orientation]{inline-size:var(--border-width);block-size:auto;margin-inline:var(--space-md);background-color:var(--border);border:0;flex:none;align-self:stretch}[data-uiify-color-picker] [data-part=surface]{inline-size:100%;max-inline-size:24rem;position:relative}[data-uiify-color-picker] [data-part=control]{padding-inline-end:calc(var(--space-md) + 2rem)}[data-uiify-color-picker] [data-part=surface]:before,[data-uiify-color-picker] [data-part=surface]:after{border-radius:var(--radius-sm);content:"";z-index:1;pointer-events:none;block-size:24px;inline-size:24px;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:11px}[data-uiify-color-picker] [data-part=surface]:before{background:conic-gradient(var(--muted) 25%, transparent 0 50%, var(--muted) 0 75%, transparent 0) 0 0 / 17px 10px repeat}[data-uiify-color-picker] [data-part=surface]:after{background:linear-gradient(var(--uiify-color-picker-value), var(--uiify-color-picker-value))}[data-uiify-color-picker] [data-part=native-input]{opacity:0;z-index:2;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block:0;inset-inline:0}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:focus-visible) [data-part=control]{border-color:var(--primary);box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--ring) 16%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input][aria-invalid=true]:focus-visible) [data-part=control]{box-shadow:0 0 0 var(--ring-width) color-mix(in oklch, var(--destructive) 20%, transparent)}[data-uiify-color-picker] [data-part=surface]:has([data-part=native-input]:disabled) [data-part=control],[data-uiify-color-picker] [data-part=native-input]:disabled{cursor:not-allowed}[data-uiify-color-picker] [data-part=label][data-disabled]{color:var(--muted-foreground);cursor:not-allowed}}@layer utilities,theme;@property --uiify-spinner-tail{syntax:"<angle>";inherits:false;initial-value:0deg}@property --uiify-spinner-length{syntax:"<angle>";inherits:false;initial-value:36deg}@property --candle-body-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-body-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-slot{syntax:"<percentage>";inherits:true;initial-value:100%}@property --candle-wick-height{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-wick-top{syntax:"<percentage>";inherits:true;initial-value:50%}@property --candle-x{syntax:"<percentage>";inherits:true;initial-value:0%}@property --candle-scale{syntax:"<number>";inherits:true;initial-value:1}@property --line-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-prev-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --line-count{syntax:"<integer>";inherits:false;initial-value:1}@property --line-scale{syntax:"<number>";inherits:true;initial-value:1}
|
package/dist/styles/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset;@layer tokens{:root{--gray-0:oklch(100% 0 0);--gray-1:oklch(99% 0 0);--gray-2:oklch(97% 0 0);--gray-3:oklch(94% 0 0);--gray-4:oklch(90% 0 0);--gray-5:oklch(83% 0 0);--gray-6:oklch(70% 0 0);--gray-7:oklch(55% 0 0);--gray-8:oklch(45% 0 0);--gray-9:oklch(35% 0 0);--gray-10:oklch(27% 0 0);--gray-11:oklch(21% 0 0);--gray-12:oklch(15% 0 0);--blue-4:oklch(80% .1 255);--blue-5:oklch(68% .16 255);--blue-6:oklch(55% .2 255);--blue-7:oklch(48% .21 255);--red-5:oklch(68% .18 25);--red-6:oklch(58% .22 25);--red-7:oklch(50% .22 25);--green-6:oklch(62% .17 150);--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.5rem;--size-6:2rem;--size-7:3rem;--size-8:4rem;--radius-1:7px;--radius-2:9px;--radius-3:10px;--radius-4:12px;--radius-full:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-tight:1.2;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--shadow-1:0 1px 2px #00000014;--shadow-2:0 12px 32px #14161a24;--shadow-3:0 24px 60px #14161a33;--border-width:1px;--ring-width:3px;--ring-offset:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.18s;color-scheme:light;--background:light-dark(oklch(96.1% .007 88.6),oklch(17.8% .006 271));--foreground:light-dark(oklch(20% .009 264.4),oklch(95.2% .004 91.4));--card:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--card-foreground:var(--foreground);--popover:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--popover-foreground:var(--foreground);--secondary:light-dark(oklch(98.5% .003 84.6),oklch(19.6% .006 271.1));--secondary-foreground:var(--foreground);--muted:light-dark(var(--gray-3),oklch(26.4% .01 260.7));--muted-foreground:light-dark(oklch(48.5% .012 267.3),oklch(64.863% .0101 258.447));--primary:light-dark(oklch(48.6% .272 267.3),oklch(68.1% .169 275));--primary-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--accent:color-mix(in oklch, var(--primary) 12%, transparent);--accent-foreground:var(--primary);--border:light-dark(oklch(90.4% .013 86.8),oklch(30% .012 258.4));--input:light-dark(oklch(87.1% .013 86.8),oklch(36.6% .015 259.8));--ring:light-dark(var(--blue-7),oklch(68.1% .169 275));--destructive:light-dark(var(--red-7),var(--red-5));--destructive-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--success:var(--green-6);--success-foreground:var(--gray-0);--warning:light-dark(oklch(72% .16 75),oklch(80% .14 85));--warning-foreground:var(--gray-12);--chart-1:var(--primary);--chart-2:var(--blue-5);--chart-3:var(--green-6);--chart-4:var(--red-5);--chart-5:var(--gray-7);--radius:var(--radius-3);--radius-sm:var(--radius-1);--radius-md:var(--radius-2);--radius-lg:var(--radius);--radius-xl:var(--radius-4);--space-xs:var(--size-1);--space-sm:var(--size-2);--space-md:var(--size-3);--space-lg:var(--size-4);--space-xl:var(--size-5);--shadow-popover:var(--shadow-2);--shadow-modal:var(--shadow-3);--transition-colors:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}[data-theme=basic-light]{color-scheme:light}[data-theme=basic-dark]{color-scheme:dark}}@layer base,components,utilities;
|
|
1
|
+
@layer reset;@layer tokens{:root{--gray-0:oklch(100% 0 0);--gray-1:oklch(99% 0 0);--gray-2:oklch(97% 0 0);--gray-3:oklch(94% 0 0);--gray-4:oklch(90% 0 0);--gray-5:oklch(83% 0 0);--gray-6:oklch(70% 0 0);--gray-7:oklch(55% 0 0);--gray-8:oklch(45% 0 0);--gray-9:oklch(35% 0 0);--gray-10:oklch(27% 0 0);--gray-11:oklch(21% 0 0);--gray-12:oklch(15% 0 0);--blue-4:oklch(80% .1 255);--blue-5:oklch(68% .16 255);--blue-6:oklch(55% .2 255);--blue-7:oklch(48% .21 255);--red-5:oklch(68% .18 25);--red-6:oklch(58% .22 25);--red-7:oklch(50% .22 25);--green-6:oklch(62% .17 150);--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.5rem;--size-6:2rem;--size-7:3rem;--size-8:4rem;--radius-1:7px;--radius-2:9px;--radius-3:10px;--radius-4:12px;--radius-full:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-tight:1.2;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--shadow-1:0 1px 2px #00000014;--shadow-2:0 12px 32px #14161a24;--shadow-3:0 24px 60px #14161a33;--border-width:1px;--ring-width:3px;--ring-offset:2px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.18s;color-scheme:light;--background:light-dark(oklch(96.1% .007 88.6),oklch(17.8% .006 271));--foreground:light-dark(oklch(20% .009 264.4),oklch(95.2% .004 91.4));--card:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--card-foreground:var(--foreground);--popover:light-dark(var(--gray-0),oklch(21.7% .008 264.4));--popover-foreground:var(--foreground);--secondary:light-dark(oklch(98.5% .003 84.6),oklch(19.6% .006 271.1));--secondary-foreground:var(--foreground);--muted:light-dark(var(--gray-3),oklch(26.4% .01 260.7));--muted-foreground:light-dark(oklch(48.5% .012 267.3),oklch(64.863% .0101 258.447));--primary:light-dark(oklch(48.6% .272 267.3),oklch(68.1% .169 275));--primary-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--accent:color-mix(in oklch, var(--primary) 12%, transparent);--accent-foreground:var(--primary);--border:light-dark(oklch(90.4% .013 86.8),oklch(30% .012 258.4));--input:light-dark(oklch(87.1% .013 86.8),oklch(36.6% .015 259.8));--ring:light-dark(var(--blue-7),oklch(68.1% .169 275));--destructive:light-dark(var(--red-7),var(--red-5));--destructive-foreground:light-dark(var(--gray-0),oklch(17.8% .006 271));--success:var(--green-6);--success-foreground:var(--gray-0);--warning:light-dark(oklch(72% .16 75),oklch(80% .14 85));--warning-foreground:var(--gray-12);--chart-1:var(--primary);--chart-2:var(--blue-5);--chart-3:var(--green-6);--chart-4:var(--red-5);--chart-5:var(--gray-7);--radius:var(--radius-3);--radius-sm:var(--radius-1);--radius-md:var(--radius-2);--radius-lg:var(--radius);--radius-xl:var(--radius-4);--space-xs:var(--size-1);--space-sm:var(--size-2);--space-md:var(--size-3);--space-lg:var(--size-4);--space-xl:var(--size-5);--shadow-popover:var(--shadow-2);--shadow-modal:var(--shadow-3);--transition-colors:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--presence-scale:.96;--transition-presence:opacity var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}[data-theme=basic-light]{color-scheme:light}[data-theme=basic-dark]{color-scheme:dark}}@layer base,components,utilities;
|