@telepix-lab/telepix-ui 0.3.0 → 0.3.1

package/dist/cjs/client.js

@@ -12179,7 +12179,7 @@ React.forwardRef((rest, ref) => {
     return (jsxRuntime.jsx("div", { ...rest, ref: ref, children: rest.children }));
 });
 const CardFooter = React.forwardRef(({ className, ...rest }, ref) => {
-    return (jsxRuntime.jsx("div", { ...rest, ref: ref, className: cn("py-4 pr-6", className), children: rest.children }));
+    return (jsxRuntime.jsx("div", { ...rest, ref: ref, className: cn("py-4 px-6", className), children: rest.children }));
 });
 
 /**
@@ -12213,15 +12213,15 @@ const DialogTrigger = (props) => {
 const DialogPortal = Portal$3;
 const DialogClose = Close;
 const DialogContent = ({ className, children, ...rest }) => {
-    return (jsxRuntime.jsxs(Portal$3, { children: [jsxRuntime.jsx(Overlay, { className: "fixed top-0 bottom-0 left-0 right-0 bg-pure-black-50 inset-0 z-[1000] animate-fade-in" }), jsxRuntime.jsxs(Content$1, { className: cn("fixed top-1/2 left-1/2 z-[1001] transform -translate-x-1/2 -translate-y-1/2 animate-content-fade-in", className), ...rest, children: [jsxRuntime.jsx(Description, {}), jsxRuntime.jsx(Card, { children: children })] })] }));
+    return (jsxRuntime.jsxs(Portal$3, { children: [jsxRuntime.jsx(Overlay, { className: "fixed top-0 bottom-0 left-0 right-0 bg-pure-black-50 inset-0 z-[1000] animate-fade-in" }), jsxRuntime.jsxs(Content$1, { className: cn("fixed top-1/2 left-1/2 z-[1001] transform -translate-x-1/2 -translate-y-1/2 animate-content-fade-in", className), ...rest, children: [jsxRuntime.jsx(Title, { "data-slot": "dialog-title", ...rest, children: jsxRuntime.jsx(Root$3, {}) }), jsxRuntime.jsx(Description, {}), jsxRuntime.jsx(Card, { children: children })] })] }));
+};
+const DialogDescription = (props) => {
+    return jsxRuntime.jsx(CardBody, { ...props, children: props.children });
 };
 const DialogHeader = ({ className, ...rest }) => {
-    return (jsxRuntime.jsx(Title, { "data-slot": "dialog-title", ...rest, children: jsxRuntime.jsx(CardHeader, { className: className, children: rest.children }) }));
+    return jsxRuntime.jsx(CardHeader, { className: className, children: rest.children });
 };
 const DialogFooter = CardFooter;
-const DialogDescription = ({ className, ...rest }) => {
-    return jsxRuntime.jsx(CardBody, { className: className, children: rest.children });
-};
 
 const SELECT_TRIGGER_VARIANTS = {
     OUTLINE: "outline",
@@ -12375,9 +12375,8 @@ const HorizontalTab = React.forwardRef(({ value, label, className, icon, size =
     return (jsxRuntime.jsxs("button", { ref: ref, className: cn(`p-0 flex flex-col items-center justify-center flex-nowrap text-comp-mono-subtle-default text-body font-medium leading-body-compact bg-transparent border-none cursor-pointer
         hover:not([data-selected='true']):not(:disabled):text-comp-mono-subtle-hovered
         active:not(:disabled):text-comp-mono-subtle-pressed
-        [&:is(data-selected='true')]:text-comp-mono-subtle-selected [&:is(data-selected='true')]:font-bold
         disabled:text-comp-disabled disabled:cursor-not-allowed
-        `, className), onClick: handleClick, disabled: isDisabled, "data-selected": isSelected, ...rest, children: [jsxRuntime.jsxs("div", { className: cn("flex items-center justify-center gap-2", size === HORIZONTAL_TAB_SIZES.SMALL && "py-1 px-2", size === HORIZONTAL_TAB_SIZES.REGULAR && "py-2.5 px-2"), children: [icon && (jsxRuntime.jsx("span", { className: cn("flex items-center justify-center size-5", size === HORIZONTAL_TAB_SIZES.SMALL && "size-4"), children: icon })), label] }), jsxRuntime.jsx("div", { className: cn("bg-comp-mono-subtle-default mt-[3px] h-[1px] w-full", isSelected && "bg-comp-mono-subtle-selected h-0.5 mt-0.5"), "data-selected": isSelected })] }));
+        `, isSelected && "text-comp-mono-subtle-selected font-bold", className), onClick: handleClick, disabled: isDisabled, "data-selected": isSelected, ...rest, children: [jsxRuntime.jsxs("div", { className: cn("flex items-center justify-center gap-2", size === HORIZONTAL_TAB_SIZES.SMALL && "py-1 px-2", size === HORIZONTAL_TAB_SIZES.REGULAR && "py-2.5 px-2"), children: [icon && (jsxRuntime.jsx("span", { className: cn("flex items-center justify-center size-5", size === HORIZONTAL_TAB_SIZES.SMALL && "size-4"), children: icon })), label] }), jsxRuntime.jsx("div", { className: cn("bg-comp-mono-subtle-default mt-[3px] h-[1px] w-full", isSelected && "bg-comp-mono-subtle-selected h-0.5 mt-0.5"), "data-selected": isSelected })] }));
 });
 
 const ModeTabContext = React.createContext({
@@ -12396,7 +12395,7 @@ const ModeTabs = React.forwardRef(({ disabled, value, onValueChange, className,
             value: selectedTab,
             disabled: disabled ?? false,
             setSelectedTab,
-        }, children: jsxRuntime.jsx("div", { ref: ref, className: cn("flex items-center w-full bg-page-l2 rounded-lg p-1", className), ...rest, children: rest.children }) }));
+        }, children: jsxRuntime.jsx("div", { ref: ref, className: cn("flex items-center w-full bg-page-l2 rounded-lg p-1 box-content", className), ...rest, children: rest.children }) }));
 });
 const ModeTab = React.forwardRef(({ label, icon, value, className, ...rest }, ref) => {
     const { value: selectedTab, disabled, setSelectedTab, } = React.useContext(ModeTabContext);
@@ -12677,7 +12676,7 @@ const InteractiveListItem = React.forwardRef(({ isSelected, disabled, showHoverA
                 "cursor-not-allowed text-comp-disabled bg-fill-disabled", className), ...rest, children: children }) }));
 });
 const InteractiveListItemIcon = React.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsxRuntime.jsx("span", { className: cn("flex items-center justify-center size-4 p-1", className), ...props, ref: ref, children: children }));
+    return (jsxRuntime.jsx("span", { className: cn("flex items-center justify-center size-6 p-1", className), ...props, ref: ref, children: children }));
 });
 const InteractiveListItemContent = React.forwardRef(({ children, className, ...rest }, ref) => {
     return (jsxRuntime.jsx("div", { className: cn("grow text-inherit leading-body-compact font-medium text-body", className), ...rest, ref: ref, children: children }));
@@ -12737,10 +12736,10 @@ const BUTTON_VARIANTS = {
  * ```
  */
 const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, ...rest }, ref) => {
-    return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-none outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
-            "h-7 py-0 px-1.5 font-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
-            "h-9 py-0 px-2 font-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
-            "h-12 py-0 px-3 font-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
+    return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
+            "h-7 py-0 px-1.5 text-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
+            "h-9 py-0 px-2 text-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
+            "h-12 py-0 px-3 text-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
             "bg-fill-accent-default hover:bg-fill-accent-hovered active:bg-fill-accent-pressed disabled:bg-fill-disabled text-comp-accent-default hover:text-comp-accent-hovered active:text-comp-accent-pressed disabled:text-comp-disabled", variant === BUTTON_VARIANTS.OUTLINE &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled border border-border-bound", variant === BUTTON_VARIANTS.GHOST &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled", fullWidth && "w-full", leftIcon || rightIcon ? "gap-2" : "", className), ...rest, children: [isLoading && (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
@@ -12812,13 +12811,12 @@ const ContextMenuLabel = (props) => {
     return (jsxRuntime.jsx(Label2, { ...props, children: props.children }));
 };
 const ContextMenuItem = ({ leftIcon, rightSlot, textValue, ...rest }) => {
-    return (jsxRuntime.jsxs(Item2$1, { ...rest, className: cn(`group outline-none p-2 flex items-center justify-between gap-2 text-body leading-body-compact font-medium text-comp-mono-default bg-fill-mono-default border boder-fill-mono-default rounded-sm 
+    return (jsxRuntime.jsxs(Item2$1, { ...rest, className: cn(`group outline-none p-2 flex items-center justify-between gap-2 text-body leading-body-compact font-medium text-comp-mono-default bg-fill-mono-default border border-fill-mono-default rounded-sm 
         hover:not-[:is([data-disabled])]:bg-fill-mono-hovered hover:not-[:is([data-disabled])]:text-comp-mono-hovered 
         active:not-[:is([data-disabled])]:bg-fill-mono-pressed active:not-[:is([data-disabled])]:text-comp-mono-pressed 
         [&:is([data-state='open'])]:bg-fill-mono-selected [&:is([data-state='open'])]:text-comp-mono-selected
         [&:is([data-disabled])]:bg-fill-disabled [&:is([data-disabled])]:text-comp-disabled [&:is([data-disabled])]:cursor-not-allowed`, rest.className), children: [jsxRuntime.jsxs("div", { className: "flex-1 flex items-center gap-2 text-size-inherit font-inherit leading-inherit overflow-hidden", children: [jsxRuntime.jsx("div", { className: "size-4 flex items-center justify-center text-size-inherit leading-inherit font-inherit bg-transparent", children: leftIcon }), jsxRuntime.jsx("span", { className: "overflow-ellipsis overflow-hidden whitespace-nowrap", children: textValue })] }), rightSlot && (jsxRuntime.jsx("div", { className: `flex items-center justify-center text-size-inherit leading-inherit font-inherit text-comp-mono-subtle-default 
-          group-hover:not-[:is([data-disabled])]:text-comp-mono-subtle-hovered group-active:not-[:is([data-disabled])]:text-comp-mono-subtle-pressed
-          group-[:is([data-state="open"])]:text-comp-mono-subtle-selected group-[:is([data-disabled])]:text-comp-disabled`, children: rightSlot }))] }));
+          group-hover:not-[data-disabled]:text-comp-mono-subtle-hovered group-[data-state="open"]:text-comp-mono-subtle-selected group-[data-disabled]:text-comp-disabled`, children: rightSlot }))] }));
 };
 const ContextMenuGroup = Group2;
 const ContextMenuSub = Sub2;

package/dist/cjs/dialog/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { Dialog as DialogRadix } from "radix-ui";
+import { CardBody, CardContent, CardHeader } from "../card";
 /**
  * Dialog 컴포넌트는 모달 대화 상자를 생성하는 데 사용됩니다.<br/>
  * 이 컴포넌트는 Radix UI의 Dialog 컴포넌트를 래핑하여 사용합니다.<br/>
@@ -29,6 +30,7 @@ export declare const DialogTrigger: (props: React.ComponentProps<typeof DialogRa
 export declare const DialogPortal: React.FC<DialogRadix.DialogPortalProps>;
 export declare const DialogClose: React.ForwardRefExoticComponent<DialogRadix.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const DialogContent: ({ className, children, ...rest }: React.ComponentProps<typeof DialogRadix.Content>) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogHeader: ({ className, ...rest }: React.ComponentProps<typeof DialogRadix.Title>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogDescription: (props: React.ComponentProps<typeof CardBody>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ className, ...rest }: React.ComponentProps<typeof CardHeader>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const DialogDescription: ({ className, ...rest }: React.ComponentProps<typeof DialogRadix.Description>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: ({ className, ...rest }: React.ComponentProps<typeof CardContent>) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/index.js

@@ -3328,10 +3328,10 @@ function cn(...inputs) {
  * ```
  */
 const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, ...rest }, ref) => {
-    return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-none outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
-            "h-7 py-0 px-1.5 font-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
-            "h-9 py-0 px-2 font-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
-            "h-12 py-0 px-3 font-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
+    return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
+            "h-7 py-0 px-1.5 text-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
+            "h-9 py-0 px-2 text-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
+            "h-12 py-0 px-3 text-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
             "bg-fill-accent-default hover:bg-fill-accent-hovered active:bg-fill-accent-pressed disabled:bg-fill-disabled text-comp-accent-default hover:text-comp-accent-hovered active:text-comp-accent-pressed disabled:text-comp-disabled", variant === BUTTON_VARIANTS.OUTLINE &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled border border-border-bound", variant === BUTTON_VARIANTS.GHOST &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled", fullWidth && "w-full", leftIcon || rightIcon ? "gap-2" : "", className), ...rest, children: [isLoading && (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
@@ -3584,7 +3584,7 @@ Input.displayName = "Input";
  * ```
  */
 const TextArea = React.forwardRef((rest, ref) => {
-    return (jsxRuntime.jsx("div", { className: "py-3 px-4 flex-1 h-[calc(100%-24px)]", children: jsxRuntime.jsx("textarea", { ref: ref, className: cn("w-full h-fill flex-1 p-0 text-body leading-body font-medium border-none resize-none outline-none text-comp-mono-default disabled:text-comp-disabled disabled:placeholder:text-comp-disabled placeholder:text-comp-mono-subtle-default", rest.className), ...rest }) }));
+    return (jsxRuntime.jsx("div", { className: "py-3 px-4 flex-1 h-full", children: jsxRuntime.jsx("textarea", { ref: ref, className: cn("w-full h-full flex-1 p-0 text-body leading-body font-medium border-none resize-none outline-none text-comp-mono-default disabled:text-comp-disabled disabled:placeholder:text-comp-disabled placeholder:text-comp-mono-subtle-default", rest.className), ...rest }) }));
 });
 TextArea.displayName = "TextArea";
 
@@ -3620,7 +3620,7 @@ const CardContent = React.forwardRef((rest, ref) => {
     return (jsxRuntime.jsx("div", { ...rest, ref: ref, children: rest.children }));
 });
 const CardFooter = React.forwardRef(({ className, ...rest }, ref) => {
-    return (jsxRuntime.jsx("div", { ...rest, ref: ref, className: cn("py-4 pr-6", className), children: rest.children }));
+    return (jsxRuntime.jsx("div", { ...rest, ref: ref, className: cn("py-4 px-6", className), children: rest.children }));
 });
 
 /**

package/dist/cjs/styles.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:#ea3333;--color-red-500:#e50000;--color-orange-100:#ffe6cc;--color-orange-400:#f93;--color-orange-500:#f93;--color-orange-600:#c60;--color-orange-700:#994d00;--color-yellow-500:#fc0;--color-yellow-700:#997a00;--color-green-100:#ccebd6;--color-green-400:#33ad5c;--color-green-500:#093;--color-green-700:#005c1f;--color-teal-100:#ccf5f5;--color-teal-500:#0cc;--color-teal-600:#00a3a3;--color-teal-700:#007a7a;--color-blue-500:#35f;--color-blue-600:#2944cc;--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-neutral-50:#f2f2f2;--color-neutral-100:#e5e5e5;--color-neutral-200:#ccc;--color-neutral-700:#474747;--color-neutral-800:#2e2e2e;--color-neutral-900:#1a1a1a;--color-white:#fff;--spacing:0.25rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dark-opacity-100:rgba(4,4,4,.1);--color-dark-opacity-150:rgba(4,4,4,.15);--color-dark-opacity-200:rgba(4,4,4,.2);--color-dark-opacity-25:rgba(4,4,4,.03);--color-dark-opacity-450:rgba(4,4,4,.46);--color-dark-opacity-50:rgba(4,4,4,.05);--color-dark-opacity-550:rgba(4,4,4,.58);--color-dark-opacity-600:rgba(4,4,4,.63);--color-dark-opacity-650:rgba(4,4,4,.68);--color-dark-opacity-700:rgba(4,4,4,.73);--color-dark-opacity-750:rgba(4,4,4,.8);--color-dark-opacity-800:rgba(4,4,4,.84);--color-dark-opacity-850:rgba(4,4,4,.89);--color-light-opacity-100:hsla(0,0%,100%,.09);--color-light-opacity-150:hsla(0,0%,100%,.14);--color-light-opacity-200:hsla(0,0%,100%,.18);--color-light-opacity-250:hsla(0,0%,100%,.24);--color-light-opacity-350:hsla(0,0%,100%,.35);--color-light-opacity-50:hsla(0,0%,100%,.05);--color-light-opacity-500:hsla(0,0%,100%,.53);--color-light-opacity-600:hsla(0,0%,100%,.63);--color-light-opacity-650:hsla(0,0%,100%,.68);--color-light-opacity-700:hsla(0,0%,100%,.73);--color-light-opacity-750:hsla(0,0%,100%,.79);--color-light-opacity-800:hsla(0,0%,100%,.84);--color-light-opacity-850:hsla(0,0%,100%,.89);--color-light-opacity-900:hsla(0,0%,100%,.94);--color-neutral-150:#d9d9d9;--color-neutral-750:#383838;--color-neutral-850:#212121;--color-pure-black-50:rgba(0,0,0,.5);--color-pure-black-75:rgba(0,0,0,.75);--color-pure-transparent:hsla(0,0%,100%,0);--color-pure-white:#fff;--color-telepix-red-100:#fce8eb;--color-telepix-red-500:#e7344c;--color-telepix-red-700:#a01326;--text-xsmall:0.625rem;--text-label:0.75rem;--text-body:0.875rem;--text-large:1.125rem;--text-xxl:1.5rem;--text-xxxl:1.875rem;--text-size-inherit:inherit;--font-weight-inherit:inherit;--spacing-xsmall:0.875rem;--spacing-label:1.3125rem;--spacing-label-compact:1rem;--spacing-body:1.5rem;--spacing-body-compact:1.3125rem;--spacing-base:1.75rem;--spacing-base-compact:1.5rem;--spacing-large:2rem;--spacing-large-compact:1.625rem;--spacing-xl:2.25rem;--spacing-xl-compact:1.75rem;--spacing-xxl:2.5rem;--spacing-xxl-compact:1.875rem;--spacing-xxxl:3.25rem;--spacing-inherit:inherit;--animate-fade-in:fade-in 150ms ease-in-out forwards;--animate-content-fade-in:content-fade-in 150ms ease-in-out forwards}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[calc\(50\%-8px\)\]{top:calc(50% - 8px)}.top-\[calc\(50\%-10px\)\]{top:calc(50% - 10px)}.top-\[calc\(50\%-12px\)\]{top:calc(50% - 12px)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[calc\(50\%-8px\)\]{left:calc(50% - 8px)}.left-\[calc\(50\%-10px\)\]{left:calc(50% - 10px)}.left-\[calc\(50\%-12px\)\]{left:calc(50% - 12px)}.z-\[1\]{z-index:1}.z-\[20\]{z-index:20}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-\[var\(--rdp-nav_button-width\)\]{margin-inline:var(--rdp-nav_button-width)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-1{margin-block:calc(var(--spacing)*1)}.my-\[5px\]{margin-block:5px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-\[3px\]{margin-top:3px}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.box-border{box-sizing:border-box}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.size-5{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.size-6{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.size-9{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-12{height:calc(var(--spacing)*12)}.h-\[1px\]{height:1px}.h-\[calc\(100\%-24px\)\]{height:calc(100% - 24px)}.h-\[var\(--rdp-nav-height\)\]{height:var(--rdp-nav-height)}.min-h-9{min-height:calc(var(--spacing)*9)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing)*4)}.w-\[320px\]{width:320px}.w-\[500px\]{width:500px}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-auto{width:auto}.w-full{width:100%}.w-sm{width:var(--container-sm)}.w-xs{width:var(--container-xs)}.max-w-\[240px\]{max-width:240px}.max-w-\[var\(--select-content-width\)\]{max-width:var(--select-content-width)}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-x-0{--tw-border-spacing-x:calc(var(--spacing)*0)}.border-spacing-x-0,.border-spacing-y-2{border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.border-spacing-y-2{--tw-border-spacing-y:calc(var(--spacing)*2)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-content-fade-in{animation:var(--animate-content-fade-in)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-\[18px\]{gap:18px}.gap-\[var\(--rdp-months-gap\)\]{gap:var(--rdp-months-gap)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-border-bound{border-color:var(--border-bound)}.border-border-divider{border-color:var(--border-divider)}.border-border-focused{border-color:var(--border-focused)}.border-border-overlay{border-color:var(--border-overlay)}.border-border-selected{border-color:var(--border-selected)}.border-fill-mono-subtle-default{border-color:var(--fill-mono-subtle-default)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:transparent}.border-b-border-divider{border-bottom-color:var(--border-divider)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-divider{background-color:var(--border-divider)}.bg-border-overlay{background-color:var(--border-overlay)}.bg-comp-mono-subtle-default{background-color:var(--comp-mono-subtle-default)}.bg-comp-mono-subtle-selected{background-color:var(--comp-mono-subtle-selected)}.bg-fill-accent-default{background-color:var(--fill-accent-default)}.bg-fill-accent-selected{background-color:var(--fill-accent-selected)}.bg-fill-disabled{background-color:var(--fill-disabled)}.bg-fill-mono-default{background-color:var(--fill-mono-default)}.bg-fill-mono-hovered{background-color:var(--fill-mono-hovered)}.bg-fill-mono-selected{background-color:var(--fill-mono-selected)}.bg-fill-mono-subtle-default{background-color:var(--fill-mono-subtle-default)}.bg-fill-mono-subtle-selected{background-color:var(--fill-mono-subtle-selected)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-page-accent{background-color:var(--page-accent)}.bg-page-l0{background-color:var(--page-l0)}.bg-page-l1{background-color:var(--page-l1)}.bg-page-l2{background-color:var(--page-l2)}.bg-pure-black-50{background-color:var(--color-pure-black-50)}.bg-transparent{background-color:transparent}.fill-transparent{fill:transparent}.stroke-comp-disabled{stroke:var(--comp-disabled)}.stroke-comp-mono-default{stroke:var(--comp-mono-default)}.stroke-comp-mono-selected{stroke:var(--comp-mono-selected)}.stroke-comp-mono-subtle-default{stroke:var(--comp-mono-subtle-default)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-\[11px\]{padding-block:11px}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-body{font-size:var(--text-body)}.text-label{font-size:var(--text-label)}.text-large{font-size:var(--text-large)}.text-size-inherit{font-size:var(--text-size-inherit)}.text-xsmall{font-size:var(--text-xsmall)}.text-xxl{font-size:var(--text-xxl)}.text-xxxl{font-size:var(--text-xxxl)}.leading-base{--tw-leading:var(--spacing-base);line-height:var(--spacing-base)}.leading-base-compact{--tw-leading:var(--spacing-base-compact);line-height:var(--spacing-base-compact)}.leading-body{--tw-leading:var(--spacing-body);line-height:var(--spacing-body)}.leading-body-compact{--tw-leading:var(--spacing-body-compact);line-height:var(--spacing-body-compact)}.leading-inherit{--tw-leading:var(--spacing-inherit);line-height:var(--spacing-inherit)}.leading-label{--tw-leading:var(--spacing-label);line-height:var(--spacing-label)}.leading-label-compact{--tw-leading:var(--spacing-label-compact);line-height:var(--spacing-label-compact)}.leading-large{--tw-leading:var(--spacing-large);line-height:var(--spacing-large)}.leading-large-compact{--tw-leading:var(--spacing-large-compact);line-height:var(--spacing-large-compact)}.leading-xl{--tw-leading:var(--spacing-xl);line-height:var(--spacing-xl)}.leading-xl-compact{--tw-leading:var(--spacing-xl-compact);line-height:var(--spacing-xl-compact)}.leading-xsmall{--tw-leading:var(--spacing-xsmall);line-height:var(--spacing-xsmall)}.leading-xxl{--tw-leading:var(--spacing-xxl);line-height:var(--spacing-xxl)}.leading-xxl-compact{--tw-leading:var(--spacing-xxl-compact);line-height:var(--spacing-xxl-compact)}.leading-xxxl{--tw-leading:var(--spacing-xxxl);line-height:var(--spacing-xxxl)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-inherit{--tw-font-weight:var(--font-weight-inherit);font-weight:var(--font-weight-inherit)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-nowrap{text-wrap:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-comp-accent-default{color:var(--comp-accent-default)}.text-comp-accent-selected{color:var(--comp-accent-selected)}.text-comp-chroma-error{color:var(--comp-chroma-error)}.text-comp-disabled{color:var(--comp-disabled)}.text-comp-mono-default{color:var(--comp-mono-default)}.text-comp-mono-hovered{color:var(--comp-mono-hovered)}.text-comp-mono-selected{color:var(--comp-mono-selected)}.text-comp-mono-subtle-default{color:var(--comp-mono-subtle-default)}.text-comp-mono-subtle-selected{color:var(--comp-mono-subtle-selected)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.shadow-basic{--tw-shadow:0px 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 1px 3px 0px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-basic,.shadow-medium{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-medium{--tw-shadow:0px 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-normal{transition-behavior:normal}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-hover\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-subtle-hovered{&:is(:where(.group):hover *){@media (hover:hover){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-subtle-hovered)}}}}.group-active\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-subtle-pressed{&:is(:where(.group):active *){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-subtle-pressed)}}}.group-\[\:is\(\[data-disabled\]\)\]\:text-comp-disabled{&:is(:where(.group):is(:is([data-disabled])) *){color:var(--comp-disabled)}}.group-\[\:is\(\[data-state\=\"open\"\]\)\]\:text-comp-mono-subtle-selected{&:is(:where(.group):is(:is([data-state=open])) *){color:var(--comp-mono-subtle-selected)}}.placeholder\:text-comp-mono-subtle-default{&::-moz-placeholder{color:var(--comp-mono-subtle-default)}&::placeholder{color:var(--comp-mono-subtle-default)}}.last\:border-b-0{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.last\:pr-9{&:last-child{padding-right:calc(var(--spacing)*9)}}.focus-within\:border-border-focused{&:focus-within{border-color:var(--border-focused)}}.focus-within\:bg-fill-mono-default{&:focus-within{background-color:var(--fill-mono-default)}}.hover\:rounded-sm{&:hover{@media (hover:hover){border-radius:var(--radius-sm)}}}.hover\:border-fill-mono-subtle-hovered{&:hover{@media (hover:hover){border-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-fill-accent-hovered{&:hover{@media (hover:hover){background-color:var(--fill-accent-hovered)}}}.hover\:bg-fill-mono-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-hovered)}}}.hover\:bg-fill-mono-subtle-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-gray-200{&:hover{@media (hover:hover){background-color:var(--color-gray-200)}}}.hover\:text-comp-accent-hovered{&:hover{@media (hover:hover){color:var(--comp-accent-hovered)}}}.hover\:text-comp-mono-default{&:hover{@media (hover:hover){color:var(--comp-mono-default)}}}.hover\:text-comp-mono-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-hovered)}}}.hover\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){background-color:var(--fill-mono-hovered)}}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){color:var(--comp-mono-hovered)}}}}}.hover\:placeholder\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){&::-moz-placeholder{color:var(--comp-mono-subtle-hovered)}&::placeholder{color:var(--comp-mono-subtle-hovered)}}}}.focus\:placeholder\:text-comp-mono-subtle-selected{&:focus{&::-moz-placeholder{color:var(--comp-mono-subtle-selected)}&::placeholder{color:var(--comp-mono-subtle-selected)}}}.active\:border-fill-mono-subtle-pressed{&:active{border-color:var(--fill-mono-subtle-pressed)}}.active\:bg-fill-accent-pressed{&:active{background-color:var(--fill-accent-pressed)}}.active\:bg-fill-mono-pressed{&:active{background-color:var(--fill-mono-pressed)}}.active\:bg-fill-mono-selected{&:active{background-color:var(--fill-mono-selected)}}.active\:text-comp-accent-pressed{&:active{color:var(--comp-accent-pressed)}}.active\:text-comp-mono-default{&:active{color:var(--comp-mono-default)}}.active\:text-comp-mono-pressed{&:active{color:var(--comp-mono-pressed)}}.active\:text-comp-mono-subtle-pressed{&:active{color:var(--comp-mono-subtle-pressed)}}.active\:not-disabled\:bg-fill-mono-pressed{&:active{&:not(:disabled){background-color:var(--fill-mono-pressed)}}}.active\:not-disabled\:text-comp-mono-pressed{&:active{&:not(:disabled){color:var(--comp-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){color:var(--comp-mono-pressed)}}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:border-fill-disabled{&:disabled{border-color:var(--fill-disabled)}}.disabled\:bg-fill-disabled{&:disabled{background-color:var(--fill-disabled)}}.disabled\:text-comp-disabled{&:disabled{color:var(--comp-disabled)}}.disabled\:placeholder\:text-comp-disabled{&:disabled{&::-moz-placeholder{color:var(--comp-disabled)}&::placeholder{color:var(--comp-disabled)}}}.has-\[button\:has\(\[data-placeholder\]\)\]\:border-comp-mono-subtle-default{&:has(:is(button:has([data-placeholder]))){border-color:var(--comp-mono-subtle-default)}}.has-\[input\:disabled\]\:border-transparent{&:has(:is(input:disabled)){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:cursor-not-allowed{&:is([data-disabled]){cursor:not-allowed}}.\[\&\:is\(\[data-disabled\]\)\]\:border-transparent{&:is([data-disabled]){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:bg-fill-disabled{&:is([data-disabled]){background-color:var(--fill-disabled)}}.\[\&\:is\(\[data-disabled\]\)\]\:text-comp-disabled{&:is([data-disabled]){color:var(--comp-disabled)}}.\[\&\:is\(\[data-orientation\=\'right\'\]\)\]\:rotate-180{&:is([data-orientation=right]){rotate:180deg}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:text-comp-mono-subtle-default{&:is([data-placeholder]):not(:is([data-disabled])){color:var(--comp-mono-subtle-default)}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:hover\:text-comp-mono-subtle-hovered{&:is([data-placeholder]):not(:is([data-disabled])){&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-accent-selected{&:is([data-selected=true]){background-color:var(--fill-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-mono-selected{&:is([data-selected=true]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:font-semibold{&:is([data-selected=true]){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-accent-selected{&:is([data-selected=true]){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-mono-selected{&:is([data-selected=true]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\:not\(\.day-range-middle\)\]\:text-comp-accent-selected{&:is([data-selected=true]):not(.day-range-middle){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=checked]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:text-comp-mono-selected{&:is([data-state=checked]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=open]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:text-comp-mono-selected{&:is([data-state=open]){color:var(--comp-mono-selected)}}.\[\&\:is\(data-selected\=\'true\'\)\]\:font-bold{&:is(data-selected="true"){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}}.\[\&\:is\(data-selected\=\'true\'\)\]\:text-comp-mono-subtle-selected{&:is(data-selected="true"){color:var(--comp-mono-subtle-selected)}}.\[\&\:not\(\.day-range-end\)\]\:rounded-r-none{&:not(.day-range-end){border-bottom-right-radius:0;border-top-right-radius:0}}.\[\&\:not\(\.day-range-start\)\]\:rounded-l-none{&:not(.day-range-start){border-bottom-left-radius:0;border-top-left-radius:0}}.\[\&\:not\(\:is\(\[data-placeholder\]\)\)\]\:border-border-focused{&:not(:is([data-placeholder])){border-color:var(--border-focused)}}.hover\:\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is([data-selected=true])){background-color:var(--fill-mono-hovered)}}}}.\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\:not\(\.day-outside\)\]\:text-comp-mono-default{&:not(:is([data-selected=true])):not(.day-outside){color:var(--comp-mono-default)}}}:root{--border-bound:var(--color-dark-opacity-200);--border-divider:var(--color-neutral-150);--border-focused:var(--color-dark-opacity-550);--border-overlay:var(--color-pure-transparent);--border-selected:var(--color-pure-black-50);--comp-disabled:var(--color-dark-opacity-450);--comp-accent-default:var(--color-light-opacity-900);--comp-accent-hovered:var(--color-light-opacity-850);--comp-accent-pressed:var(--color-light-opacity-700);--comp-accent-selected:var(--color-light-opacity-900);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-telepix-red-500);--comp-chroma-positive:var(--color-green-500);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-400);--comp-chroma-highlight-yellow:var(--color-yellow-700);--comp-mono-default:var(--color-dark-opacity-800);--comp-mono-hovered:var(--color-dark-opacity-700);--comp-mono-pressed:var(--color-dark-opacity-750);--comp-mono-selected:var(--color-dark-opacity-850);--comp-mono-subtle-default:var(--color-dark-opacity-600);--comp-mono-subtle-hovered:var(--color-dark-opacity-650);--comp-mono-subtle-pressed:var(--color-dark-opacity-550);--comp-mono-subtle-selected:var(--color-dark-opacity-700);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-dark-opacity-800);--fill-accent-hovered:var(--color-dark-opacity-700);--fill-accent-pressed:var(--color-dark-opacity-650);--fill-accent-selected:var(--color-dark-opacity-850);--fill-chroma-warning:var(--color-orange-500);--fill-chroma-error:var(--color-telepix-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-done:var(--color-teal-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-subtle-positive:var(--color-green-100);--fill-chroma-subtle-done:var(--color-teal-100);--fill-chroma-subtle-error:var(--color-telepix-red-100);--fill-chroma-subtle-warning:var(--color-orange-100);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-dark-opacity-25);--fill-mono-pressed:var(--color-dark-opacity-25);--fill-mono-selected:var(--color-dark-opacity-50);--fill-mono-subtle-default:var(--color-dark-opacity-50);--fill-mono-subtle-hovered:var(--color-dark-opacity-100);--fill-mono-subtle-pressed:var(--color-dark-opacity-50);--fill-mono-subtle-selected:var(--color-dark-opacity-150);--page-accent:var(--color-neutral-800);--page-fade:var(--color-pure-black-50);--page-l0:var(--color-pure-white);--page-l1:var(--color-pure-white);--page-l2:var(--color-neutral-50);--page-l3:var(--color-neutral-100);--page-l4:var(--color-neutral-200)}[data-theme=dark]{--border-bound:var(--color-light-opacity-250);--border-divider:var(--color-neutral-750);--border-focused:var(--color-light-opacity-700);--border-overlay:var(--color-light-opacity-50);--border-selected:var(--color-light-opacity-500);--comp-disabled:var(--color-light-opacity-350);--comp-accent-default:var(--color-dark-opacity-800);--comp-accent-hovered:var(--color-dark-opacity-800);--comp-accent-pressed:var(--color-dark-opacity-800);--comp-accent-selected:var(--color-dark-opacity-800);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-red-400);--comp-chroma-positive:var(--color-green-400);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-500);--comp-chroma-highlight-yellow:var(--color-yellow-500);--comp-mono-default:var(--color-light-opacity-800);--comp-mono-hovered:var(--color-light-opacity-850);--comp-mono-pressed:var(--color-light-opacity-750);--comp-mono-selected:var(--color-light-opacity-900);--comp-mono-subtle-default:var(--color-light-opacity-600);--comp-mono-subtle-hovered:var(--color-light-opacity-700);--comp-mono-subtle-pressed:var(--color-light-opacity-600);--comp-mono-subtle-selected:var(--color-light-opacity-750);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-light-opacity-850);--fill-accent-hovered:var(--color-light-opacity-750);--fill-accent-pressed:var(--color-light-opacity-650);--fill-accent-selected:var(--color-light-opacity-900);--fill-chroma-warning:var(--color-orange-600);--fill-chroma-error:var(--color-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-done:var(--color-teal-600);--fill-chroma-subtle-positive:var(--color-green-700);--fill-chroma-subtle-done:var(--color-teal-700);--fill-chroma-subtle-error:var(--color-telepix-red-700);--fill-chroma-subtle-warning:var(--color-orange-700);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-light-opacity-100);--fill-mono-pressed:var(--color-light-opacity-50);--fill-mono-selected:var(--color-light-opacity-200);--fill-mono-subtle-default:var(--color-light-opacity-100);--fill-mono-subtle-hovered:var(--color-light-opacity-100);--fill-mono-subtle-pressed:var(--color-light-opacity-100);--fill-mono-subtle-selected:var(--color-light-opacity-150);--page-accent:var(--color-neutral-100);--page-fade:var(--color-pure-black-75);--page-l0:var(--color-neutral-900);--page-l1:var(--color-neutral-850);--page-l2:var(--color-neutral-800);--page-l3:var(--color-neutral-800);--page-l4:var(--color-neutral-700)}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes content-fade-in{0%{opacity:0;transform:translate(-50%,-53%)}to{opacity:1;transform:translate(-50%,-50%)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:#ea3333;--color-red-500:#e50000;--color-orange-100:#ffe6cc;--color-orange-400:#f93;--color-orange-500:#f93;--color-orange-600:#c60;--color-orange-700:#994d00;--color-yellow-500:#fc0;--color-yellow-700:#997a00;--color-green-100:#ccebd6;--color-green-400:#33ad5c;--color-green-500:#093;--color-green-700:#005c1f;--color-teal-100:#ccf5f5;--color-teal-500:#0cc;--color-teal-600:#00a3a3;--color-teal-700:#007a7a;--color-blue-500:#35f;--color-blue-600:#2944cc;--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-neutral-50:#f2f2f2;--color-neutral-100:#e5e5e5;--color-neutral-200:#ccc;--color-neutral-700:#474747;--color-neutral-800:#2e2e2e;--color-neutral-900:#1a1a1a;--color-white:#fff;--spacing:0.25rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dark-opacity-100:rgba(4,4,4,.1);--color-dark-opacity-150:rgba(4,4,4,.15);--color-dark-opacity-200:rgba(4,4,4,.2);--color-dark-opacity-25:rgba(4,4,4,.03);--color-dark-opacity-450:rgba(4,4,4,.46);--color-dark-opacity-50:rgba(4,4,4,.05);--color-dark-opacity-550:rgba(4,4,4,.58);--color-dark-opacity-600:rgba(4,4,4,.63);--color-dark-opacity-650:rgba(4,4,4,.68);--color-dark-opacity-700:rgba(4,4,4,.73);--color-dark-opacity-750:rgba(4,4,4,.8);--color-dark-opacity-800:rgba(4,4,4,.84);--color-dark-opacity-850:rgba(4,4,4,.89);--color-light-opacity-100:hsla(0,0%,100%,.09);--color-light-opacity-150:hsla(0,0%,100%,.14);--color-light-opacity-200:hsla(0,0%,100%,.18);--color-light-opacity-250:hsla(0,0%,100%,.24);--color-light-opacity-350:hsla(0,0%,100%,.35);--color-light-opacity-50:hsla(0,0%,100%,.05);--color-light-opacity-500:hsla(0,0%,100%,.53);--color-light-opacity-600:hsla(0,0%,100%,.63);--color-light-opacity-650:hsla(0,0%,100%,.68);--color-light-opacity-700:hsla(0,0%,100%,.73);--color-light-opacity-750:hsla(0,0%,100%,.79);--color-light-opacity-800:hsla(0,0%,100%,.84);--color-light-opacity-850:hsla(0,0%,100%,.89);--color-light-opacity-900:hsla(0,0%,100%,.94);--color-neutral-150:#d9d9d9;--color-neutral-750:#383838;--color-neutral-850:#212121;--color-pure-black-50:rgba(0,0,0,.5);--color-pure-black-75:rgba(0,0,0,.75);--color-pure-transparent:hsla(0,0%,100%,0);--color-pure-white:#fff;--color-telepix-red-100:#fce8eb;--color-telepix-red-500:#e7344c;--color-telepix-red-700:#a01326;--text-xsmall:0.625rem;--text-label:0.75rem;--text-body:0.875rem;--text-large:1.125rem;--text-xxl:1.5rem;--text-xxxl:1.875rem;--text-size-inherit:inherit;--font-weight-inherit:inherit;--spacing-xsmall:0.875rem;--spacing-label:1.3125rem;--spacing-label-compact:1rem;--spacing-body:1.5rem;--spacing-body-compact:1.3125rem;--spacing-base:1.75rem;--spacing-base-compact:1.5rem;--spacing-large:2rem;--spacing-large-compact:1.625rem;--spacing-xl:2.25rem;--spacing-xl-compact:1.75rem;--spacing-xxl:2.5rem;--spacing-xxl-compact:1.875rem;--spacing-xxxl:3.25rem;--spacing-inherit:inherit;--animate-fade-in:fade-in 150ms ease-in-out forwards;--animate-content-fade-in:content-fade-in 150ms ease-in-out forwards}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[calc\(50\%-8px\)\]{top:calc(50% - 8px)}.top-\[calc\(50\%-10px\)\]{top:calc(50% - 10px)}.top-\[calc\(50\%-12px\)\]{top:calc(50% - 12px)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[calc\(50\%-8px\)\]{left:calc(50% - 8px)}.left-\[calc\(50\%-10px\)\]{left:calc(50% - 10px)}.left-\[calc\(50\%-12px\)\]{left:calc(50% - 12px)}.z-\[1\]{z-index:1}.z-\[20\]{z-index:20}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-\[var\(--rdp-nav_button-width\)\]{margin-inline:var(--rdp-nav_button-width)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-1{margin-block:calc(var(--spacing)*1)}.my-\[5px\]{margin-block:5px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-\[3px\]{margin-top:3px}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.size-5{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.size-6{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.size-9{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-12{height:calc(var(--spacing)*12)}.h-\[1px\]{height:1px}.h-\[var\(--rdp-nav-height\)\]{height:var(--rdp-nav-height)}.h-full{height:100%}.min-h-9{min-height:calc(var(--spacing)*9)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing)*4)}.w-\[320px\]{width:320px}.w-\[500px\]{width:500px}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-auto{width:auto}.w-full{width:100%}.w-sm{width:var(--container-sm)}.w-xs{width:var(--container-xs)}.max-w-\[240px\]{max-width:240px}.max-w-\[300px\]{max-width:300px}.max-w-\[var\(--select-content-width\)\]{max-width:var(--select-content-width)}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-x-0{--tw-border-spacing-x:calc(var(--spacing)*0)}.border-spacing-x-0,.border-spacing-y-2{border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.border-spacing-y-2{--tw-border-spacing-y:calc(var(--spacing)*2)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-content-fade-in{animation:var(--animate-content-fade-in)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-\[18px\]{gap:18px}.gap-\[var\(--rdp-months-gap\)\]{gap:var(--rdp-months-gap)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-border-bound{border-color:var(--border-bound)}.border-border-divider{border-color:var(--border-divider)}.border-border-focused{border-color:var(--border-focused)}.border-border-overlay{border-color:var(--border-overlay)}.border-border-selected{border-color:var(--border-selected)}.border-fill-mono-default{border-color:var(--fill-mono-default)}.border-fill-mono-subtle-default{border-color:var(--fill-mono-subtle-default)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:transparent}.border-b-border-divider{border-bottom-color:var(--border-divider)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-divider{background-color:var(--border-divider)}.bg-border-overlay{background-color:var(--border-overlay)}.bg-comp-mono-subtle-default{background-color:var(--comp-mono-subtle-default)}.bg-comp-mono-subtle-selected{background-color:var(--comp-mono-subtle-selected)}.bg-fill-accent-default{background-color:var(--fill-accent-default)}.bg-fill-accent-selected{background-color:var(--fill-accent-selected)}.bg-fill-disabled{background-color:var(--fill-disabled)}.bg-fill-mono-default{background-color:var(--fill-mono-default)}.bg-fill-mono-hovered{background-color:var(--fill-mono-hovered)}.bg-fill-mono-selected{background-color:var(--fill-mono-selected)}.bg-fill-mono-subtle-default{background-color:var(--fill-mono-subtle-default)}.bg-fill-mono-subtle-selected{background-color:var(--fill-mono-subtle-selected)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-page-accent{background-color:var(--page-accent)}.bg-page-l0{background-color:var(--page-l0)}.bg-page-l1{background-color:var(--page-l1)}.bg-page-l2{background-color:var(--page-l2)}.bg-pure-black-50{background-color:var(--color-pure-black-50)}.bg-transparent{background-color:transparent}.fill-transparent{fill:transparent}.stroke-comp-disabled{stroke:var(--comp-disabled)}.stroke-comp-mono-default{stroke:var(--comp-mono-default)}.stroke-comp-mono-selected{stroke:var(--comp-mono-selected)}.stroke-comp-mono-subtle-default{stroke:var(--comp-mono-subtle-default)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-\[11px\]{padding-block:11px}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-body{font-size:var(--text-body)}.text-label{font-size:var(--text-label)}.text-large{font-size:var(--text-large)}.text-size-inherit{font-size:var(--text-size-inherit)}.text-xsmall{font-size:var(--text-xsmall)}.text-xxl{font-size:var(--text-xxl)}.text-xxxl{font-size:var(--text-xxxl)}.leading-base{--tw-leading:var(--spacing-base);line-height:var(--spacing-base)}.leading-base-compact{--tw-leading:var(--spacing-base-compact);line-height:var(--spacing-base-compact)}.leading-body{--tw-leading:var(--spacing-body);line-height:var(--spacing-body)}.leading-body-compact{--tw-leading:var(--spacing-body-compact);line-height:var(--spacing-body-compact)}.leading-inherit{--tw-leading:var(--spacing-inherit);line-height:var(--spacing-inherit)}.leading-label{--tw-leading:var(--spacing-label);line-height:var(--spacing-label)}.leading-label-compact{--tw-leading:var(--spacing-label-compact);line-height:var(--spacing-label-compact)}.leading-large{--tw-leading:var(--spacing-large);line-height:var(--spacing-large)}.leading-large-compact{--tw-leading:var(--spacing-large-compact);line-height:var(--spacing-large-compact)}.leading-xl{--tw-leading:var(--spacing-xl);line-height:var(--spacing-xl)}.leading-xl-compact{--tw-leading:var(--spacing-xl-compact);line-height:var(--spacing-xl-compact)}.leading-xsmall{--tw-leading:var(--spacing-xsmall);line-height:var(--spacing-xsmall)}.leading-xxl{--tw-leading:var(--spacing-xxl);line-height:var(--spacing-xxl)}.leading-xxl-compact{--tw-leading:var(--spacing-xxl-compact);line-height:var(--spacing-xxl-compact)}.leading-xxxl{--tw-leading:var(--spacing-xxxl);line-height:var(--spacing-xxxl)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-inherit{--tw-font-weight:var(--font-weight-inherit);font-weight:var(--font-weight-inherit)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-nowrap{text-wrap:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-comp-accent-default{color:var(--comp-accent-default)}.text-comp-accent-selected{color:var(--comp-accent-selected)}.text-comp-chroma-error{color:var(--comp-chroma-error)}.text-comp-disabled{color:var(--comp-disabled)}.text-comp-mono-default{color:var(--comp-mono-default)}.text-comp-mono-hovered{color:var(--comp-mono-hovered)}.text-comp-mono-selected{color:var(--comp-mono-selected)}.text-comp-mono-subtle-default{color:var(--comp-mono-subtle-default)}.text-comp-mono-subtle-selected{color:var(--comp-mono-subtle-selected)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.shadow-basic{--tw-shadow:0px 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 1px 3px 0px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-basic,.shadow-medium{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-medium{--tw-shadow:0px 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-normal{transition-behavior:normal}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-hover\:not-\[data-disabled\]\:text-comp-mono-subtle-hovered{&:is(:where(.group):hover *){@media (hover:hover){&:not(:is(data-disabled)){color:var(--comp-mono-subtle-hovered)}}}}.group-\[data-disabled\]\:text-comp-disabled{&:is(:where(.group):is(data-disabled) *){color:var(--comp-disabled)}}.group-\[data-state\=\"open\"\]\:text-comp-mono-subtle-selected{&:is(:where(.group):is(data-state="open") *){color:var(--comp-mono-subtle-selected)}}.placeholder\:text-comp-mono-subtle-default{&::-moz-placeholder{color:var(--comp-mono-subtle-default)}&::placeholder{color:var(--comp-mono-subtle-default)}}.last\:border-b-0{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.last\:pr-9{&:last-child{padding-right:calc(var(--spacing)*9)}}.focus-within\:border-border-focused{&:focus-within{border-color:var(--border-focused)}}.focus-within\:bg-fill-mono-default{&:focus-within{background-color:var(--fill-mono-default)}}.hover\:rounded-sm{&:hover{@media (hover:hover){border-radius:var(--radius-sm)}}}.hover\:border-fill-mono-subtle-hovered{&:hover{@media (hover:hover){border-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-fill-accent-hovered{&:hover{@media (hover:hover){background-color:var(--fill-accent-hovered)}}}.hover\:bg-fill-mono-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-hovered)}}}.hover\:bg-fill-mono-subtle-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-gray-200{&:hover{@media (hover:hover){background-color:var(--color-gray-200)}}}.hover\:text-comp-accent-hovered{&:hover{@media (hover:hover){color:var(--comp-accent-hovered)}}}.hover\:text-comp-mono-default{&:hover{@media (hover:hover){color:var(--comp-mono-default)}}}.hover\:text-comp-mono-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-hovered)}}}.hover\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){background-color:var(--fill-mono-hovered)}}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){color:var(--comp-mono-hovered)}}}}}.hover\:placeholder\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){&::-moz-placeholder{color:var(--comp-mono-subtle-hovered)}&::placeholder{color:var(--comp-mono-subtle-hovered)}}}}.focus\:placeholder\:text-comp-mono-subtle-selected{&:focus{&::-moz-placeholder{color:var(--comp-mono-subtle-selected)}&::placeholder{color:var(--comp-mono-subtle-selected)}}}.active\:border-fill-mono-subtle-pressed{&:active{border-color:var(--fill-mono-subtle-pressed)}}.active\:bg-fill-accent-pressed{&:active{background-color:var(--fill-accent-pressed)}}.active\:bg-fill-mono-pressed{&:active{background-color:var(--fill-mono-pressed)}}.active\:bg-fill-mono-selected{&:active{background-color:var(--fill-mono-selected)}}.active\:text-comp-accent-pressed{&:active{color:var(--comp-accent-pressed)}}.active\:text-comp-mono-default{&:active{color:var(--comp-mono-default)}}.active\:text-comp-mono-pressed{&:active{color:var(--comp-mono-pressed)}}.active\:text-comp-mono-subtle-pressed{&:active{color:var(--comp-mono-subtle-pressed)}}.active\:not-disabled\:bg-fill-mono-pressed{&:active{&:not(:disabled){background-color:var(--fill-mono-pressed)}}}.active\:not-disabled\:text-comp-mono-pressed{&:active{&:not(:disabled){color:var(--comp-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){color:var(--comp-mono-pressed)}}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:border-fill-disabled{&:disabled{border-color:var(--fill-disabled)}}.disabled\:bg-fill-disabled{&:disabled{background-color:var(--fill-disabled)}}.disabled\:text-comp-disabled{&:disabled{color:var(--comp-disabled)}}.disabled\:placeholder\:text-comp-disabled{&:disabled{&::-moz-placeholder{color:var(--comp-disabled)}&::placeholder{color:var(--comp-disabled)}}}.has-\[button\:has\(\[data-placeholder\]\)\]\:border-comp-mono-subtle-default{&:has(:is(button:has([data-placeholder]))){border-color:var(--comp-mono-subtle-default)}}.has-\[input\:disabled\]\:border-transparent{&:has(:is(input:disabled)){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:cursor-not-allowed{&:is([data-disabled]){cursor:not-allowed}}.\[\&\:is\(\[data-disabled\]\)\]\:border-transparent{&:is([data-disabled]){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:bg-fill-disabled{&:is([data-disabled]){background-color:var(--fill-disabled)}}.\[\&\:is\(\[data-disabled\]\)\]\:text-comp-disabled{&:is([data-disabled]){color:var(--comp-disabled)}}.\[\&\:is\(\[data-orientation\=\'right\'\]\)\]\:rotate-180{&:is([data-orientation=right]){rotate:180deg}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:text-comp-mono-subtle-default{&:is([data-placeholder]):not(:is([data-disabled])){color:var(--comp-mono-subtle-default)}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:hover\:text-comp-mono-subtle-hovered{&:is([data-placeholder]):not(:is([data-disabled])){&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-accent-selected{&:is([data-selected=true]){background-color:var(--fill-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-mono-selected{&:is([data-selected=true]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:font-semibold{&:is([data-selected=true]){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-accent-selected{&:is([data-selected=true]){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-mono-selected{&:is([data-selected=true]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\:not\(\.day-range-middle\)\]\:text-comp-accent-selected{&:is([data-selected=true]):not(.day-range-middle){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=checked]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:text-comp-mono-selected{&:is([data-state=checked]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=open]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:text-comp-mono-selected{&:is([data-state=open]){color:var(--comp-mono-selected)}}.\[\&\:not\(\.day-range-end\)\]\:rounded-r-none{&:not(.day-range-end){border-bottom-right-radius:0;border-top-right-radius:0}}.\[\&\:not\(\.day-range-start\)\]\:rounded-l-none{&:not(.day-range-start){border-bottom-left-radius:0;border-top-left-radius:0}}.\[\&\:not\(\:is\(\[data-placeholder\]\)\)\]\:border-border-focused{&:not(:is([data-placeholder])){border-color:var(--border-focused)}}.hover\:\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is([data-selected=true])){background-color:var(--fill-mono-hovered)}}}}.\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\:not\(\.day-outside\)\]\:text-comp-mono-default{&:not(:is([data-selected=true])):not(.day-outside){color:var(--comp-mono-default)}}}:root{--border-bound:var(--color-dark-opacity-200);--border-divider:var(--color-neutral-150);--border-focused:var(--color-dark-opacity-550);--border-overlay:var(--color-pure-transparent);--border-selected:var(--color-pure-black-50);--comp-disabled:var(--color-dark-opacity-450);--comp-accent-default:var(--color-light-opacity-900);--comp-accent-hovered:var(--color-light-opacity-850);--comp-accent-pressed:var(--color-light-opacity-700);--comp-accent-selected:var(--color-light-opacity-900);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-telepix-red-500);--comp-chroma-positive:var(--color-green-500);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-400);--comp-chroma-highlight-yellow:var(--color-yellow-700);--comp-mono-default:var(--color-dark-opacity-800);--comp-mono-hovered:var(--color-dark-opacity-700);--comp-mono-pressed:var(--color-dark-opacity-750);--comp-mono-selected:var(--color-dark-opacity-850);--comp-mono-subtle-default:var(--color-dark-opacity-600);--comp-mono-subtle-hovered:var(--color-dark-opacity-650);--comp-mono-subtle-pressed:var(--color-dark-opacity-550);--comp-mono-subtle-selected:var(--color-dark-opacity-700);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-dark-opacity-800);--fill-accent-hovered:var(--color-dark-opacity-700);--fill-accent-pressed:var(--color-dark-opacity-650);--fill-accent-selected:var(--color-dark-opacity-850);--fill-chroma-warning:var(--color-orange-500);--fill-chroma-error:var(--color-telepix-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-done:var(--color-teal-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-subtle-positive:var(--color-green-100);--fill-chroma-subtle-done:var(--color-teal-100);--fill-chroma-subtle-error:var(--color-telepix-red-100);--fill-chroma-subtle-warning:var(--color-orange-100);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-dark-opacity-25);--fill-mono-pressed:var(--color-dark-opacity-25);--fill-mono-selected:var(--color-dark-opacity-50);--fill-mono-subtle-default:var(--color-dark-opacity-50);--fill-mono-subtle-hovered:var(--color-dark-opacity-100);--fill-mono-subtle-pressed:var(--color-dark-opacity-50);--fill-mono-subtle-selected:var(--color-dark-opacity-150);--page-accent:var(--color-neutral-800);--page-fade:var(--color-pure-black-50);--page-l0:var(--color-pure-white);--page-l1:var(--color-pure-white);--page-l2:var(--color-neutral-50);--page-l3:var(--color-neutral-100);--page-l4:var(--color-neutral-200)}[data-theme=dark]{--border-bound:var(--color-light-opacity-250);--border-divider:var(--color-neutral-750);--border-focused:var(--color-light-opacity-700);--border-overlay:var(--color-light-opacity-50);--border-selected:var(--color-light-opacity-500);--comp-disabled:var(--color-light-opacity-350);--comp-accent-default:var(--color-dark-opacity-800);--comp-accent-hovered:var(--color-dark-opacity-800);--comp-accent-pressed:var(--color-dark-opacity-800);--comp-accent-selected:var(--color-dark-opacity-800);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-red-400);--comp-chroma-positive:var(--color-green-400);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-500);--comp-chroma-highlight-yellow:var(--color-yellow-500);--comp-mono-default:var(--color-light-opacity-800);--comp-mono-hovered:var(--color-light-opacity-850);--comp-mono-pressed:var(--color-light-opacity-750);--comp-mono-selected:var(--color-light-opacity-900);--comp-mono-subtle-default:var(--color-light-opacity-600);--comp-mono-subtle-hovered:var(--color-light-opacity-700);--comp-mono-subtle-pressed:var(--color-light-opacity-600);--comp-mono-subtle-selected:var(--color-light-opacity-750);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-light-opacity-850);--fill-accent-hovered:var(--color-light-opacity-750);--fill-accent-pressed:var(--color-light-opacity-650);--fill-accent-selected:var(--color-light-opacity-900);--fill-chroma-warning:var(--color-orange-600);--fill-chroma-error:var(--color-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-done:var(--color-teal-600);--fill-chroma-subtle-positive:var(--color-green-700);--fill-chroma-subtle-done:var(--color-teal-700);--fill-chroma-subtle-error:var(--color-telepix-red-700);--fill-chroma-subtle-warning:var(--color-orange-700);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-light-opacity-100);--fill-mono-pressed:var(--color-light-opacity-50);--fill-mono-selected:var(--color-light-opacity-200);--fill-mono-subtle-default:var(--color-light-opacity-100);--fill-mono-subtle-hovered:var(--color-light-opacity-100);--fill-mono-subtle-pressed:var(--color-light-opacity-100);--fill-mono-subtle-selected:var(--color-light-opacity-150);--page-accent:var(--color-neutral-100);--page-fade:var(--color-pure-black-75);--page-l0:var(--color-neutral-900);--page-l1:var(--color-neutral-850);--page-l2:var(--color-neutral-800);--page-l3:var(--color-neutral-800);--page-l4:var(--color-neutral-700)}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes content-fade-in{0%{opacity:0;transform:translate(-50%,-53%)}to{opacity:1;transform:translate(-50%,-50%)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}

package/dist/client.d.ts

@@ -62,6 +62,10 @@ interface CheckboxProps extends Checkbox$1.CheckboxProps {
  */
 declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLButtonElement>>;
 
+type CardProps = React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare const CardBody: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React__default.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
 /**
  * Dialog 컴포넌트는 모달 대화 상자를 생성하는 데 사용됩니다.<br/>
  * 이 컴포넌트는 Radix UI의 Dialog 컴포넌트를 래핑하여 사용합니다.<br/>
@@ -91,9 +95,9 @@ declare const DialogTrigger: (props: React$1.ComponentProps<typeof Dialog$1.Trig
 declare const DialogPortal: any;
 declare const DialogClose: any;
 declare const DialogContent: ({ className, children, ...rest }: React$1.ComponentProps<typeof Dialog$1.Content>) => react_jsx_runtime.JSX.Element;
-declare const DialogHeader: ({ className, ...rest }: React$1.ComponentProps<typeof Dialog$1.Title>) => react_jsx_runtime.JSX.Element;
+declare const DialogDescription: (props: React$1.ComponentProps<typeof CardBody>) => react_jsx_runtime.JSX.Element;
+declare const DialogHeader: ({ className, ...rest }: React$1.ComponentProps<typeof CardHeader>) => react_jsx_runtime.JSX.Element;
 declare const DialogFooter: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogDescription: ({ className, ...rest }: React$1.ComponentProps<typeof Dialog$1.Description>) => react_jsx_runtime.JSX.Element;
 
 declare const SELECT_TRIGGER_VARIANTS: {
     readonly OUTLINE: "outline";

package/dist/esm/client.js

@@ -12159,7 +12159,7 @@ React__default.forwardRef((rest, ref) => {
     return (jsx("div", { ...rest, ref: ref, children: rest.children }));
 });
 const CardFooter = React__default.forwardRef(({ className, ...rest }, ref) => {
-    return (jsx("div", { ...rest, ref: ref, className: cn("py-4 pr-6", className), children: rest.children }));
+    return (jsx("div", { ...rest, ref: ref, className: cn("py-4 px-6", className), children: rest.children }));
 });
 
 /**
@@ -12193,15 +12193,15 @@ const DialogTrigger = (props) => {
 const DialogPortal = Portal$3;
 const DialogClose = Close;
 const DialogContent = ({ className, children, ...rest }) => {
-    return (jsxs(Portal$3, { children: [jsx(Overlay, { className: "fixed top-0 bottom-0 left-0 right-0 bg-pure-black-50 inset-0 z-[1000] animate-fade-in" }), jsxs(Content$1, { className: cn("fixed top-1/2 left-1/2 z-[1001] transform -translate-x-1/2 -translate-y-1/2 animate-content-fade-in", className), ...rest, children: [jsx(Description, {}), jsx(Card, { children: children })] })] }));
+    return (jsxs(Portal$3, { children: [jsx(Overlay, { className: "fixed top-0 bottom-0 left-0 right-0 bg-pure-black-50 inset-0 z-[1000] animate-fade-in" }), jsxs(Content$1, { className: cn("fixed top-1/2 left-1/2 z-[1001] transform -translate-x-1/2 -translate-y-1/2 animate-content-fade-in", className), ...rest, children: [jsx(Title, { "data-slot": "dialog-title", ...rest, children: jsx(Root$3, {}) }), jsx(Description, {}), jsx(Card, { children: children })] })] }));
+};
+const DialogDescription = (props) => {
+    return jsx(CardBody, { ...props, children: props.children });
 };
 const DialogHeader = ({ className, ...rest }) => {
-    return (jsx(Title, { "data-slot": "dialog-title", ...rest, children: jsx(CardHeader, { className: className, children: rest.children }) }));
+    return jsx(CardHeader, { className: className, children: rest.children });
 };
 const DialogFooter = CardFooter;
-const DialogDescription = ({ className, ...rest }) => {
-    return jsx(CardBody, { className: className, children: rest.children });
-};
 
 const SELECT_TRIGGER_VARIANTS = {
     OUTLINE: "outline",
@@ -12355,9 +12355,8 @@ const HorizontalTab = React__default.forwardRef(({ value, label, className, icon
     return (jsxs("button", { ref: ref, className: cn(`p-0 flex flex-col items-center justify-center flex-nowrap text-comp-mono-subtle-default text-body font-medium leading-body-compact bg-transparent border-none cursor-pointer
         hover:not([data-selected='true']):not(:disabled):text-comp-mono-subtle-hovered
         active:not(:disabled):text-comp-mono-subtle-pressed
-        [&:is(data-selected='true')]:text-comp-mono-subtle-selected [&:is(data-selected='true')]:font-bold
         disabled:text-comp-disabled disabled:cursor-not-allowed
-        `, className), onClick: handleClick, disabled: isDisabled, "data-selected": isSelected, ...rest, children: [jsxs("div", { className: cn("flex items-center justify-center gap-2", size === HORIZONTAL_TAB_SIZES.SMALL && "py-1 px-2", size === HORIZONTAL_TAB_SIZES.REGULAR && "py-2.5 px-2"), children: [icon && (jsx("span", { className: cn("flex items-center justify-center size-5", size === HORIZONTAL_TAB_SIZES.SMALL && "size-4"), children: icon })), label] }), jsx("div", { className: cn("bg-comp-mono-subtle-default mt-[3px] h-[1px] w-full", isSelected && "bg-comp-mono-subtle-selected h-0.5 mt-0.5"), "data-selected": isSelected })] }));
+        `, isSelected && "text-comp-mono-subtle-selected font-bold", className), onClick: handleClick, disabled: isDisabled, "data-selected": isSelected, ...rest, children: [jsxs("div", { className: cn("flex items-center justify-center gap-2", size === HORIZONTAL_TAB_SIZES.SMALL && "py-1 px-2", size === HORIZONTAL_TAB_SIZES.REGULAR && "py-2.5 px-2"), children: [icon && (jsx("span", { className: cn("flex items-center justify-center size-5", size === HORIZONTAL_TAB_SIZES.SMALL && "size-4"), children: icon })), label] }), jsx("div", { className: cn("bg-comp-mono-subtle-default mt-[3px] h-[1px] w-full", isSelected && "bg-comp-mono-subtle-selected h-0.5 mt-0.5"), "data-selected": isSelected })] }));
 });
 
 const ModeTabContext = React__default.createContext({
@@ -12376,7 +12375,7 @@ const ModeTabs = React__default.forwardRef(({ disabled, value, onValueChange, cl
             value: selectedTab,
             disabled: disabled ?? false,
             setSelectedTab,
-        }, children: jsx("div", { ref: ref, className: cn("flex items-center w-full bg-page-l2 rounded-lg p-1", className), ...rest, children: rest.children }) }));
+        }, children: jsx("div", { ref: ref, className: cn("flex items-center w-full bg-page-l2 rounded-lg p-1 box-content", className), ...rest, children: rest.children }) }));
 });
 const ModeTab = React__default.forwardRef(({ label, icon, value, className, ...rest }, ref) => {
     const { value: selectedTab, disabled, setSelectedTab, } = React__default.useContext(ModeTabContext);
@@ -12657,7 +12656,7 @@ const InteractiveListItem = React__default.forwardRef(({ isSelected, disabled, s
                 "cursor-not-allowed text-comp-disabled bg-fill-disabled", className), ...rest, children: children }) }));
 });
 const InteractiveListItemIcon = React__default.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsx("span", { className: cn("flex items-center justify-center size-4 p-1", className), ...props, ref: ref, children: children }));
+    return (jsx("span", { className: cn("flex items-center justify-center size-6 p-1", className), ...props, ref: ref, children: children }));
 });
 const InteractiveListItemContent = React__default.forwardRef(({ children, className, ...rest }, ref) => {
     return (jsx("div", { className: cn("grow text-inherit leading-body-compact font-medium text-body", className), ...rest, ref: ref, children: children }));
@@ -12717,10 +12716,10 @@ const BUTTON_VARIANTS = {
  * ```
  */
 const Button = React__default.forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, ...rest }, ref) => {
-    return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-none outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
-            "h-7 py-0 px-1.5 font-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
-            "h-9 py-0 px-2 font-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
-            "h-12 py-0 px-3 font-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
+    return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
+            "h-7 py-0 px-1.5 text-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
+            "h-9 py-0 px-2 text-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
+            "h-12 py-0 px-3 text-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
             "bg-fill-accent-default hover:bg-fill-accent-hovered active:bg-fill-accent-pressed disabled:bg-fill-disabled text-comp-accent-default hover:text-comp-accent-hovered active:text-comp-accent-pressed disabled:text-comp-disabled", variant === BUTTON_VARIANTS.OUTLINE &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled border border-border-bound", variant === BUTTON_VARIANTS.GHOST &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled", fullWidth && "w-full", leftIcon || rightIcon ? "gap-2" : "", className), ...rest, children: [isLoading && (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
@@ -12792,13 +12791,12 @@ const ContextMenuLabel = (props) => {
     return (jsx(Label2, { ...props, children: props.children }));
 };
 const ContextMenuItem = ({ leftIcon, rightSlot, textValue, ...rest }) => {
-    return (jsxs(Item2$1, { ...rest, className: cn(`group outline-none p-2 flex items-center justify-between gap-2 text-body leading-body-compact font-medium text-comp-mono-default bg-fill-mono-default border boder-fill-mono-default rounded-sm 
+    return (jsxs(Item2$1, { ...rest, className: cn(`group outline-none p-2 flex items-center justify-between gap-2 text-body leading-body-compact font-medium text-comp-mono-default bg-fill-mono-default border border-fill-mono-default rounded-sm 
         hover:not-[:is([data-disabled])]:bg-fill-mono-hovered hover:not-[:is([data-disabled])]:text-comp-mono-hovered 
         active:not-[:is([data-disabled])]:bg-fill-mono-pressed active:not-[:is([data-disabled])]:text-comp-mono-pressed 
         [&:is([data-state='open'])]:bg-fill-mono-selected [&:is([data-state='open'])]:text-comp-mono-selected
         [&:is([data-disabled])]:bg-fill-disabled [&:is([data-disabled])]:text-comp-disabled [&:is([data-disabled])]:cursor-not-allowed`, rest.className), children: [jsxs("div", { className: "flex-1 flex items-center gap-2 text-size-inherit font-inherit leading-inherit overflow-hidden", children: [jsx("div", { className: "size-4 flex items-center justify-center text-size-inherit leading-inherit font-inherit bg-transparent", children: leftIcon }), jsx("span", { className: "overflow-ellipsis overflow-hidden whitespace-nowrap", children: textValue })] }), rightSlot && (jsx("div", { className: `flex items-center justify-center text-size-inherit leading-inherit font-inherit text-comp-mono-subtle-default 
-          group-hover:not-[:is([data-disabled])]:text-comp-mono-subtle-hovered group-active:not-[:is([data-disabled])]:text-comp-mono-subtle-pressed
-          group-[:is([data-state="open"])]:text-comp-mono-subtle-selected group-[:is([data-disabled])]:text-comp-disabled`, children: rightSlot }))] }));
+          group-hover:not-[data-disabled]:text-comp-mono-subtle-hovered group-[data-state="open"]:text-comp-mono-subtle-selected group-[data-disabled]:text-comp-disabled`, children: rightSlot }))] }));
 };
 const ContextMenuGroup = Group2;
 const ContextMenuSub = Sub2;

package/dist/esm/dialog/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { Dialog as DialogRadix } from "radix-ui";
+import { CardBody, CardContent, CardHeader } from "../card";
 /**
  * Dialog 컴포넌트는 모달 대화 상자를 생성하는 데 사용됩니다.<br/>
  * 이 컴포넌트는 Radix UI의 Dialog 컴포넌트를 래핑하여 사용합니다.<br/>
@@ -29,6 +30,7 @@ export declare const DialogTrigger: (props: React.ComponentProps<typeof DialogRa
 export declare const DialogPortal: React.FC<DialogRadix.DialogPortalProps>;
 export declare const DialogClose: React.ForwardRefExoticComponent<DialogRadix.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const DialogContent: ({ className, children, ...rest }: React.ComponentProps<typeof DialogRadix.Content>) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogHeader: ({ className, ...rest }: React.ComponentProps<typeof DialogRadix.Title>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogDescription: (props: React.ComponentProps<typeof CardBody>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ className, ...rest }: React.ComponentProps<typeof CardHeader>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const DialogDescription: ({ className, ...rest }: React.ComponentProps<typeof DialogRadix.Description>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: ({ className, ...rest }: React.ComponentProps<typeof CardContent>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/index.js

@@ -3326,10 +3326,10 @@ function cn(...inputs) {
  * ```
  */
 const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, ...rest }, ref) => {
-    return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-none outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
-            "h-7 py-0 px-1.5 font-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
-            "h-9 py-0 px-2 font-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
-            "h-12 py-0 px-3 font-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
+    return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", size === BUTTON_SIZES.SMALL &&
+            "h-7 py-0 px-1.5 text-label leading-label-compact", size === BUTTON_SIZES.REGULAR &&
+            "h-9 py-0 px-2 text-body leading-body-compact", size === BUTTON_SIZES.LARGE &&
+            "h-12 py-0 px-3 text-body leading-body-compact", variant === BUTTON_VARIANTS.ACCENT &&
             "bg-fill-accent-default hover:bg-fill-accent-hovered active:bg-fill-accent-pressed disabled:bg-fill-disabled text-comp-accent-default hover:text-comp-accent-hovered active:text-comp-accent-pressed disabled:text-comp-disabled", variant === BUTTON_VARIANTS.OUTLINE &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled border border-border-bound", variant === BUTTON_VARIANTS.GHOST &&
             "bg-fill-mono-default hover:bg-fill-mono-hovered active:bg-fill-mono-pressed disabled:bg-fill-disabled text-comp-mono-default hover:text-comp-mono-hovered active:text-comp-mono-pressed disabled:text-comp-disabled", fullWidth && "w-full", leftIcon || rightIcon ? "gap-2" : "", className), ...rest, children: [isLoading && (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
@@ -3582,7 +3582,7 @@ Input.displayName = "Input";
  * ```
  */
 const TextArea = React.forwardRef((rest, ref) => {
-    return (jsx("div", { className: "py-3 px-4 flex-1 h-[calc(100%-24px)]", children: jsx("textarea", { ref: ref, className: cn("w-full h-fill flex-1 p-0 text-body leading-body font-medium border-none resize-none outline-none text-comp-mono-default disabled:text-comp-disabled disabled:placeholder:text-comp-disabled placeholder:text-comp-mono-subtle-default", rest.className), ...rest }) }));
+    return (jsx("div", { className: "py-3 px-4 flex-1 h-full", children: jsx("textarea", { ref: ref, className: cn("w-full h-full flex-1 p-0 text-body leading-body font-medium border-none resize-none outline-none text-comp-mono-default disabled:text-comp-disabled disabled:placeholder:text-comp-disabled placeholder:text-comp-mono-subtle-default", rest.className), ...rest }) }));
 });
 TextArea.displayName = "TextArea";
 
@@ -3618,7 +3618,7 @@ const CardContent = React.forwardRef((rest, ref) => {
     return (jsx("div", { ...rest, ref: ref, children: rest.children }));
 });
 const CardFooter = React.forwardRef(({ className, ...rest }, ref) => {
-    return (jsx("div", { ...rest, ref: ref, className: cn("py-4 pr-6", className), children: rest.children }));
+    return (jsx("div", { ...rest, ref: ref, className: cn("py-4 px-6", className), children: rest.children }));
 });
 
 /**

package/dist/esm/styles.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:#ea3333;--color-red-500:#e50000;--color-orange-100:#ffe6cc;--color-orange-400:#f93;--color-orange-500:#f93;--color-orange-600:#c60;--color-orange-700:#994d00;--color-yellow-500:#fc0;--color-yellow-700:#997a00;--color-green-100:#ccebd6;--color-green-400:#33ad5c;--color-green-500:#093;--color-green-700:#005c1f;--color-teal-100:#ccf5f5;--color-teal-500:#0cc;--color-teal-600:#00a3a3;--color-teal-700:#007a7a;--color-blue-500:#35f;--color-blue-600:#2944cc;--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-neutral-50:#f2f2f2;--color-neutral-100:#e5e5e5;--color-neutral-200:#ccc;--color-neutral-700:#474747;--color-neutral-800:#2e2e2e;--color-neutral-900:#1a1a1a;--color-white:#fff;--spacing:0.25rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dark-opacity-100:rgba(4,4,4,.1);--color-dark-opacity-150:rgba(4,4,4,.15);--color-dark-opacity-200:rgba(4,4,4,.2);--color-dark-opacity-25:rgba(4,4,4,.03);--color-dark-opacity-450:rgba(4,4,4,.46);--color-dark-opacity-50:rgba(4,4,4,.05);--color-dark-opacity-550:rgba(4,4,4,.58);--color-dark-opacity-600:rgba(4,4,4,.63);--color-dark-opacity-650:rgba(4,4,4,.68);--color-dark-opacity-700:rgba(4,4,4,.73);--color-dark-opacity-750:rgba(4,4,4,.8);--color-dark-opacity-800:rgba(4,4,4,.84);--color-dark-opacity-850:rgba(4,4,4,.89);--color-light-opacity-100:hsla(0,0%,100%,.09);--color-light-opacity-150:hsla(0,0%,100%,.14);--color-light-opacity-200:hsla(0,0%,100%,.18);--color-light-opacity-250:hsla(0,0%,100%,.24);--color-light-opacity-350:hsla(0,0%,100%,.35);--color-light-opacity-50:hsla(0,0%,100%,.05);--color-light-opacity-500:hsla(0,0%,100%,.53);--color-light-opacity-600:hsla(0,0%,100%,.63);--color-light-opacity-650:hsla(0,0%,100%,.68);--color-light-opacity-700:hsla(0,0%,100%,.73);--color-light-opacity-750:hsla(0,0%,100%,.79);--color-light-opacity-800:hsla(0,0%,100%,.84);--color-light-opacity-850:hsla(0,0%,100%,.89);--color-light-opacity-900:hsla(0,0%,100%,.94);--color-neutral-150:#d9d9d9;--color-neutral-750:#383838;--color-neutral-850:#212121;--color-pure-black-50:rgba(0,0,0,.5);--color-pure-black-75:rgba(0,0,0,.75);--color-pure-transparent:hsla(0,0%,100%,0);--color-pure-white:#fff;--color-telepix-red-100:#fce8eb;--color-telepix-red-500:#e7344c;--color-telepix-red-700:#a01326;--text-xsmall:0.625rem;--text-label:0.75rem;--text-body:0.875rem;--text-large:1.125rem;--text-xxl:1.5rem;--text-xxxl:1.875rem;--text-size-inherit:inherit;--font-weight-inherit:inherit;--spacing-xsmall:0.875rem;--spacing-label:1.3125rem;--spacing-label-compact:1rem;--spacing-body:1.5rem;--spacing-body-compact:1.3125rem;--spacing-base:1.75rem;--spacing-base-compact:1.5rem;--spacing-large:2rem;--spacing-large-compact:1.625rem;--spacing-xl:2.25rem;--spacing-xl-compact:1.75rem;--spacing-xxl:2.5rem;--spacing-xxl-compact:1.875rem;--spacing-xxxl:3.25rem;--spacing-inherit:inherit;--animate-fade-in:fade-in 150ms ease-in-out forwards;--animate-content-fade-in:content-fade-in 150ms ease-in-out forwards}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[calc\(50\%-8px\)\]{top:calc(50% - 8px)}.top-\[calc\(50\%-10px\)\]{top:calc(50% - 10px)}.top-\[calc\(50\%-12px\)\]{top:calc(50% - 12px)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[calc\(50\%-8px\)\]{left:calc(50% - 8px)}.left-\[calc\(50\%-10px\)\]{left:calc(50% - 10px)}.left-\[calc\(50\%-12px\)\]{left:calc(50% - 12px)}.z-\[1\]{z-index:1}.z-\[20\]{z-index:20}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-\[var\(--rdp-nav_button-width\)\]{margin-inline:var(--rdp-nav_button-width)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-1{margin-block:calc(var(--spacing)*1)}.my-\[5px\]{margin-block:5px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-\[3px\]{margin-top:3px}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.box-border{box-sizing:border-box}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.size-5{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.size-6{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.size-9{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-12{height:calc(var(--spacing)*12)}.h-\[1px\]{height:1px}.h-\[calc\(100\%-24px\)\]{height:calc(100% - 24px)}.h-\[var\(--rdp-nav-height\)\]{height:var(--rdp-nav-height)}.min-h-9{min-height:calc(var(--spacing)*9)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing)*4)}.w-\[320px\]{width:320px}.w-\[500px\]{width:500px}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-auto{width:auto}.w-full{width:100%}.w-sm{width:var(--container-sm)}.w-xs{width:var(--container-xs)}.max-w-\[240px\]{max-width:240px}.max-w-\[var\(--select-content-width\)\]{max-width:var(--select-content-width)}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-x-0{--tw-border-spacing-x:calc(var(--spacing)*0)}.border-spacing-x-0,.border-spacing-y-2{border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.border-spacing-y-2{--tw-border-spacing-y:calc(var(--spacing)*2)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-content-fade-in{animation:var(--animate-content-fade-in)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-\[18px\]{gap:18px}.gap-\[var\(--rdp-months-gap\)\]{gap:var(--rdp-months-gap)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-border-bound{border-color:var(--border-bound)}.border-border-divider{border-color:var(--border-divider)}.border-border-focused{border-color:var(--border-focused)}.border-border-overlay{border-color:var(--border-overlay)}.border-border-selected{border-color:var(--border-selected)}.border-fill-mono-subtle-default{border-color:var(--fill-mono-subtle-default)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:transparent}.border-b-border-divider{border-bottom-color:var(--border-divider)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-divider{background-color:var(--border-divider)}.bg-border-overlay{background-color:var(--border-overlay)}.bg-comp-mono-subtle-default{background-color:var(--comp-mono-subtle-default)}.bg-comp-mono-subtle-selected{background-color:var(--comp-mono-subtle-selected)}.bg-fill-accent-default{background-color:var(--fill-accent-default)}.bg-fill-accent-selected{background-color:var(--fill-accent-selected)}.bg-fill-disabled{background-color:var(--fill-disabled)}.bg-fill-mono-default{background-color:var(--fill-mono-default)}.bg-fill-mono-hovered{background-color:var(--fill-mono-hovered)}.bg-fill-mono-selected{background-color:var(--fill-mono-selected)}.bg-fill-mono-subtle-default{background-color:var(--fill-mono-subtle-default)}.bg-fill-mono-subtle-selected{background-color:var(--fill-mono-subtle-selected)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-page-accent{background-color:var(--page-accent)}.bg-page-l0{background-color:var(--page-l0)}.bg-page-l1{background-color:var(--page-l1)}.bg-page-l2{background-color:var(--page-l2)}.bg-pure-black-50{background-color:var(--color-pure-black-50)}.bg-transparent{background-color:transparent}.fill-transparent{fill:transparent}.stroke-comp-disabled{stroke:var(--comp-disabled)}.stroke-comp-mono-default{stroke:var(--comp-mono-default)}.stroke-comp-mono-selected{stroke:var(--comp-mono-selected)}.stroke-comp-mono-subtle-default{stroke:var(--comp-mono-subtle-default)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-\[11px\]{padding-block:11px}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-body{font-size:var(--text-body)}.text-label{font-size:var(--text-label)}.text-large{font-size:var(--text-large)}.text-size-inherit{font-size:var(--text-size-inherit)}.text-xsmall{font-size:var(--text-xsmall)}.text-xxl{font-size:var(--text-xxl)}.text-xxxl{font-size:var(--text-xxxl)}.leading-base{--tw-leading:var(--spacing-base);line-height:var(--spacing-base)}.leading-base-compact{--tw-leading:var(--spacing-base-compact);line-height:var(--spacing-base-compact)}.leading-body{--tw-leading:var(--spacing-body);line-height:var(--spacing-body)}.leading-body-compact{--tw-leading:var(--spacing-body-compact);line-height:var(--spacing-body-compact)}.leading-inherit{--tw-leading:var(--spacing-inherit);line-height:var(--spacing-inherit)}.leading-label{--tw-leading:var(--spacing-label);line-height:var(--spacing-label)}.leading-label-compact{--tw-leading:var(--spacing-label-compact);line-height:var(--spacing-label-compact)}.leading-large{--tw-leading:var(--spacing-large);line-height:var(--spacing-large)}.leading-large-compact{--tw-leading:var(--spacing-large-compact);line-height:var(--spacing-large-compact)}.leading-xl{--tw-leading:var(--spacing-xl);line-height:var(--spacing-xl)}.leading-xl-compact{--tw-leading:var(--spacing-xl-compact);line-height:var(--spacing-xl-compact)}.leading-xsmall{--tw-leading:var(--spacing-xsmall);line-height:var(--spacing-xsmall)}.leading-xxl{--tw-leading:var(--spacing-xxl);line-height:var(--spacing-xxl)}.leading-xxl-compact{--tw-leading:var(--spacing-xxl-compact);line-height:var(--spacing-xxl-compact)}.leading-xxxl{--tw-leading:var(--spacing-xxxl);line-height:var(--spacing-xxxl)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-inherit{--tw-font-weight:var(--font-weight-inherit);font-weight:var(--font-weight-inherit)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-nowrap{text-wrap:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-comp-accent-default{color:var(--comp-accent-default)}.text-comp-accent-selected{color:var(--comp-accent-selected)}.text-comp-chroma-error{color:var(--comp-chroma-error)}.text-comp-disabled{color:var(--comp-disabled)}.text-comp-mono-default{color:var(--comp-mono-default)}.text-comp-mono-hovered{color:var(--comp-mono-hovered)}.text-comp-mono-selected{color:var(--comp-mono-selected)}.text-comp-mono-subtle-default{color:var(--comp-mono-subtle-default)}.text-comp-mono-subtle-selected{color:var(--comp-mono-subtle-selected)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.shadow-basic{--tw-shadow:0px 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 1px 3px 0px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-basic,.shadow-medium{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-medium{--tw-shadow:0px 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-normal{transition-behavior:normal}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-hover\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-subtle-hovered{&:is(:where(.group):hover *){@media (hover:hover){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-subtle-hovered)}}}}.group-active\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-subtle-pressed{&:is(:where(.group):active *){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-subtle-pressed)}}}.group-\[\:is\(\[data-disabled\]\)\]\:text-comp-disabled{&:is(:where(.group):is(:is([data-disabled])) *){color:var(--comp-disabled)}}.group-\[\:is\(\[data-state\=\"open\"\]\)\]\:text-comp-mono-subtle-selected{&:is(:where(.group):is(:is([data-state=open])) *){color:var(--comp-mono-subtle-selected)}}.placeholder\:text-comp-mono-subtle-default{&::-moz-placeholder{color:var(--comp-mono-subtle-default)}&::placeholder{color:var(--comp-mono-subtle-default)}}.last\:border-b-0{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.last\:pr-9{&:last-child{padding-right:calc(var(--spacing)*9)}}.focus-within\:border-border-focused{&:focus-within{border-color:var(--border-focused)}}.focus-within\:bg-fill-mono-default{&:focus-within{background-color:var(--fill-mono-default)}}.hover\:rounded-sm{&:hover{@media (hover:hover){border-radius:var(--radius-sm)}}}.hover\:border-fill-mono-subtle-hovered{&:hover{@media (hover:hover){border-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-fill-accent-hovered{&:hover{@media (hover:hover){background-color:var(--fill-accent-hovered)}}}.hover\:bg-fill-mono-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-hovered)}}}.hover\:bg-fill-mono-subtle-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-gray-200{&:hover{@media (hover:hover){background-color:var(--color-gray-200)}}}.hover\:text-comp-accent-hovered{&:hover{@media (hover:hover){color:var(--comp-accent-hovered)}}}.hover\:text-comp-mono-default{&:hover{@media (hover:hover){color:var(--comp-mono-default)}}}.hover\:text-comp-mono-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-hovered)}}}.hover\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){background-color:var(--fill-mono-hovered)}}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){color:var(--comp-mono-hovered)}}}}}.hover\:placeholder\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){&::-moz-placeholder{color:var(--comp-mono-subtle-hovered)}&::placeholder{color:var(--comp-mono-subtle-hovered)}}}}.focus\:placeholder\:text-comp-mono-subtle-selected{&:focus{&::-moz-placeholder{color:var(--comp-mono-subtle-selected)}&::placeholder{color:var(--comp-mono-subtle-selected)}}}.active\:border-fill-mono-subtle-pressed{&:active{border-color:var(--fill-mono-subtle-pressed)}}.active\:bg-fill-accent-pressed{&:active{background-color:var(--fill-accent-pressed)}}.active\:bg-fill-mono-pressed{&:active{background-color:var(--fill-mono-pressed)}}.active\:bg-fill-mono-selected{&:active{background-color:var(--fill-mono-selected)}}.active\:text-comp-accent-pressed{&:active{color:var(--comp-accent-pressed)}}.active\:text-comp-mono-default{&:active{color:var(--comp-mono-default)}}.active\:text-comp-mono-pressed{&:active{color:var(--comp-mono-pressed)}}.active\:text-comp-mono-subtle-pressed{&:active{color:var(--comp-mono-subtle-pressed)}}.active\:not-disabled\:bg-fill-mono-pressed{&:active{&:not(:disabled){background-color:var(--fill-mono-pressed)}}}.active\:not-disabled\:text-comp-mono-pressed{&:active{&:not(:disabled){color:var(--comp-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){color:var(--comp-mono-pressed)}}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:border-fill-disabled{&:disabled{border-color:var(--fill-disabled)}}.disabled\:bg-fill-disabled{&:disabled{background-color:var(--fill-disabled)}}.disabled\:text-comp-disabled{&:disabled{color:var(--comp-disabled)}}.disabled\:placeholder\:text-comp-disabled{&:disabled{&::-moz-placeholder{color:var(--comp-disabled)}&::placeholder{color:var(--comp-disabled)}}}.has-\[button\:has\(\[data-placeholder\]\)\]\:border-comp-mono-subtle-default{&:has(:is(button:has([data-placeholder]))){border-color:var(--comp-mono-subtle-default)}}.has-\[input\:disabled\]\:border-transparent{&:has(:is(input:disabled)){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:cursor-not-allowed{&:is([data-disabled]){cursor:not-allowed}}.\[\&\:is\(\[data-disabled\]\)\]\:border-transparent{&:is([data-disabled]){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:bg-fill-disabled{&:is([data-disabled]){background-color:var(--fill-disabled)}}.\[\&\:is\(\[data-disabled\]\)\]\:text-comp-disabled{&:is([data-disabled]){color:var(--comp-disabled)}}.\[\&\:is\(\[data-orientation\=\'right\'\]\)\]\:rotate-180{&:is([data-orientation=right]){rotate:180deg}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:text-comp-mono-subtle-default{&:is([data-placeholder]):not(:is([data-disabled])){color:var(--comp-mono-subtle-default)}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:hover\:text-comp-mono-subtle-hovered{&:is([data-placeholder]):not(:is([data-disabled])){&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-accent-selected{&:is([data-selected=true]){background-color:var(--fill-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-mono-selected{&:is([data-selected=true]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:font-semibold{&:is([data-selected=true]){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-accent-selected{&:is([data-selected=true]){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-mono-selected{&:is([data-selected=true]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\:not\(\.day-range-middle\)\]\:text-comp-accent-selected{&:is([data-selected=true]):not(.day-range-middle){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=checked]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:text-comp-mono-selected{&:is([data-state=checked]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=open]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:text-comp-mono-selected{&:is([data-state=open]){color:var(--comp-mono-selected)}}.\[\&\:is\(data-selected\=\'true\'\)\]\:font-bold{&:is(data-selected="true"){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}}.\[\&\:is\(data-selected\=\'true\'\)\]\:text-comp-mono-subtle-selected{&:is(data-selected="true"){color:var(--comp-mono-subtle-selected)}}.\[\&\:not\(\.day-range-end\)\]\:rounded-r-none{&:not(.day-range-end){border-bottom-right-radius:0;border-top-right-radius:0}}.\[\&\:not\(\.day-range-start\)\]\:rounded-l-none{&:not(.day-range-start){border-bottom-left-radius:0;border-top-left-radius:0}}.\[\&\:not\(\:is\(\[data-placeholder\]\)\)\]\:border-border-focused{&:not(:is([data-placeholder])){border-color:var(--border-focused)}}.hover\:\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is([data-selected=true])){background-color:var(--fill-mono-hovered)}}}}.\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\:not\(\.day-outside\)\]\:text-comp-mono-default{&:not(:is([data-selected=true])):not(.day-outside){color:var(--comp-mono-default)}}}:root{--border-bound:var(--color-dark-opacity-200);--border-divider:var(--color-neutral-150);--border-focused:var(--color-dark-opacity-550);--border-overlay:var(--color-pure-transparent);--border-selected:var(--color-pure-black-50);--comp-disabled:var(--color-dark-opacity-450);--comp-accent-default:var(--color-light-opacity-900);--comp-accent-hovered:var(--color-light-opacity-850);--comp-accent-pressed:var(--color-light-opacity-700);--comp-accent-selected:var(--color-light-opacity-900);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-telepix-red-500);--comp-chroma-positive:var(--color-green-500);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-400);--comp-chroma-highlight-yellow:var(--color-yellow-700);--comp-mono-default:var(--color-dark-opacity-800);--comp-mono-hovered:var(--color-dark-opacity-700);--comp-mono-pressed:var(--color-dark-opacity-750);--comp-mono-selected:var(--color-dark-opacity-850);--comp-mono-subtle-default:var(--color-dark-opacity-600);--comp-mono-subtle-hovered:var(--color-dark-opacity-650);--comp-mono-subtle-pressed:var(--color-dark-opacity-550);--comp-mono-subtle-selected:var(--color-dark-opacity-700);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-dark-opacity-800);--fill-accent-hovered:var(--color-dark-opacity-700);--fill-accent-pressed:var(--color-dark-opacity-650);--fill-accent-selected:var(--color-dark-opacity-850);--fill-chroma-warning:var(--color-orange-500);--fill-chroma-error:var(--color-telepix-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-done:var(--color-teal-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-subtle-positive:var(--color-green-100);--fill-chroma-subtle-done:var(--color-teal-100);--fill-chroma-subtle-error:var(--color-telepix-red-100);--fill-chroma-subtle-warning:var(--color-orange-100);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-dark-opacity-25);--fill-mono-pressed:var(--color-dark-opacity-25);--fill-mono-selected:var(--color-dark-opacity-50);--fill-mono-subtle-default:var(--color-dark-opacity-50);--fill-mono-subtle-hovered:var(--color-dark-opacity-100);--fill-mono-subtle-pressed:var(--color-dark-opacity-50);--fill-mono-subtle-selected:var(--color-dark-opacity-150);--page-accent:var(--color-neutral-800);--page-fade:var(--color-pure-black-50);--page-l0:var(--color-pure-white);--page-l1:var(--color-pure-white);--page-l2:var(--color-neutral-50);--page-l3:var(--color-neutral-100);--page-l4:var(--color-neutral-200)}[data-theme=dark]{--border-bound:var(--color-light-opacity-250);--border-divider:var(--color-neutral-750);--border-focused:var(--color-light-opacity-700);--border-overlay:var(--color-light-opacity-50);--border-selected:var(--color-light-opacity-500);--comp-disabled:var(--color-light-opacity-350);--comp-accent-default:var(--color-dark-opacity-800);--comp-accent-hovered:var(--color-dark-opacity-800);--comp-accent-pressed:var(--color-dark-opacity-800);--comp-accent-selected:var(--color-dark-opacity-800);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-red-400);--comp-chroma-positive:var(--color-green-400);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-500);--comp-chroma-highlight-yellow:var(--color-yellow-500);--comp-mono-default:var(--color-light-opacity-800);--comp-mono-hovered:var(--color-light-opacity-850);--comp-mono-pressed:var(--color-light-opacity-750);--comp-mono-selected:var(--color-light-opacity-900);--comp-mono-subtle-default:var(--color-light-opacity-600);--comp-mono-subtle-hovered:var(--color-light-opacity-700);--comp-mono-subtle-pressed:var(--color-light-opacity-600);--comp-mono-subtle-selected:var(--color-light-opacity-750);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-light-opacity-850);--fill-accent-hovered:var(--color-light-opacity-750);--fill-accent-pressed:var(--color-light-opacity-650);--fill-accent-selected:var(--color-light-opacity-900);--fill-chroma-warning:var(--color-orange-600);--fill-chroma-error:var(--color-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-done:var(--color-teal-600);--fill-chroma-subtle-positive:var(--color-green-700);--fill-chroma-subtle-done:var(--color-teal-700);--fill-chroma-subtle-error:var(--color-telepix-red-700);--fill-chroma-subtle-warning:var(--color-orange-700);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-light-opacity-100);--fill-mono-pressed:var(--color-light-opacity-50);--fill-mono-selected:var(--color-light-opacity-200);--fill-mono-subtle-default:var(--color-light-opacity-100);--fill-mono-subtle-hovered:var(--color-light-opacity-100);--fill-mono-subtle-pressed:var(--color-light-opacity-100);--fill-mono-subtle-selected:var(--color-light-opacity-150);--page-accent:var(--color-neutral-100);--page-fade:var(--color-pure-black-75);--page-l0:var(--color-neutral-900);--page-l1:var(--color-neutral-850);--page-l2:var(--color-neutral-800);--page-l3:var(--color-neutral-800);--page-l4:var(--color-neutral-700)}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes content-fade-in{0%{opacity:0;transform:translate(-50%,-53%)}to{opacity:1;transform:translate(-50%,-50%)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:#ea3333;--color-red-500:#e50000;--color-orange-100:#ffe6cc;--color-orange-400:#f93;--color-orange-500:#f93;--color-orange-600:#c60;--color-orange-700:#994d00;--color-yellow-500:#fc0;--color-yellow-700:#997a00;--color-green-100:#ccebd6;--color-green-400:#33ad5c;--color-green-500:#093;--color-green-700:#005c1f;--color-teal-100:#ccf5f5;--color-teal-500:#0cc;--color-teal-600:#00a3a3;--color-teal-700:#007a7a;--color-blue-500:#35f;--color-blue-600:#2944cc;--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-neutral-50:#f2f2f2;--color-neutral-100:#e5e5e5;--color-neutral-200:#ccc;--color-neutral-700:#474747;--color-neutral-800:#2e2e2e;--color-neutral-900:#1a1a1a;--color-white:#fff;--spacing:0.25rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dark-opacity-100:rgba(4,4,4,.1);--color-dark-opacity-150:rgba(4,4,4,.15);--color-dark-opacity-200:rgba(4,4,4,.2);--color-dark-opacity-25:rgba(4,4,4,.03);--color-dark-opacity-450:rgba(4,4,4,.46);--color-dark-opacity-50:rgba(4,4,4,.05);--color-dark-opacity-550:rgba(4,4,4,.58);--color-dark-opacity-600:rgba(4,4,4,.63);--color-dark-opacity-650:rgba(4,4,4,.68);--color-dark-opacity-700:rgba(4,4,4,.73);--color-dark-opacity-750:rgba(4,4,4,.8);--color-dark-opacity-800:rgba(4,4,4,.84);--color-dark-opacity-850:rgba(4,4,4,.89);--color-light-opacity-100:hsla(0,0%,100%,.09);--color-light-opacity-150:hsla(0,0%,100%,.14);--color-light-opacity-200:hsla(0,0%,100%,.18);--color-light-opacity-250:hsla(0,0%,100%,.24);--color-light-opacity-350:hsla(0,0%,100%,.35);--color-light-opacity-50:hsla(0,0%,100%,.05);--color-light-opacity-500:hsla(0,0%,100%,.53);--color-light-opacity-600:hsla(0,0%,100%,.63);--color-light-opacity-650:hsla(0,0%,100%,.68);--color-light-opacity-700:hsla(0,0%,100%,.73);--color-light-opacity-750:hsla(0,0%,100%,.79);--color-light-opacity-800:hsla(0,0%,100%,.84);--color-light-opacity-850:hsla(0,0%,100%,.89);--color-light-opacity-900:hsla(0,0%,100%,.94);--color-neutral-150:#d9d9d9;--color-neutral-750:#383838;--color-neutral-850:#212121;--color-pure-black-50:rgba(0,0,0,.5);--color-pure-black-75:rgba(0,0,0,.75);--color-pure-transparent:hsla(0,0%,100%,0);--color-pure-white:#fff;--color-telepix-red-100:#fce8eb;--color-telepix-red-500:#e7344c;--color-telepix-red-700:#a01326;--text-xsmall:0.625rem;--text-label:0.75rem;--text-body:0.875rem;--text-large:1.125rem;--text-xxl:1.5rem;--text-xxxl:1.875rem;--text-size-inherit:inherit;--font-weight-inherit:inherit;--spacing-xsmall:0.875rem;--spacing-label:1.3125rem;--spacing-label-compact:1rem;--spacing-body:1.5rem;--spacing-body-compact:1.3125rem;--spacing-base:1.75rem;--spacing-base-compact:1.5rem;--spacing-large:2rem;--spacing-large-compact:1.625rem;--spacing-xl:2.25rem;--spacing-xl-compact:1.75rem;--spacing-xxl:2.5rem;--spacing-xxl-compact:1.875rem;--spacing-xxxl:3.25rem;--spacing-inherit:inherit;--animate-fade-in:fade-in 150ms ease-in-out forwards;--animate-content-fade-in:content-fade-in 150ms ease-in-out forwards}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[calc\(50\%-8px\)\]{top:calc(50% - 8px)}.top-\[calc\(50\%-10px\)\]{top:calc(50% - 10px)}.top-\[calc\(50\%-12px\)\]{top:calc(50% - 12px)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[calc\(50\%-8px\)\]{left:calc(50% - 8px)}.left-\[calc\(50\%-10px\)\]{left:calc(50% - 10px)}.left-\[calc\(50\%-12px\)\]{left:calc(50% - 12px)}.z-\[1\]{z-index:1}.z-\[20\]{z-index:20}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-\[var\(--rdp-nav_button-width\)\]{margin-inline:var(--rdp-nav_button-width)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-1{margin-block:calc(var(--spacing)*1)}.my-\[5px\]{margin-block:5px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-\[3px\]{margin-top:3px}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.size-5{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.size-6{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.size-9{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-12{height:calc(var(--spacing)*12)}.h-\[1px\]{height:1px}.h-\[var\(--rdp-nav-height\)\]{height:var(--rdp-nav-height)}.h-full{height:100%}.min-h-9{min-height:calc(var(--spacing)*9)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing)*4)}.w-\[320px\]{width:320px}.w-\[500px\]{width:500px}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-auto{width:auto}.w-full{width:100%}.w-sm{width:var(--container-sm)}.w-xs{width:var(--container-xs)}.max-w-\[240px\]{max-width:240px}.max-w-\[300px\]{max-width:300px}.max-w-\[var\(--select-content-width\)\]{max-width:var(--select-content-width)}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-x-0{--tw-border-spacing-x:calc(var(--spacing)*0)}.border-spacing-x-0,.border-spacing-y-2{border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.border-spacing-y-2{--tw-border-spacing-y:calc(var(--spacing)*2)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-content-fade-in{animation:var(--animate-content-fade-in)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-\[18px\]{gap:18px}.gap-\[var\(--rdp-months-gap\)\]{gap:var(--rdp-months-gap)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-border-bound{border-color:var(--border-bound)}.border-border-divider{border-color:var(--border-divider)}.border-border-focused{border-color:var(--border-focused)}.border-border-overlay{border-color:var(--border-overlay)}.border-border-selected{border-color:var(--border-selected)}.border-fill-mono-default{border-color:var(--fill-mono-default)}.border-fill-mono-subtle-default{border-color:var(--fill-mono-subtle-default)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:transparent}.border-b-border-divider{border-bottom-color:var(--border-divider)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-divider{background-color:var(--border-divider)}.bg-border-overlay{background-color:var(--border-overlay)}.bg-comp-mono-subtle-default{background-color:var(--comp-mono-subtle-default)}.bg-comp-mono-subtle-selected{background-color:var(--comp-mono-subtle-selected)}.bg-fill-accent-default{background-color:var(--fill-accent-default)}.bg-fill-accent-selected{background-color:var(--fill-accent-selected)}.bg-fill-disabled{background-color:var(--fill-disabled)}.bg-fill-mono-default{background-color:var(--fill-mono-default)}.bg-fill-mono-hovered{background-color:var(--fill-mono-hovered)}.bg-fill-mono-selected{background-color:var(--fill-mono-selected)}.bg-fill-mono-subtle-default{background-color:var(--fill-mono-subtle-default)}.bg-fill-mono-subtle-selected{background-color:var(--fill-mono-subtle-selected)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-page-accent{background-color:var(--page-accent)}.bg-page-l0{background-color:var(--page-l0)}.bg-page-l1{background-color:var(--page-l1)}.bg-page-l2{background-color:var(--page-l2)}.bg-pure-black-50{background-color:var(--color-pure-black-50)}.bg-transparent{background-color:transparent}.fill-transparent{fill:transparent}.stroke-comp-disabled{stroke:var(--comp-disabled)}.stroke-comp-mono-default{stroke:var(--comp-mono-default)}.stroke-comp-mono-selected{stroke:var(--comp-mono-selected)}.stroke-comp-mono-subtle-default{stroke:var(--comp-mono-subtle-default)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-\[11px\]{padding-block:11px}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-body{font-size:var(--text-body)}.text-label{font-size:var(--text-label)}.text-large{font-size:var(--text-large)}.text-size-inherit{font-size:var(--text-size-inherit)}.text-xsmall{font-size:var(--text-xsmall)}.text-xxl{font-size:var(--text-xxl)}.text-xxxl{font-size:var(--text-xxxl)}.leading-base{--tw-leading:var(--spacing-base);line-height:var(--spacing-base)}.leading-base-compact{--tw-leading:var(--spacing-base-compact);line-height:var(--spacing-base-compact)}.leading-body{--tw-leading:var(--spacing-body);line-height:var(--spacing-body)}.leading-body-compact{--tw-leading:var(--spacing-body-compact);line-height:var(--spacing-body-compact)}.leading-inherit{--tw-leading:var(--spacing-inherit);line-height:var(--spacing-inherit)}.leading-label{--tw-leading:var(--spacing-label);line-height:var(--spacing-label)}.leading-label-compact{--tw-leading:var(--spacing-label-compact);line-height:var(--spacing-label-compact)}.leading-large{--tw-leading:var(--spacing-large);line-height:var(--spacing-large)}.leading-large-compact{--tw-leading:var(--spacing-large-compact);line-height:var(--spacing-large-compact)}.leading-xl{--tw-leading:var(--spacing-xl);line-height:var(--spacing-xl)}.leading-xl-compact{--tw-leading:var(--spacing-xl-compact);line-height:var(--spacing-xl-compact)}.leading-xsmall{--tw-leading:var(--spacing-xsmall);line-height:var(--spacing-xsmall)}.leading-xxl{--tw-leading:var(--spacing-xxl);line-height:var(--spacing-xxl)}.leading-xxl-compact{--tw-leading:var(--spacing-xxl-compact);line-height:var(--spacing-xxl-compact)}.leading-xxxl{--tw-leading:var(--spacing-xxxl);line-height:var(--spacing-xxxl)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-inherit{--tw-font-weight:var(--font-weight-inherit);font-weight:var(--font-weight-inherit)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-nowrap{text-wrap:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-comp-accent-default{color:var(--comp-accent-default)}.text-comp-accent-selected{color:var(--comp-accent-selected)}.text-comp-chroma-error{color:var(--comp-chroma-error)}.text-comp-disabled{color:var(--comp-disabled)}.text-comp-mono-default{color:var(--comp-mono-default)}.text-comp-mono-hovered{color:var(--comp-mono-hovered)}.text-comp-mono-selected{color:var(--comp-mono-selected)}.text-comp-mono-subtle-default{color:var(--comp-mono-subtle-default)}.text-comp-mono-subtle-selected{color:var(--comp-mono-subtle-selected)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.shadow-basic{--tw-shadow:0px 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 1px 3px 0px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-basic,.shadow-medium{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-medium{--tw-shadow:0px 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-normal{transition-behavior:normal}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-hover\:not-\[data-disabled\]\:text-comp-mono-subtle-hovered{&:is(:where(.group):hover *){@media (hover:hover){&:not(:is(data-disabled)){color:var(--comp-mono-subtle-hovered)}}}}.group-\[data-disabled\]\:text-comp-disabled{&:is(:where(.group):is(data-disabled) *){color:var(--comp-disabled)}}.group-\[data-state\=\"open\"\]\:text-comp-mono-subtle-selected{&:is(:where(.group):is(data-state="open") *){color:var(--comp-mono-subtle-selected)}}.placeholder\:text-comp-mono-subtle-default{&::-moz-placeholder{color:var(--comp-mono-subtle-default)}&::placeholder{color:var(--comp-mono-subtle-default)}}.last\:border-b-0{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.last\:pr-9{&:last-child{padding-right:calc(var(--spacing)*9)}}.focus-within\:border-border-focused{&:focus-within{border-color:var(--border-focused)}}.focus-within\:bg-fill-mono-default{&:focus-within{background-color:var(--fill-mono-default)}}.hover\:rounded-sm{&:hover{@media (hover:hover){border-radius:var(--radius-sm)}}}.hover\:border-fill-mono-subtle-hovered{&:hover{@media (hover:hover){border-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-fill-accent-hovered{&:hover{@media (hover:hover){background-color:var(--fill-accent-hovered)}}}.hover\:bg-fill-mono-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-hovered)}}}.hover\:bg-fill-mono-subtle-hovered{&:hover{@media (hover:hover){background-color:var(--fill-mono-subtle-hovered)}}}.hover\:bg-gray-200{&:hover{@media (hover:hover){background-color:var(--color-gray-200)}}}.hover\:text-comp-accent-hovered{&:hover{@media (hover:hover){color:var(--comp-accent-hovered)}}}.hover\:text-comp-mono-default{&:hover{@media (hover:hover){color:var(--comp-mono-default)}}}.hover\:text-comp-mono-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-hovered)}}}.hover\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-disabled]))){color:var(--comp-mono-hovered)}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){background-color:var(--fill-mono-hovered)}}}}}.hover\:not-\[\:is\(\[data-selected\=\'true\'\]\)\]\:not-disabled\:text-comp-mono-hovered{&:hover{@media (hover:hover){&:not(:is(:is([data-selected=true]))){&:not(:disabled){color:var(--comp-mono-hovered)}}}}}.hover\:placeholder\:text-comp-mono-subtle-hovered{&:hover{@media (hover:hover){&::-moz-placeholder{color:var(--comp-mono-subtle-hovered)}&::placeholder{color:var(--comp-mono-subtle-hovered)}}}}.focus\:placeholder\:text-comp-mono-subtle-selected{&:focus{&::-moz-placeholder{color:var(--comp-mono-subtle-selected)}&::placeholder{color:var(--comp-mono-subtle-selected)}}}.active\:border-fill-mono-subtle-pressed{&:active{border-color:var(--fill-mono-subtle-pressed)}}.active\:bg-fill-accent-pressed{&:active{background-color:var(--fill-accent-pressed)}}.active\:bg-fill-mono-pressed{&:active{background-color:var(--fill-mono-pressed)}}.active\:bg-fill-mono-selected{&:active{background-color:var(--fill-mono-selected)}}.active\:text-comp-accent-pressed{&:active{color:var(--comp-accent-pressed)}}.active\:text-comp-mono-default{&:active{color:var(--comp-mono-default)}}.active\:text-comp-mono-pressed{&:active{color:var(--comp-mono-pressed)}}.active\:text-comp-mono-subtle-pressed{&:active{color:var(--comp-mono-subtle-pressed)}}.active\:not-disabled\:bg-fill-mono-pressed{&:active{&:not(:disabled){background-color:var(--fill-mono-pressed)}}}.active\:not-disabled\:text-comp-mono-pressed{&:active{&:not(:disabled){color:var(--comp-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:bg-fill-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){background-color:var(--fill-mono-pressed)}}}.active\:not-\[\:is\(\[data-disabled\]\)\]\:text-comp-mono-pressed{&:active{&:not(:is(:is([data-disabled]))){color:var(--comp-mono-pressed)}}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:border-fill-disabled{&:disabled{border-color:var(--fill-disabled)}}.disabled\:bg-fill-disabled{&:disabled{background-color:var(--fill-disabled)}}.disabled\:text-comp-disabled{&:disabled{color:var(--comp-disabled)}}.disabled\:placeholder\:text-comp-disabled{&:disabled{&::-moz-placeholder{color:var(--comp-disabled)}&::placeholder{color:var(--comp-disabled)}}}.has-\[button\:has\(\[data-placeholder\]\)\]\:border-comp-mono-subtle-default{&:has(:is(button:has([data-placeholder]))){border-color:var(--comp-mono-subtle-default)}}.has-\[input\:disabled\]\:border-transparent{&:has(:is(input:disabled)){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:cursor-not-allowed{&:is([data-disabled]){cursor:not-allowed}}.\[\&\:is\(\[data-disabled\]\)\]\:border-transparent{&:is([data-disabled]){border-color:transparent}}.\[\&\:is\(\[data-disabled\]\)\]\:bg-fill-disabled{&:is([data-disabled]){background-color:var(--fill-disabled)}}.\[\&\:is\(\[data-disabled\]\)\]\:text-comp-disabled{&:is([data-disabled]){color:var(--comp-disabled)}}.\[\&\:is\(\[data-orientation\=\'right\'\]\)\]\:rotate-180{&:is([data-orientation=right]){rotate:180deg}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:text-comp-mono-subtle-default{&:is([data-placeholder]):not(:is([data-disabled])){color:var(--comp-mono-subtle-default)}}.\[\&\:is\(\[data-placeholder\]\)\:not\(\:is\(\[data-disabled\]\)\)\]\:hover\:text-comp-mono-subtle-hovered{&:is([data-placeholder]):not(:is([data-disabled])){&:hover{@media (hover:hover){color:var(--comp-mono-subtle-hovered)}}}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-accent-selected{&:is([data-selected=true]){background-color:var(--fill-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:bg-fill-mono-selected{&:is([data-selected=true]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:font-semibold{&:is([data-selected=true]){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-accent-selected{&:is([data-selected=true]){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-comp-mono-selected{&:is([data-selected=true]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-selected\=\'true\'\]\)\:not\(\.day-range-middle\)\]\:text-comp-accent-selected{&:is([data-selected=true]):not(.day-range-middle){color:var(--comp-accent-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=checked]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'checked\'\]\)\]\:text-comp-mono-selected{&:is([data-state=checked]){color:var(--comp-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:bg-fill-mono-selected{&:is([data-state=open]){background-color:var(--fill-mono-selected)}}.\[\&\:is\(\[data-state\=\'open\'\]\)\]\:text-comp-mono-selected{&:is([data-state=open]){color:var(--comp-mono-selected)}}.\[\&\:not\(\.day-range-end\)\]\:rounded-r-none{&:not(.day-range-end){border-bottom-right-radius:0;border-top-right-radius:0}}.\[\&\:not\(\.day-range-start\)\]\:rounded-l-none{&:not(.day-range-start){border-bottom-left-radius:0;border-top-left-radius:0}}.\[\&\:not\(\:is\(\[data-placeholder\]\)\)\]\:border-border-focused{&:not(:is([data-placeholder])){border-color:var(--border-focused)}}.hover\:\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\]\:bg-fill-mono-hovered{&:hover{@media (hover:hover){&:not(:is([data-selected=true])){background-color:var(--fill-mono-hovered)}}}}.\[\&\:not\(\:is\(\[data-selected\=\'true\'\]\)\)\:not\(\.day-outside\)\]\:text-comp-mono-default{&:not(:is([data-selected=true])):not(.day-outside){color:var(--comp-mono-default)}}}:root{--border-bound:var(--color-dark-opacity-200);--border-divider:var(--color-neutral-150);--border-focused:var(--color-dark-opacity-550);--border-overlay:var(--color-pure-transparent);--border-selected:var(--color-pure-black-50);--comp-disabled:var(--color-dark-opacity-450);--comp-accent-default:var(--color-light-opacity-900);--comp-accent-hovered:var(--color-light-opacity-850);--comp-accent-pressed:var(--color-light-opacity-700);--comp-accent-selected:var(--color-light-opacity-900);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-telepix-red-500);--comp-chroma-positive:var(--color-green-500);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-400);--comp-chroma-highlight-yellow:var(--color-yellow-700);--comp-mono-default:var(--color-dark-opacity-800);--comp-mono-hovered:var(--color-dark-opacity-700);--comp-mono-pressed:var(--color-dark-opacity-750);--comp-mono-selected:var(--color-dark-opacity-850);--comp-mono-subtle-default:var(--color-dark-opacity-600);--comp-mono-subtle-hovered:var(--color-dark-opacity-650);--comp-mono-subtle-pressed:var(--color-dark-opacity-550);--comp-mono-subtle-selected:var(--color-dark-opacity-700);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-dark-opacity-800);--fill-accent-hovered:var(--color-dark-opacity-700);--fill-accent-pressed:var(--color-dark-opacity-650);--fill-accent-selected:var(--color-dark-opacity-850);--fill-chroma-warning:var(--color-orange-500);--fill-chroma-error:var(--color-telepix-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-done:var(--color-teal-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-subtle-positive:var(--color-green-100);--fill-chroma-subtle-done:var(--color-teal-100);--fill-chroma-subtle-error:var(--color-telepix-red-100);--fill-chroma-subtle-warning:var(--color-orange-100);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-dark-opacity-25);--fill-mono-pressed:var(--color-dark-opacity-25);--fill-mono-selected:var(--color-dark-opacity-50);--fill-mono-subtle-default:var(--color-dark-opacity-50);--fill-mono-subtle-hovered:var(--color-dark-opacity-100);--fill-mono-subtle-pressed:var(--color-dark-opacity-50);--fill-mono-subtle-selected:var(--color-dark-opacity-150);--page-accent:var(--color-neutral-800);--page-fade:var(--color-pure-black-50);--page-l0:var(--color-pure-white);--page-l1:var(--color-pure-white);--page-l2:var(--color-neutral-50);--page-l3:var(--color-neutral-100);--page-l4:var(--color-neutral-200)}[data-theme=dark]{--border-bound:var(--color-light-opacity-250);--border-divider:var(--color-neutral-750);--border-focused:var(--color-light-opacity-700);--border-overlay:var(--color-light-opacity-50);--border-selected:var(--color-light-opacity-500);--comp-disabled:var(--color-light-opacity-350);--comp-accent-default:var(--color-dark-opacity-800);--comp-accent-hovered:var(--color-dark-opacity-800);--comp-accent-pressed:var(--color-dark-opacity-800);--comp-accent-selected:var(--color-dark-opacity-800);--comp-chroma-warning:var(--color-orange-500);--comp-chroma-error:var(--color-red-400);--comp-chroma-positive:var(--color-green-400);--comp-chroma-cloud:var(--color-blue-500);--comp-chroma-onpremise:var(--color-orange-500);--comp-chroma-highlight-yellow:var(--color-yellow-500);--comp-mono-default:var(--color-light-opacity-800);--comp-mono-hovered:var(--color-light-opacity-850);--comp-mono-pressed:var(--color-light-opacity-750);--comp-mono-selected:var(--color-light-opacity-900);--comp-mono-subtle-default:var(--color-light-opacity-600);--comp-mono-subtle-hovered:var(--color-light-opacity-700);--comp-mono-subtle-pressed:var(--color-light-opacity-600);--comp-mono-subtle-selected:var(--color-light-opacity-750);--fill-disabled:var(--color-pure-transparent);--fill-accent-default:var(--color-light-opacity-850);--fill-accent-hovered:var(--color-light-opacity-750);--fill-accent-pressed:var(--color-light-opacity-650);--fill-accent-selected:var(--color-light-opacity-900);--fill-chroma-warning:var(--color-orange-600);--fill-chroma-error:var(--color-red-500);--fill-chroma-positive:var(--color-green-500);--fill-chroma-info:var(--color-blue-500);--fill-chroma-done:var(--color-teal-600);--fill-chroma-subtle-positive:var(--color-green-700);--fill-chroma-subtle-done:var(--color-teal-700);--fill-chroma-subtle-error:var(--color-telepix-red-700);--fill-chroma-subtle-warning:var(--color-orange-700);--fill-mono-default:var(--color-pure-transparent);--fill-mono-hovered:var(--color-light-opacity-100);--fill-mono-pressed:var(--color-light-opacity-50);--fill-mono-selected:var(--color-light-opacity-200);--fill-mono-subtle-default:var(--color-light-opacity-100);--fill-mono-subtle-hovered:var(--color-light-opacity-100);--fill-mono-subtle-pressed:var(--color-light-opacity-100);--fill-mono-subtle-selected:var(--color-light-opacity-150);--page-accent:var(--color-neutral-100);--page-fade:var(--color-pure-black-75);--page-l0:var(--color-neutral-900);--page-l1:var(--color-neutral-850);--page-l2:var(--color-neutral-800);--page-l3:var(--color-neutral-800);--page-l4:var(--color-neutral-700)}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes content-fade-in{0%{opacity:0;transform:translate(-50%,-53%)}to{opacity:1;transform:translate(-50%,-50%)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telepix-lab/telepix-ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A UI kit for TelePIX",
   "types": "./dist/index.d.ts",
   "exports": {