pxd 0.0.50 → 0.0.52

package/dist/components/avatar/index.d.vue.ts

@@ -16,12 +16,12 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<Props, {
     getLoadingStatus: typeof getLoadingStatus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    load: (args_0: Event) => any;
     error: (args_0: Event) => any;
+    load: (args_0: Event) => any;
     loadstart: (args_0: Event) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onLoad?: ((args_0: Event) => any) | undefined;
     onError?: ((args_0: Event) => any) | undefined;
+    onLoad?: ((args_0: Event) => any) | undefined;
     onLoadstart?: ((args_0: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/avatar/index.vue.d.ts

@@ -16,12 +16,12 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<Props, {
     getLoadingStatus: typeof getLoadingStatus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    load: (args_0: Event) => any;
     error: (args_0: Event) => any;
+    load: (args_0: Event) => any;
     loadstart: (args_0: Event) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onLoad?: ((args_0: Event) => any) | undefined;
     onError?: ((args_0: Event) => any) | undefined;
+    onLoad?: ((args_0: Event) => any) | undefined;
     onLoadstart?: ((args_0: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/button/index.d.vue.ts

@@ -14,10 +14,10 @@ declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {},
     onClick?: ((args_0: MouseEvent) => any) | undefined;
     onDblclick?: ((args_0: MouseEvent) => any) | undefined;
 }>, {
-    icon: boolean;
     as: import("../../types/shared").ComponentAs;
     variant: import("../../types/shared").ComponentVariantWithDefault | "ghost" | "simple" | "icon";
     align: "left" | "center" | "right";
+    icon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/button/index.vue.d.ts

@@ -14,10 +14,10 @@ declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {},
     onClick?: ((args_0: MouseEvent) => any) | undefined;
     onDblclick?: ((args_0: MouseEvent) => any) | undefined;
 }>, {
-    icon: boolean;
     as: import("../../types/shared").ComponentAs;
     variant: import("../../types/shared").ComponentVariantWithDefault | "ghost" | "simple" | "icon";
     align: "left" | "center" | "right";
+    icon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/carousel-group/index.d.vue.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: import("vue").DefineComponent<CarouselGroupProps, {},
 }>, {
     height: number | string;
     index: number;
-    direction: import("../../types/shared").ComponentDirection;
     loop: boolean;
     arrow: boolean;
     autoplay: boolean;
     interval: number;
     indicator: boolean;
+    direction: import("../../types/shared").ComponentDirection;
     indicatorType: "dot" | "line";
     indicatorPosition: import("../../types/shared").BasePosition;
     pauseOnHover: boolean;

package/dist/components/carousel-group/index.vue

@@ -239,7 +239,7 @@ onBeforeUnmount(() => {
           v-for="(_, i) in carousels.length"
           :key="i"
           :data-index="i"
-          class="pxd-carousel-group--indicator-item relative h-(--carousel-dot-height) w-(--carousel-dot-width) cursor-pointer appearance-none rounded-full bg-gray-alpha-200 self-focus-ring outline-none hover:bg-gray-alpha-400 motion-safe:transition-colors"
+          class="pxd-carousel-group--indicator-item relative h-(--carousel-dot-height) w-(--carousel-dot-width) cursor-pointer appearance-none rounded-full bg-gray-alpha-200 font-inherit self-focus-ring outline-none hover:bg-gray-alpha-400 motion-safe:transition-colors"
           :class="{ 'bg-primary!': i === correctIndex }"
         />
       </slot>
@@ -249,7 +249,7 @@ onBeforeUnmount(() => {
       <button
         type="button"
         aria-label="Carousel arrow left"
-        class="pxd-carousel-group--prev-btn p-1.5 cursor-pointer appearance-none rounded-md bg-gray-alpha-100 text-foreground-secondary self-focus-ring outline-none hover:bg-background-hover active:bg-background-active disabled:pointer-events-none motion-safe:transition-colors"
+        class="pxd-carousel-group--prev-btn p-1.5 cursor-pointer appearance-none rounded-md bg-gray-alpha-100 font-inherit text-foreground-secondary self-focus-ring outline-none hover:bg-background-hover active:bg-background-active disabled:pointer-events-none motion-safe:transition-colors"
         @click="onToggleClick(-1)"
       >
         <ChevronRightIcon class="rotate-180" />
@@ -258,7 +258,7 @@ onBeforeUnmount(() => {
       <button
         type="button"
         aria-label="Carousel arrow right"
-        class="pxd-carousel-group--next-btn p-1.5 cursor-pointer appearance-none rounded-md bg-gray-alpha-100 text-foreground-secondary self-focus-ring outline-none hover:bg-background-hover active:bg-background-active disabled:pointer-events-none motion-safe:transition-colors"
+        class="pxd-carousel-group--next-btn p-1.5 cursor-pointer appearance-none rounded-md bg-gray-alpha-100 font-inherit text-foreground-secondary self-focus-ring outline-none hover:bg-background-hover active:bg-background-active disabled:pointer-events-none motion-safe:transition-colors"
         @click="onToggleClick(1)"
       >
         <ChevronRightIcon />

package/dist/components/carousel-group/index.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: import("vue").DefineComponent<CarouselGroupProps, {},
 }>, {
     height: number | string;
     index: number;
-    direction: import("../../types/shared").ComponentDirection;
     loop: boolean;
     arrow: boolean;
     autoplay: boolean;
     interval: number;
     indicator: boolean;
+    direction: import("../../types/shared").ComponentDirection;
     indicatorType: "dot" | "line";
     indicatorPosition: import("../../types/shared").BasePosition;
     pauseOnHover: boolean;

package/dist/components/collapse/index.vue

@@ -67,7 +67,7 @@ onMounted(() => {
   <div class="pxd-collapse group/collapse border-b">
     <h3 class="pxd-collapse--title">
       <button
-        class="pxd-collapse--trigger pr-1 group/collapse flex w-full cursor-pointer touch-manipulation appearance-none items-center justify-between border-none bg-transparent self-focus-ring outline-none"
+        class="pxd-collapse--trigger pr-1 group/collapse flex w-full cursor-pointer touch-manipulation appearance-none items-center justify-between border-none bg-transparent font-inherit self-focus-ring outline-none"
         :data-state="isExpanded ? 'open' : 'closed'"
         @click="onTriggerClick"
       >
@@ -95,5 +95,5 @@ onMounted(() => {
 </template>
 
 <style>
-.pxd-collapse--trigger{font-size:var(--collapse-font-size,24px);font-weight:var(--collapse-font-weight,600);padding-block:var(--collapse-padding,24px)}.pxd-transition--collapse-enter-active,.pxd-transition--collapse-leave-active{transition:height var(--default-transition-duration) var(--default-transition-timing-function)}
+.pxd-collapse--trigger{font-size:var(--collapse-font-size,24px);font-weight:var(--collapse-font-weight,600);padding-block:var(--collapse-padding,24px)}.pxd-transition--collapse-enter-active,.pxd-transition--collapse-leave-active{transition-property:height}
 </style>

package/dist/components/drawer/index.vue

@@ -133,5 +133,5 @@ watch(() => isVisible.value, (visible) => {
 </template>
 
 <style>
-.pxd-drawer[data-position=left]{bottom:0;left:0;top:0}.pxd-drawer[data-position=top]{left:0;right:0;top:0}.pxd-drawer[data-position=right]{bottom:0;right:0;top:0}.pxd-drawer[data-position=bottom]{bottom:0;left:0;right:0}.pxd-drawer[data-position=left],.pxd-drawer[data-position=right]{width:var(--drawer-size,var(--drawer-width,80vw))}.pxd-drawer[data-position=bottom],.pxd-drawer[data-position=top]{height:var(--drawer-size,var(--drawer-height,80vw))}.pxd-transition--drawer-bottom-enter-active,.pxd-transition--drawer-bottom-leave-active,.pxd-transition--drawer-left-enter-active,.pxd-transition--drawer-left-leave-active,.pxd-transition--drawer-right-enter-active,.pxd-transition--drawer-right-leave-active,.pxd-transition--drawer-top-enter-active,.pxd-transition--drawer-top-leave-active{transition:transform var(--default-transition-duration,.3s) var(--default-transition-timing-function)}.pxd-transition--drawer-right-enter-from,.pxd-transition--drawer-right-leave-to{transform:translateX(100%)}.pxd-transition--drawer-left-enter-from,.pxd-transition--drawer-left-leave-to{transform:translateX(-100%)}.pxd-transition--drawer-top-enter-from,.pxd-transition--drawer-top-leave-to{transform:translateY(-100%)}.pxd-transition--drawer-bottom-enter-from,.pxd-transition--drawer-bottom-leave-to{transform:translateY(100%)}
+.pxd-drawer[data-position=left]{bottom:0;left:0;top:0}.pxd-drawer[data-position=top]{left:0;right:0;top:0}.pxd-drawer[data-position=right]{bottom:0;right:0;top:0}.pxd-drawer[data-position=bottom]{bottom:0;left:0;right:0}.pxd-drawer[data-position=left],.pxd-drawer[data-position=right]{width:var(--drawer-size,var(--drawer-width,80vw))}.pxd-drawer[data-position=bottom],.pxd-drawer[data-position=top]{height:var(--drawer-size,var(--drawer-height,80vw))}.pxd-transition--drawer-bottom-enter-active,.pxd-transition--drawer-bottom-leave-active,.pxd-transition--drawer-left-enter-active,.pxd-transition--drawer-left-leave-active,.pxd-transition--drawer-right-enter-active,.pxd-transition--drawer-right-leave-active,.pxd-transition--drawer-top-enter-active,.pxd-transition--drawer-top-leave-active{transition-property:transform}.pxd-transition--drawer-right-enter-from,.pxd-transition--drawer-right-leave-to{transform:translateX(100%)}.pxd-transition--drawer-left-enter-from,.pxd-transition--drawer-left-leave-to{transform:translateX(-100%)}.pxd-transition--drawer-top-enter-from,.pxd-transition--drawer-top-leave-to{transform:translateY(-100%)}.pxd-transition--drawer-bottom-enter-from,.pxd-transition--drawer-bottom-leave-to{transform:translateY(100%)}
 </style>

package/dist/components/hold-button/index.vue

@@ -170,7 +170,8 @@ onBeforeUnmount(() => {
 
   &.effective:not(.is-disabled):active .pxd-hold-button--overlay {
     clip-path: inset(0px);
-    transition: clip-path var(--hold-button-durations) var(--default-transition-timing-function), opacity var(--default-transition-duration) var(--default-transition-timing-function);
+    transition: clip-path var(--hold-button-durations), opacity var(--default-transition-duration);
+    transition-timing-function: var(--default-transition-timing-function);
   }
 }
 </style>

package/dist/components/input/index.d.vue.ts

@@ -17,30 +17,30 @@ declare const __VLS_base: import("vue").DefineComponent<InputProps, {
     input: (args_0: string) => any;
     click: (args_0: MouseEvent) => any;
     clear: (args_0: string) => any;
-    change: (args_0: string) => any;
-    "update:modelValue": (args_0: string) => any;
     blur: (args_0: FocusEvent) => any;
+    change: (args_0: string) => any;
     compositionend: (args_0: CompositionEvent) => any;
     compositionstart: (args_0: CompositionEvent) => any;
     compositionupdate: (args_0: CompositionEvent) => any;
     focus: (args_0: FocusEvent) => any;
     keydown: (args_0: KeyboardEvent) => any;
+    "update:modelValue": (args_0: string) => any;
 }, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
     onInput?: ((args_0: string) => any) | undefined;
     onClick?: ((args_0: MouseEvent) => any) | undefined;
     onClear?: ((args_0: string) => any) | undefined;
-    onChange?: ((args_0: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
     onBlur?: ((args_0: FocusEvent) => any) | undefined;
+    onChange?: ((args_0: string) => any) | undefined;
     onCompositionend?: ((args_0: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((args_0: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((args_0: CompositionEvent) => any) | undefined;
     onFocus?: ((args_0: FocusEvent) => any) | undefined;
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
 }>, {
-    placeholder: string;
-    error: boolean | string;
     align: "left" | "center" | "right";
+    error: boolean | string;
+    placeholder: string;
     modelValue: import("../../types/shared").ComponentLabel;
     prefixStyle: boolean;
     suffixStyle: boolean;

package/dist/components/input/index.vue

@@ -226,7 +226,7 @@ defineExpose({
     >
       <button
         v-if="password"
-        class="p-1 appearance-none rounded-sm self-focus-ring outline-none hover:bg-background-hover hover:text-foreground active:bg-background-active motion-safe:transition-colors"
+        class="p-1 appearance-none rounded-sm font-inherit self-focus-ring outline-none hover:bg-background-hover hover:text-foreground active:bg-background-active motion-safe:transition-colors"
         @click.stop.prevent="toggleType"
       >
         <EyeOffIcon v-if="isPasswordVisible" class="size-3 pointer-events-none" />
@@ -234,7 +234,7 @@ defineExpose({
       </button>
       <button
         v-if="clearable"
-        class="p-1 appearance-none rounded-sm self-focus-ring outline-none hover:bg-background-hover hover:text-foreground active:bg-background-active motion-safe:transition-colors"
+        class="p-1 appearance-none rounded-sm font-inherit self-focus-ring outline-none hover:bg-background-hover hover:text-foreground active:bg-background-active motion-safe:transition-colors"
         @click.stop.prevent="clearValue"
       >
         <CrossIcon class="size-3 pointer-events-none" />

package/dist/components/input/index.vue.d.ts

@@ -17,30 +17,30 @@ declare const __VLS_base: import("vue").DefineComponent<InputProps, {
     input: (args_0: string) => any;
     click: (args_0: MouseEvent) => any;
     clear: (args_0: string) => any;
-    change: (args_0: string) => any;
-    "update:modelValue": (args_0: string) => any;
     blur: (args_0: FocusEvent) => any;
+    change: (args_0: string) => any;
     compositionend: (args_0: CompositionEvent) => any;
     compositionstart: (args_0: CompositionEvent) => any;
     compositionupdate: (args_0: CompositionEvent) => any;
     focus: (args_0: FocusEvent) => any;
     keydown: (args_0: KeyboardEvent) => any;
+    "update:modelValue": (args_0: string) => any;
 }, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
     onInput?: ((args_0: string) => any) | undefined;
     onClick?: ((args_0: MouseEvent) => any) | undefined;
     onClear?: ((args_0: string) => any) | undefined;
-    onChange?: ((args_0: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
     onBlur?: ((args_0: FocusEvent) => any) | undefined;
+    onChange?: ((args_0: string) => any) | undefined;
     onCompositionend?: ((args_0: CompositionEvent) => any) | undefined;
     onCompositionstart?: ((args_0: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((args_0: CompositionEvent) => any) | undefined;
     onFocus?: ((args_0: FocusEvent) => any) | undefined;
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
 }>, {
-    placeholder: string;
-    error: boolean | string;
     align: "left" | "center" | "right";
+    error: boolean | string;
+    placeholder: string;
     modelValue: import("../../types/shared").ComponentLabel;
     prefixStyle: boolean;
     suffixStyle: boolean;

package/dist/components/message/index.vue

@@ -395,9 +395,7 @@ defineExpose({
     .pxd-transition-message-move,
     .pxd-transition-message-enter-active,
     .pxd-transition-message-leave-active {
-      transition:
-        transform var(--default-transition-duration) var(--default-transition-timing-function),
-        opacity var(--default-transition-duration) var(--default-transition-timing-function);
+      transition-property: transform, opacity;
     }
 
     .pxd-transition-message-leave-active {

package/dist/components/modal/index.vue

@@ -120,5 +120,5 @@ watch(() => isVisible.value, (visible) => {
 </template>
 
 <style>
-.pxd-modal{max-height:min(800px,80vh);max-height:min(800px,80dvh)}.pxd-transition--modal-enter-active,.pxd-transition--modal-leave-active{transition-duration:var(--default-transition-duration);transition-property:transform,opacity;transition-timing-function:var(--default-transition-timing-function)}.pxd-transition--modal-enter-from,.pxd-transition--modal-leave-to{opacity:var(--o,1);transform:var(--t,translate3d(0,100%,0))}
+.pxd-modal{max-height:min(800px,80vh);max-height:min(800px,80dvh)}.pxd-transition--modal-enter-active,.pxd-transition--modal-leave-active{transition-property:transform,opacity}.pxd-transition--modal-enter-from,.pxd-transition--modal-leave-to{opacity:var(--o,1);transform:var(--t,translate3d(0,100%,0))}
 </style>

package/dist/components/number-input/index.vue

@@ -151,7 +151,7 @@ function onInputKeydown(ev) {
   >
     <template #prefix>
       <button
-        class="mr-2 -ml-3 flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center border-r text-foreground outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
+        class="mr-2 -ml-3 flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center border-r font-inherit text-foreground outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
         :disabled="decreaseDisabled"
         @pointerdown="startDecrease"
         @pointercancel="stopDecrease"
@@ -168,7 +168,7 @@ function onInputKeydown(ev) {
       <slot name="suffix" />
 
       <button
-        class="ml-2 -mr-3 flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center border-l text-foreground outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
+        class="ml-2 -mr-3 flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center border-l font-inherit text-foreground outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
         :disabled="increaseDisabled"
         @pointerdown="startIncrease"
         @pointercancel="stopIncrease"

package/dist/components/popover/index.d.vue.ts

@@ -51,9 +51,9 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onOutside-click"?: ((args_0: MouseEvent) => any) | undefined;
     "onTrigger-click"?: ((args_0: PointerEvent) => any) | undefined;
 }>, {
+    position: ComponentPosition;
     offset: number;
     trigger: PopoverTrigger | PopoverTrigger[];
-    position: ComponentPosition;
     showDelay: number;
     hideDelay: number;
     arrowColor: string;

package/dist/components/popover/index.vue.d.ts

@@ -51,9 +51,9 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onOutside-click"?: ((args_0: MouseEvent) => any) | undefined;
     "onTrigger-click"?: ((args_0: PointerEvent) => any) | undefined;
 }>, {
+    position: ComponentPosition;
     offset: number;
     trigger: PopoverTrigger | PopoverTrigger[];
-    position: ComponentPosition;
     showDelay: number;
     hideDelay: number;
     arrowColor: string;

package/dist/components/skeleton/index.d.vue.ts

@@ -11,9 +11,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    loading: boolean;
     height: string | number;
     shape: "default" | "squared" | "rounded";
+    loading: boolean;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/skeleton/index.vue.d.ts

@@ -11,9 +11,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    loading: boolean;
     height: string | number;
     shape: "default" | "squared" | "rounded";
+    loading: boolean;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/textarea/index.d.vue.ts

@@ -12,15 +12,15 @@ interface Props {
     placeholder?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (args_0: NonNullable<ComponentLabel | undefined>) => any;
-    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
     blur: (args_0: FocusEvent) => any;
+    change: (args_0: NonNullable<ComponentLabel | undefined>) => any;
     focus: (args_0: FocusEvent) => any;
+    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onChange?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
-    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onBlur?: ((args_0: FocusEvent) => any) | undefined;
+    onChange?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onFocus?: ((args_0: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
 }>, {
     modelValue: ComponentLabel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/textarea/index.vue.d.ts

@@ -12,15 +12,15 @@ interface Props {
     placeholder?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (args_0: NonNullable<ComponentLabel | undefined>) => any;
-    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
     blur: (args_0: FocusEvent) => any;
+    change: (args_0: NonNullable<ComponentLabel | undefined>) => any;
     focus: (args_0: FocusEvent) => any;
+    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onChange?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
-    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onBlur?: ((args_0: FocusEvent) => any) | undefined;
+    onChange?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onFocus?: ((args_0: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
 }>, {
     modelValue: ComponentLabel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/time-picker/index.vue

@@ -204,7 +204,7 @@ watch(() => props.modelValue, updateDayjsDateTime, { immediate: true });
       :placeholder="placeholder"
       :prefix-style="false"
       :data-focusing="popoverVisible"
-      select-on-focus
+      :select-on-focus="!isXs"
       v-bind="$attrs"
       @clear="onInputValueChange"
       @change="onInputValueChange"
@@ -216,7 +216,7 @@ watch(() => props.modelValue, updateDayjsDateTime, { immediate: true });
     </PInput>
 
     <template #content>
-      <div class="p-2 gap-1 flex items-center justify-between border-b" @click.stop>
+      <div class="max-sm:p-2 p-1 gap-1 flex items-center justify-between border-b" @click.stop>
         <PButton size="xs" variant="ghost" class="sm:px-0! text-13px" @click="onCancelClick">
           {{ config.locale.confirm.cancel }}
         </PButton>
@@ -226,24 +226,24 @@ watch(() => props.modelValue, updateDayjsDateTime, { immediate: true });
         </PButton>
       </div>
 
-      <div class="sm:text-sm flex max-w-full transform-gpu items-center tabular-nums outline-none select-none max-sm:text-15px" @click.stop="onTimeListClick">
+      <div class="sm:text-sm flex max-w-full transform-gpu items-stretch tabular-nums outline-none select-none max-sm:text-15px" @click.stop="onTimeListClick">
         <div class="p-2 gap-1 relative mx-auto flex items-center">
           <div class="pxd-time-picker--list relative">
-            <ul ref="timeHoursRef" data-type="hour" class="w-8 h-40 px-0 m-0 py-16 scrollbar-hidden list-none overflow-x-hidden overflow-y-scroll overscroll-contain text-center outline-none" @scroll.stop="onTimeListScroll">
+            <ul ref="timeHoursRef" data-type="hour" class="w-8 h-40 px-0 m-0 py-16 scrollbar-hidden list-none overflow-x-hidden overflow-y-scroll overscroll-contain text-center outline-none [-webkit-overflow-scrolling:auto]" @scroll.stop="onTimeListScroll">
               <li v-for="_, i of 24" :key="i" class="h-8 leading-8 cursor-pointer">
                 {{ padStringZero(i) }}
               </li>
             </ul>
           </div>
           <div class="pxd-time-picker--list relative">
-            <ul ref="timeMinutesRef" data-type="minute" class="w-8 h-40 px-0 m-0 py-16 scrollbar-hidden list-none overflow-x-hidden overflow-y-scroll overscroll-contain text-center outline-none" @scroll.stop="onTimeListScroll">
+            <ul ref="timeMinutesRef" data-type="minute" class="w-8 h-40 px-0 m-0 py-16 scrollbar-hidden list-none overflow-x-hidden overflow-y-scroll overscroll-contain text-center outline-none [-webkit-overflow-scrolling:auto]" @scroll.stop="onTimeListScroll">
               <li v-for="_, i of 60" :key="i" class="h-8 leading-8 cursor-pointer">
                 {{ padStringZero(i) }}
               </li>
             </ul>
           </div>
           <div v-if="showSeconds" class="pxd-time-picker--list relative">
-            <ul ref="timeSecondsRef" data-type="second" class="w-8 h-40 px-0 m-0 py-16 scrollbar-hidden list-none overflow-x-hidden overflow-y-scroll overscroll-contain text-center outline-none" @scroll.stop="onTimeListScroll">
+            <ul ref="timeSecondsRef" data-type="second" class="w-8 h-40 px-0 m-0 py-16 scrollbar-hidden list-none overflow-x-hidden overflow-y-scroll overscroll-contain text-center outline-none [-webkit-overflow-scrolling:auto]" @scroll.stop="onTimeListScroll">
               <li v-for="_, i of 60" :key="i" class="h-8 leading-8 cursor-pointer">
                 {{ padStringZero(i) }}
               </li>
@@ -251,12 +251,12 @@ watch(() => props.modelValue, updateDayjsDateTime, { immediate: true });
           </div>
         </div>
 
-        <div v-if="presets?.length" class="max-sm:w-36 sm:w-25 p-2 h-44 gap-1 scrollbar-hidden flex flex-wrap content-start overflow-auto border-l outline-none" @click="onPresetClick">
+        <div v-if="presets?.length" class="max-sm:w-36 sm:w-25 p-2 gap-1 scrollbar-hidden flex flex-wrap content-start self-stretch overflow-auto border-l outline-none" @click="onPresetClick">
           <button
             v-for="preset, i in presets"
             :key="preset.label"
             :data-index="i"
-            class="px-1.5 py-0.5 sm:text-13px sm:leading-4 cursor-pointer appearance-none rounded-sm bg-gray-300 whitespace-nowrap text-foreground self-focus-ring outline-none max-sm:leading-5 max-sm:text-sm motion-safe:transition-all"
+            class="px-1.5 py-0.5 sm:text-13px sm:leading-4 cursor-pointer appearance-none rounded-sm border-none bg-gray-300 font-inherit whitespace-nowrap text-foreground self-focus-ring outline-none max-sm:leading-5 max-sm:text-sm hover:bg-gray-400 active:bg-gray-500 motion-safe:transition-all"
           >
             {{ preset.label }}
           </button>
@@ -267,5 +267,5 @@ watch(() => props.modelValue, updateDayjsDateTime, { immediate: true });
 </template>
 
 <style>
-.pxd-time-picker--list ul{-webkit-overflow-scrolling:auto}.pxd-time-picker--list:before{background:var(--color-gray-alpha-200);border-radius:var(--radius-md);content:"";height:20%;pointer-events:none;position:absolute;top:64px;width:100%;z-index:-1}
+.pxd-time-picker--list:after,.pxd-time-picker--list:before{background:linear-gradient(var(--time-picker-list-gradient-direction),var(--color-background-100) 15%,transparent);content:"";height:50%;pointer-events:none;position:absolute;width:100%}.pxd-time-picker--list:before{--time-picker-list-gradient-direction:to bottom;top:0}.pxd-time-picker--list:after{--time-picker-list-gradient-direction:to top;bottom:0}
 </style>

package/dist/composables/use-lock-scroll.js

@@ -1,3 +1,4 @@
+import { hasScrollbar, isScrollable } from "../utils/dom.js";
 import { cachedOff, cachedOn, preventDefaultScroll } from "../utils/event.js";
 let documentTouchMoveLocks = 0;
 export function useLockScroll() {
@@ -8,7 +9,13 @@ export function useLockScroll() {
   function lockScroll() {
     if (!isLocked()) {
       cachedOn(document, "touchmove", preventDefaultScroll, { passive: false });
-      rootEl.classList.add("scrollbar-stable", "scroll-disabled-both", "pointer-events-none!");
+      const classList = ["pointer-events-none!"];
+      const { y: yScrollbar } = hasScrollbar(rootEl);
+      const { y: yScrollable } = isScrollable(rootEl);
+      if (yScrollbar && yScrollable) {
+        classList.push("scrollbar-stable", "scrollbar-disabled");
+      }
+      rootEl.classList.add(...classList);
     }
     documentTouchMoveLocks++;
   }
@@ -19,7 +26,7 @@ export function useLockScroll() {
     documentTouchMoveLocks = Math.max(documentTouchMoveLocks - 1, 0);
     if (!documentTouchMoveLocks) {
       cachedOff(document, "touchmove", preventDefaultScroll);
-      rootEl.classList.remove("scrollbar-stable", "scroll-disabled-both", "pointer-events-none!");
+      rootEl.classList.remove("pointer-events-none!", "scrollbar-stable", "scrollbar-disabled");
     }
   }
   return {

package/dist/styles/source.css

@@ -1,6 +1,7 @@
 @layer theme, base, components, utilities;
 @import "tailwindcss/theme.css" layer(theme);
 @import "tailwindcss/utilities.css" layer(utilities) source("../components/");
+@source "../composables/";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -108,7 +109,7 @@
   --color-pink-1000-value: 333, 74%, 15%;
 
   --default-transition-duration: .2s;
-  --default-transition-timing-function: ease-in-out;
+  --default-transition-timing-function: ease-out;
 
   --primary: var(--color-gray-1000-value);
   --primary-hover: hsla(var(--primary), 70%);
@@ -514,9 +515,14 @@
   z-index: 0;
 }
 
+[class*="pxd-transition--"] {
+  transition-duration: var(--default-transition-duration);
+  transition-timing-function: var(--default-transition-timing-function);
+}
+
 .pxd-transition--fade-enter-active,
 .pxd-transition--fade-leave-active {
-  transition: opacity var(--default-transition-duration) var(--default-transition-timing-function);
+  transition-property: opacity;
   will-change: opacity;
 }
 
@@ -529,7 +535,6 @@
 .pxd-transition--fade-scale-move,
 .pxd-transition--fade-scale-enter-active,
 .pxd-transition--fade-scale-leave-active {
-  transition: var(--default-transition-duration) var(--default-transition-timing-function);
   transition-property: opacity, transform, filter;
   will-change: opacity, transform, filter;
 }
@@ -553,13 +558,13 @@
   scrollbar-gutter: stable !important;
 }
 
-.scroll-disabled-both,
-.scroll-disabled-x {
+.scrollbar-disabled,
+.scrollbar-disabled-x {
   overflow-x: clip !important;
 }
 
-.scroll-disabled-both,
-.scroll-disabled-y {
+.scrollbar-disabled,
+.scrollbar-disabled-y {
   overflow-y: clip !important;
 }
 

package/dist/styles/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:hsl(var(--color-red-700-value));--color-red-800:hsl(var(--color-red-800-value));--color-red-900:hsl(var(--color-red-900-value));--color-amber-400:hsl(var(--color-amber-400-value));--color-amber-600:hsl(var(--color-amber-600-value));--color-amber-700:hsl(var(--color-amber-700-value));--color-amber-800:hsl(var(--color-amber-800-value));--color-green-300:hsl(var(--color-green-300-value));--color-green-500:hsl(var(--color-green-500-value));--color-green-700:hsl(var(--color-green-700-value));--color-green-900:hsl(var(--color-green-900-value));--color-blue-700:hsl(var(--color-blue-700-value));--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-900:oklch(38% .189 293.745);--color-gray-100:hsl(var(--color-gray-100-value));--color-gray-200:hsl(var(--color-gray-200-value));--color-gray-300:hsl(var(--color-gray-300-value));--color-gray-500:hsl(var(--color-gray-500-value));--color-gray-600:hsl(var(--color-gray-600-value));--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-md:calc(var(--radius) - 2px);--animate-spin:spin 1s linear infinite;--blur-xs:4px;--default-transition-duration:var(--default-transition-duration);--default-transition-timing-function:var(--default-transition-timing-function);--color-primary:hsl(var(--primary));--color-border:hsl(var(--color-gray-300-value));--color-foreground:hsl(var(--color-gray-1000-value));--color-background-100:hsl(var(--background-100-value));--color-gray-alpha-100:var(--color-gray-alpha-100-value);--color-gray-alpha-200:var(--color-gray-alpha-200-value);--color-gray-alpha-300:var(--color-gray-alpha-300-value);--color-gray-alpha-400:var(--color-gray-alpha-400-value);--color-gray-alpha-500:var(--color-gray-alpha-500-value);--color-gray-alpha-600:var(--color-gray-alpha-600-value);--shadow-border-default:var(--shadow-border-default-value);--shadow-border-small:var(--shadow-border-small-value);--shadow-border-medium:var(--shadow-border-medium-value);--shadow-border-large:var(--shadow-border-large-value);--shadow-border-tooltip:var(--shadow-border-tooltip-value);--shadow-border-menu:var(--shadow-border-menu-value);--shadow-border-modal:var(--shadow-border-modal-value);--shadow-border-fullscreen:var(--shadow-border-fullscreen-value)}}@layer base{*{border-color:hsl(var(--color-gray-300-value))}}@layer components{.pxd-input--border{border:1px solid var(--border-color,var(--color-gray-alpha-300))}.pxd-input--border:not(.is-disabled,.is-readonly):hover{--border-color:hsla(var(--primary),.5)}.pxd-input--border:not(.is-disabled,.is-readonly)[data-focusing=true],.pxd-input--border:not(.is-disabled,.is-readonly):focus-within{--border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(var(--primary),.2)}.pxd-input--border.is-error:not(:focus)::placeholder{color:var(--color-red-900)!important}.pxd-input--border.is-error,.pxd-input--border.is-error:focus-within,.pxd-input--border.is-error[data-focusing=true]{--border-color:hsl(var(--color-red-900-value));box-shadow:0 0 0 3px hsl(var(--color-red-300-value))}.pxd-input--border.is-error:focus-within,.pxd-input--border.is-error[data-focusing=true],.pxd-input--border.is-error:not(.is-disabled,.is-readonly):hover{--border-color:hsl(var(--color-red-900-value));box-shadow:0 0 0 3px hsl(var(--color-red-500-value))}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.smallest{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-inset-px{inset:-1px}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.-right-5{right:calc(var(--spacing)*-5)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-6{right:calc(var(--spacing)*6)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-6{bottom:calc(var(--spacing)*6)}.-left-1{left:calc(var(--spacing)*-1)}.-left-5{left:calc(var(--spacing)*-5)}.left-0{left:calc(var(--spacing)*0)}.left-px{left:1px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.col-\(--xs-col\){grid-column:var(--xs-col)}.row-\(--xs-row\){grid-row:var(--xs-row)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1\.5{margin:calc(var(--spacing)*1.5)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-auto{margin-inline:auto}.mx-px{margin-inline:1px}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-\(--mt\){margin-top:var(--mt)}.mt-4{margin-top:calc(var(--spacing)*4)}.-mr-3{margin-right:calc(var(--spacing)*-3)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.-ml-0\.5{margin-left:calc(var(--spacing)*-.5)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.scrollbar-hidden::-webkit-scrollbar{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\(--avatar-size\){width:var(--avatar-size);height:var(--avatar-size)}.size-\(--chip-size\){width:var(--chip-size);height:var(--chip-size)}.size-\(--s\){width:var(--s);height:var(--s)}.size-1\/2{width:50%;height:50%}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-15{width:calc(var(--spacing)*15);height:calc(var(--spacing)*15)}.size-\[calc\(1em\/4\)\]{width:.25em;height:.25em}.size-em{width:1em;height:1em}.size-full{width:100%;height:100%}.size-max{width:max-content;height:max-content}.\!h-0{height:calc(var(--spacing)*0)!important}.h-\(--carousel-dot-height\){height:var(--carousel-dot-height)}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-7\.5{height:calc(var(--spacing)*7.5)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-40{height:calc(var(--spacing)*40)}.h-44{height:calc(var(--spacing)*44)}.h-auto{height:auto}.h-full{height:100%}.h-inherit{height:inherit}.h-lh{height:1lh}.max-h-68{max-height:calc(var(--spacing)*68)}.max-h-full{max-height:100%}.max-h-inherit{max-height:inherit}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-3\.5{min-height:calc(var(--spacing)*3.5)}.min-h-7\.5{min-height:calc(var(--spacing)*7.5)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-13{min-height:calc(var(--spacing)*13)}.min-h-\[inherit\]{min-height:inherit}.\!w-auto{width:auto!important}.w-\(--carousel-dot-width\){width:var(--carousel-dot-width)}.w-\(--message-width\){width:var(--message-width)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-7\.5{width:calc(var(--spacing)*7.5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-fit{width:fit-content}.w-full{width:100%}.w-inherit{width:inherit}.w-max{width:max-content}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-3{min-width:calc(var(--spacing)*3)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\(--tx\){--tw-translate-x:var(--tx);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/3{--tw-translate-y:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-z-0{--tw-translate-z:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-130{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-y-90{--tw-scale-y:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-\[85deg\]{rotate:-85deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-\(--message-item-transform\){transform:var(--message-item-transform)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\(--xs-cols\){grid-template-columns:var(--xs-cols)}.grid-rows-\(--xs-rows\){grid-template-rows:var(--xs-rows)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-\(--xs\){gap:var(--xs)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\(--item-radius\){border-radius:var(--item-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-inherit{border-radius:inherit}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-l-inherit{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.rounded-r-inherit{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-100{border-color:hsl(var(--color-amber-100-value))}.border-amber-500{border-color:hsl(var(--color-amber-500-value))}.border-background-100{border-color:hsl(var(--background-100-value))}.border-blue-100{border-color:hsl(var(--color-blue-100-value))}.border-blue-500{border-color:hsl(var(--color-blue-500-value))}.border-gray-100{border-color:hsl(var(--color-gray-100-value))}.border-gray-300{border-color:hsl(var(--color-gray-300-value))}.border-gray-400{border-color:hsl(var(--color-gray-400-value))}.border-gray-500{border-color:hsl(var(--color-gray-500-value))}.border-gray-600{border-color:hsl(var(--color-gray-600-value))}.border-gray-alpha-300{border-color:var(--color-gray-alpha-300-value)}.border-gray-alpha-400{border-color:var(--color-gray-alpha-400-value)}.border-input{border-color:var(--color-gray-alpha-300)}.border-primary{border-color:hsl(var(--primary))}.border-red-100{border-color:hsl(var(--color-red-100-value))}.border-red-500{border-color:hsl(var(--color-red-500-value))}.border-teal-100{border-color:hsl(var(--color-teal-100-value))}.border-teal-400{border-color:hsl(var(--color-teal-400-value))}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-400{border-color:var(--color-violet-400)}.bg-\(--hold-button-mask-color\){background-color:var(--hold-button-mask-color)}.bg-\(--popover-bg\){background-color:var(--popover-bg)}.bg-\(--toggle-inactive-color\){background-color:var(--toggle-inactive-color)}.bg-\[\#26C941\]{background-color:#26c941}.bg-\[\#FE5F57\]{background-color:#fe5f57}.bg-\[\#FEBB2E\]{background-color:#febb2e}.bg-amber-200{background-color:hsl(var(--color-amber-200-value))}.bg-amber-600{background-color:hsl(var(--color-amber-600-value))}.bg-amber-700{background-color:hsl(var(--color-amber-700-value))}.bg-amber-800{background-color:hsl(var(--color-amber-800-value))}.bg-background-100{background-color:hsl(var(--background-100-value))}.bg-background-200{background-color:hsl(var(--background-200-value))}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-200{background-color:hsl(var(--color-blue-200-value))}.bg-blue-700{background-color:hsl(var(--color-blue-700-value))}.bg-border{background-color:hsl(var(--color-gray-300-value))}.bg-current{background-color:currentColor}.bg-gray-100{background-color:hsl(var(--color-gray-100-value))}.bg-gray-200{background-color:hsl(var(--color-gray-200-value))}.bg-gray-300{background-color:hsl(var(--color-gray-300-value))}.bg-gray-500{background-color:hsl(var(--color-gray-500-value))}.bg-gray-600{background-color:hsl(var(--color-gray-600-value))}.bg-gray-700{background-color:hsl(var(--color-gray-700-value))}.bg-gray-900{background-color:hsl(var(--color-gray-900-value))}.bg-gray-1000{background-color:hsl(var(--color-gray-1000-value))}.bg-gray-alpha-100{background-color:var(--color-gray-alpha-100-value)}.bg-gray-alpha-200{background-color:var(--color-gray-alpha-200-value)}.bg-gray-alpha-400{background-color:var(--color-gray-alpha-400-value)}.bg-green-200{background-color:hsl(var(--color-green-200-value))}.bg-green-700{background-color:hsl(var(--color-green-700-value))}.bg-green-800{background-color:hsl(var(--color-green-800-value))}.bg-pink-200{background-color:hsl(var(--color-pink-200-value))}.bg-pink-700{background-color:hsl(var(--color-pink-700-value))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\!{background-color:hsl(var(--primary))!important}.bg-purple-200{background-color:hsl(var(--color-purple-200-value))}.bg-purple-700{background-color:hsl(var(--color-purple-700-value))}.bg-red-200{background-color:hsl(var(--color-red-200-value))}.bg-red-700{background-color:hsl(var(--color-red-700-value))}.bg-red-800{background-color:hsl(var(--color-red-800-value))}.bg-red-900{background-color:hsl(var(--color-red-900-value))}.bg-teal-200{background-color:hsl(var(--color-teal-200-value))}.bg-teal-600{background-color:hsl(var(--color-teal-600-value))}.bg-teal-700{background-color:hsl(var(--color-teal-700-value))}.bg-transparent{background-color:#0000}.bg-violet-200{background-color:var(--color-violet-200)}.bg-cover{background-size:cover}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.p-4{padding:calc(var(--spacing)*4)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\!{padding-inline:calc(var(--spacing)*0)!important}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-18{padding-inline:calc(var(--spacing)*18)}.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-7\.5{padding-block:calc(var(--spacing)*7.5)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\[3px\]{padding-block:3px}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-3\.5{padding-right:calc(var(--spacing)*3.5)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-\[3px\]{padding-right:3px}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.pl-6{padding-left:calc(var(--spacing)*6)}.\[text-align\:inherit\]{text-align:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-inherit{font-family:inherit}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Inter,Inter Fallback,Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.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-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-13px{font-size:13px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-900{color:hsl(var(--color-amber-900-value))}.text-background-100{color:hsl(var(--background-100-value))}.text-black{color:var(--color-black)}.text-blue-900{color:hsl(var(--color-blue-900-value))}.text-foreground{color:hsl(var(--color-gray-1000-value))}.text-foreground-secondary{color:hsl(var(--color-gray-700-value))}.text-gray-100{color:hsl(var(--color-gray-100-value))}.text-gray-500{color:hsl(var(--color-gray-500-value))}.text-gray-700{color:hsl(var(--color-gray-700-value))}.text-gray-900{color:hsl(var(--color-gray-900-value))}.text-gray-1000{color:hsl(var(--color-gray-1000-value))}.text-green-900{color:hsl(var(--color-green-900-value))}.text-pink-900{color:hsl(var(--color-pink-900-value))}.text-primary{color:hsl(var(--primary))}.text-purple-900{color:hsl(var(--color-purple-900-value))}.text-red-900{color:hsl(var(--color-red-900-value))}.text-teal-900{color:hsl(var(--color-teal-900-value))}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline\!{text-decoration-line:none!important}.underline{text-decoration-line:underline}.opacity-\(--o\){opacity:var(--o)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-100{opacity:1}.mix-blend-overlay{mix-blend-mode:overlay}.shadow-border-modal{--tw-shadow:var(--shadow-border-modal-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-border-small{--tw-shadow:var(--shadow-border-small-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-border-tooltip{--tw-shadow:var(--shadow-border-tooltip-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer:focus-visible~.peer-focus-ring,.self-focus-ring:focus-visible{box-shadow:0 0 0 2px var(--color-background-100),0 0 0 4px hsl(var(--ring))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1000{transition-delay:1s}.duration-50{--tw-duration:50ms;transition-duration:50ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-auto{-webkit-user-select:auto;user-select:auto}.select-none{-webkit-user-select:none;user-select:none}.\[--bw\:var\(--xs\)\]{--bw:var(--xs)}.\[--cols-count\:var\(--xs-cols-count\)\]{--cols-count:var(--xs-cols-count)}.\[--mt\:2px\]{--mt:2px}.\[--mt\:4px\]{--mt:4px}.\[--rows-count\:var\(--xs-rows-count\)\]{--rows-count:var(--xs-rows-count)}.\[--tx\:0\]{--tx:0}.\[--xs\:16px\]{--xs:16px}.transform-3d{transform-style:preserve-3d}@media (hover:hover){.group-hover\:text-foreground:is(:where(.group):hover *){color:hsl(var(--color-gray-1000-value))}.group-hover\/checkbox\:bg-gray-200:is(:where(.group\/checkbox):hover *),.group-hover\/radio\:bg-gray-200:is(:where(.group\/radio):hover *){background-color:hsl(var(--color-gray-200-value))}.group-hover\/scrollable\:delay-0:is(:where(.group\/scrollable):hover *){transition-delay:0s}}.group-data-\[state\=open\]\/collapse\:-rotate-180:is(:where(.group\/collapse)[data-state=open] *){rotate:-180deg}.peer-checked\:bg-\(--toggle-active-color\):is(:where(.peer):checked~*){background-color:var(--toggle-active-color)}.peer-checked\:bg-gray-100:is(:where(.peer):checked~*){background-color:hsl(var(--color-gray-100-value))}.peer-checked\:text-foreground:is(:where(.peer):checked~*){color:hsl(var(--color-gray-1000-value))}.peer-checked\:opacity-50:is(:where(.peer):checked~*){opacity:.5}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.peer-checked\:\[--tx\:100\%\]:is(:where(.peer):checked~*){--tx:100%}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-gray-800:is(:where(.peer):disabled~*){color:hsl(var(--color-gray-800-value))}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-gray-600::placeholder{color:hsl(var(--color-gray-600-value))}.placeholder\:select-none::placeholder{-webkit-user-select:none;user-select:none}.before\:content-\[attr\(data-prompt\)\]:before{--tw-content:attr(data-prompt);content:var(--tw-content)}.before\:select-none:before{content:var(--tw-content);-webkit-user-select:none;user-select:none}.after\:size-2:after{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.after\:scale-40:after{content:var(--tw-content);--tw-scale-x:40%;--tw-scale-y:40%;--tw-scale-z:40%;scale:var(--tw-scale-x)var(--tw-scale-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-primary:after{content:var(--tw-content);background-color:hsl(var(--primary))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:content-\[attr\(aria-label\)\]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.peer-checked\:after\:scale-100:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-checked\:after\:opacity-100:is(:where(.peer):checked~*):after{content:var(--tw-content);opacity:1}.peer-disabled\:after\:bg-gray-500:is(:where(.peer):disabled~*):after{content:var(--tw-content);background-color:hsl(var(--color-gray-500-value))}.first\:justify-start:first-child{justify-content:flex-start}.last\:justify-end:last-child{justify-content:flex-end}.only\:hidden:only-child{display:none}.read-only\:cursor-default:read-only{cursor:default}.empty\:hidden:empty{display:none}.empty\:py-3:empty{padding-block:calc(var(--spacing)*3)}@media (hover:hover){.hover\:z-1:hover{z-index:1}.hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-gray-500:hover{border-color:hsl(var(--color-gray-500-value))}.hover\:bg-amber-700:hover{background-color:hsl(var(--color-amber-700-value))}.hover\:bg-background-hover:hover{background-color:hsl(var(--color-gray-200-value))}.hover\:bg-gray-100:hover{background-color:hsl(var(--color-gray-100-value))}.hover\:bg-gray-alpha-400:hover{background-color:var(--color-gray-alpha-400-value)}.hover\:bg-green-700:hover{background-color:hsl(var(--color-green-700-value))}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-red-700:hover{background-color:hsl(var(--color-red-700-value))}.hover\:text-foreground:hover{color:hsl(var(--color-gray-1000-value))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:will-change-transform:hover{will-change:transform}.hover\:\[--o\:1\]:hover{--o:1}.hover\:after\:bg-primary\/20:hover:after{content:var(--tw-content);background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:after\:bg-primary\/20:hover:after{background-color:color-mix(in oklab,hsl(var(--primary))20%,transparent)}}}.focus\:placeholder\:opacity-0:focus::placeholder{opacity:0}.active\:z-1:active{z-index:1}.active\:scale-130:active{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:bg-amber-900:active{background-color:hsl(var(--color-amber-900-value))}.active\:bg-background-active:active{background-color:hsl(var(--color-gray-400-value))}.active\:bg-gray-100:active{background-color:hsl(var(--color-gray-100-value))}.active\:bg-green-900:active{background-color:hsl(var(--color-green-900-value))}.active\:bg-primary-active:active{background-color:var(--primary-active)}.active\:bg-red-900:active{background-color:hsl(var(--color-red-900-value))}.active\:opacity-90:active{opacity:.9}.active\:opacity-100:active{opacity:1}.active\:select-none:active{-webkit-user-select:none;user-select:none}.active\:after\:bg-primary\/30:active:after{content:var(--tw-content);background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.active\:after\:bg-primary\/30:active:after{background-color:color-mix(in oklab,hsl(var(--primary))30%,transparent)}}@media (hover:hover){.enabled\:hover\:bg-background-hover:enabled:hover{background-color:hsl(var(--color-gray-200-value))}.enabled\:hover\:text-gray-1000:enabled:hover{color:hsl(var(--color-gray-1000-value))}}.enabled\:active\:bg-background-active:enabled:active{background-color:hsl(var(--color-gray-400-value))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-300:disabled{border-color:hsl(var(--color-gray-300-value))}.disabled\:bg-gray-100:disabled{background-color:hsl(var(--color-gray-100-value))}.disabled\:text-gray-700:disabled{color:hsl(var(--color-gray-700-value))}.disabled\:placeholder\:text-gray-400:disabled::placeholder{color:hsl(var(--color-gray-400-value))}.disabled\:placeholder\:text-gray-500:disabled::placeholder{color:hsl(var(--color-gray-500-value))}.data-\[direction\=vertical\]\:flex-col[data-direction=vertical]{flex-direction:column}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[disabled\=true\]\:bg-gray-100[data-disabled=true]{background-color:hsl(var(--color-gray-100-value))}.data-\[disabled\=true\]\:text-gray-700[data-disabled=true]{color:hsl(var(--color-gray-700-value))}.data-\[enterable\=false\]\:pointer-events-none[data-enterable=false]{pointer-events:none}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:transition-\(--message-item-transition\){transition-property:var(--message-item-transition);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-200{--tw-duration:.2s;transition-duration:.2s}.group-data-\[transition\=true\]\/list\:motion-safe\:transition-colors:is(:where(.group\/list)[data-transition=true] *){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.after\:motion-safe\:transition-colors:after{content:var(--tw-content)}@media (prefers-reduced-motion:no-preference){.after\:motion-safe\:transition-colors:after{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@media (prefers-reduced-motion:reduce){.motion-reduce\:opacity-20{opacity:.2}.motion-reduce\:opacity-50{opacity:.5}.motion-reduce\:opacity-80{opacity:.8}.motion-reduce\:data-\[visible\=false\]\:hidden[data-visible=false]{display:none}}@media not all and (min-width:64rem){.max-lg\:hidden{display:none}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}.max-md\:first\:flex-none:first-child{flex:none}}@media not all and (min-width:40rem){.max-sm\:bottom-0{bottom:calc(var(--spacing)*0)}.max-sm\:dvh-80{height:80vh}@supports (height:1dvh){.max-sm\:dvh-80{height:80dvh}}.max-sm\:w-36{width:calc(var(--spacing)*36)}.max-sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.max-sm\:text-15px{font-size:15px}.max-sm\:leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}}@media (min-width:40rem){.sm\:top-1\/2{top:50%}.sm\:top-1\/8{top:12.5%}.sm\:left-1\/2{left:50%}.sm\:col-\(--sm-col\){grid-column:var(--sm-col)}.sm\:row-\(--sm-row\){grid-row:var(--sm-row)}.sm\:-mt-6{margin-top:calc(var(--spacing)*-6)}.sm\:max-h-110{max-height:calc(var(--spacing)*110)}.sm\:w-25{width:calc(var(--spacing)*25)}.sm\:w-\[var\(--modal-width\,540px\)\]{width:var(--modal-width,540px)}.sm\:max-w-\(--popover-max-width\){max-width:var(--popover-max-width)}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:grid-cols-\(--sm-cols\){grid-template-columns:var(--sm-cols)}.sm\:grid-rows-\(--sm-rows\){grid-template-rows:var(--sm-rows)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-\(--sm\){gap:var(--sm)}.sm\:rounded-xl{border-radius:calc(var(--radius) + 4px)}.sm\:bg-background-100\/80{background-color:hsl(var(--background-100-value))}@supports (color:color-mix(in lab, red, red)){.sm\:bg-background-100\/80{background-color:color-mix(in oklab,hsl(var(--background-100-value))80%,transparent)}}.sm\:px-0\!{padding-inline:calc(var(--spacing)*0)!important}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-13px{font-size:13px}.sm\:leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.sm\:\[--bw\:var\(--sm\)\]{--bw:var(--sm)}.sm\:\[--cols-count\:var\(--sm-cols-count\)\]{--cols-count:var(--sm-cols-count)}.sm\:\[--drawer-height\:30vw\]{--drawer-height:30vw}.sm\:\[--drawer-width\:30vw\]{--drawer-width:30vw}.sm\:\[--o\:0\]{--o:0}.sm\:\[--rows-count\:var\(--sm-rows-count\)\]{--rows-count:var(--sm-rows-count)}.sm\:\[--t\:scale\(0\.98\)\]{--t:scale(.98)}}@media (min-width:48rem){.md\:col-\(--md-col\){grid-column:var(--md-col)}.md\:row-\(--md-row\){grid-row:var(--md-row)}.md\:grid-cols-\(--md-cols\){grid-template-columns:var(--md-cols)}.md\:grid-rows-\(--md-rows\){grid-template-rows:var(--md-rows)}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:gap-\(--md\){gap:var(--md)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:\[--bw\:var\(--md\)\]{--bw:var(--md)}.md\:\[--cols-count\:var\(--md-cols-count\)\]{--cols-count:var(--md-cols-count)}.md\:\[--rows-count\:var\(--md-rows-count\)\]{--rows-count:var(--md-rows-count)}.md\:first\:max-w-\[140px\]:first-child,.md\:last\:max-w-\[140px\]:last-child{max-width:140px}}@media (min-width:64rem){.lg\:col-\(--lg-col\){grid-column:var(--lg-col)}.lg\:row-\(--lg-row\){grid-row:var(--lg-row)}.lg\:max-w-xs{max-width:var(--container-xs)}.lg\:grid-cols-\(--lg-cols\){grid-template-columns:var(--lg-cols)}.lg\:grid-rows-\(--lg-rows\){grid-template-rows:var(--lg-rows)}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:gap-\(--lg\){gap:var(--lg)}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:\[--bw\:var\(--lg\)\]{--bw:var(--lg)}.lg\:\[--cols-count\:var\(--lg-cols-count\)\]{--cols-count:var(--lg-cols-count)}.lg\:\[--rows-count\:var\(--lg-rows-count\)\]{--rows-count:var(--lg-rows-count)}}@media (min-width:80rem){.xl\:col-\(--xl-col\){grid-column:var(--xl-col)}.xl\:row-\(--xl-row\){grid-row:var(--xl-row)}.xl\:grid-cols-\(--xl-cols\){grid-template-columns:var(--xl-cols)}.xl\:grid-rows-\(--xl-rows\){grid-template-rows:var(--xl-rows)}.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:gap-\(--xl\){gap:var(--xl)}.xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.xl\:\[--bw\:var\(--xl\)\]{--bw:var(--xl)}.xl\:\[--cols-count\:var\(--xl-cols-count\)\]{--cols-count:var(--xl-cols-count)}.xl\:\[--rows-count\:var\(--xl-rows-count\)\]{--rows-count:var(--xl-rows-count)}}.dark\:bg-background-100:is(.dark *){background-color:hsl(var(--background-100-value))}.dark\:bg-background-200:is(.dark *){background-color:hsl(var(--background-200-value))}.dark\:text-gray-100:is(.dark *){color:hsl(var(--color-gray-100-value))}.dark\:text-gray-1000:is(.dark *){color:hsl(var(--color-gray-1000-value))}@media (pointer:coarse){.pointer-coarse\:active\:bg-amber-100:active{background-color:hsl(var(--color-amber-100-value))}.pointer-coarse\:active\:bg-gray-alpha-100:active{background-color:var(--color-gray-alpha-100-value)}.pointer-coarse\:active\:bg-red-100:active{background-color:hsl(var(--color-red-100-value))}}@media (pointer:fine){.pointer-fine\:\[--o\:0\]{--o:0}.pointer-fine\:data-\[selected\=true\]\:bg-amber-100[data-selected=true]{background-color:hsl(var(--color-amber-100-value))}.pointer-fine\:data-\[selected\=true\]\:bg-gray-alpha-100[data-selected=true]{background-color:var(--color-gray-alpha-100-value)}.pointer-fine\:data-\[selected\=true\]\:bg-red-100[data-selected=true]{background-color:hsl(var(--color-red-100-value))}}.\[\&\:nth-child\(n\+2\)\]\:-ml-2\.5:nth-child(n+2){margin-left:calc(var(--spacing)*-2.5)}}:root{--background-100-value:0,0%,100%;--background-200-value:0,0%,97%;--color-gray-alpha-100-value:#0000000d;--color-gray-alpha-200-value:#00000015;--color-gray-alpha-300-value:#0000001f;--color-gray-alpha-400-value:#0000002b;--color-gray-alpha-500-value:#00000036;--color-gray-alpha-600-value:#00000057;--color-gray-alpha-700-value:#00000070;--color-gray-alpha-800-value:#00000082;--color-gray-alpha-900-value:#0000009c;--color-gray-alpha-1000-value:#000000e8;--color-gray-100-value:0,0%,95%;--color-gray-200-value:0,0%,93%;--color-gray-300-value:0,0%,90%;--color-gray-400-value:0,0%,85%;--color-gray-500-value:0,0%,79%;--color-gray-600-value:0,0%,66%;--color-gray-700-value:0,0%,56%;--color-gray-800-value:0,0%,49%;--color-gray-900-value:0,0%,40%;--color-gray-1000-value:0,0%,9%;--color-blue-100-value:212,100%,97%;--color-blue-200-value:210,100%,96%;--color-blue-300-value:210,100%,94%;--color-blue-400-value:209,100%,90%;--color-blue-500-value:209,100%,80%;--color-blue-600-value:208,100%,66%;--color-blue-700-value:212,100%,48%;--color-blue-800-value:212,100%,41%;--color-blue-900-value:211,100%,42%;--color-blue-1000-value:211,100%,15%;--color-red-100-value:0,100%,97%;--color-red-200-value:0,100%,96%;--color-red-300-value:0,100%,95%;--color-red-400-value:0,90%,92%;--color-red-500-value:0,82%,85%;--color-red-600-value:359,90%,71%;--color-red-700-value:358,75%,59%;--color-red-800-value:358,70%,52%;--color-red-900-value:358,66%,48%;--color-red-1000-value:355,49%,15%;--color-amber-100-value:39,100%,95%;--color-amber-200-value:44,100%,92%;--color-amber-300-value:43,96%,90%;--color-amber-400-value:42,100%,78%;--color-amber-500-value:38,100%,71%;--color-amber-600-value:36,90%,62%;--color-amber-700-value:39,100%,57%;--color-amber-800-value:35,100%,52%;--color-amber-900-value:30,100%,32%;--color-amber-1000-value:20,79%,17%;--color-green-100-value:120,60%,96%;--color-green-200-value:120,60%,95%;--color-green-300-value:120,60%,91%;--color-green-400-value:122,60%,86%;--color-green-500-value:124,60%,75%;--color-green-600-value:125,60%,64%;--color-green-700-value:131,41%,46%;--color-green-800-value:132,43%,39%;--color-green-900-value:133,50%,32%;--color-green-1000-value:128,29%,15%;--color-teal-100-value:169,70%,96%;--color-teal-200-value:167,70%,94%;--color-teal-300-value:168,70%,90%;--color-teal-400-value:170,70%,85%;--color-teal-500-value:170,70%,72%;--color-teal-600-value:170,70%,57%;--color-teal-700-value:173,80%,36%;--color-teal-800-value:173,83%,30%;--color-teal-900-value:174,91%,25%;--color-teal-1000-value:171,80%,13%;--color-purple-100-value:276,100%,97%;--color-purple-200-value:277,87%,97%;--color-purple-300-value:274,78%,95%;--color-purple-400-value:276,71%,92%;--color-purple-500-value:274,70%,82%;--color-purple-600-value:273,72%,73%;--color-purple-700-value:272,51%,54%;--color-purple-800-value:272,47%,45%;--color-purple-900-value:274,71%,43%;--color-purple-1000-value:276,100%,15%;--color-pink-100-value:330,100%,96%;--color-pink-200-value:340,90%,96%;--color-pink-300-value:340,82%,94%;--color-pink-400-value:341,76%,91%;--color-pink-500-value:340,75%,84%;--color-pink-600-value:341,75%,73%;--color-pink-700-value:336,80%,58%;--color-pink-800-value:336,74%,51%;--color-pink-900-value:336,65%,45%;--color-pink-1000-value:333,74%,15%;--default-transition-duration:.2s;--default-transition-timing-function:ease-in-out;--primary:var(--color-gray-1000-value);--primary-hover:hsla(var(--primary),70%);--primary-active:hsla(var(--primary),90%);--radius:.5rem;--ring:var(--color-blue-900-value);--shadow-border-default-value:0 0 0 1px #00000014;--shadow-border-small-value:0 0 0 1px #00000014,0 1px 2px 0 #0000000a;--shadow-border-medium-value:0 0 0 1px #00000014,0px 2px 2px #0000000a,0px 8px 8px -8px #0000000a;--shadow-border-large-value:0 0 0 1px #00000014,0px 2px 2px #0000000a,0px 8px 16px -4px #0000000a;--shadow-border-tooltip-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 4px 8px #0000000a;--shadow-border-menu-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 4px 8px -4px #0000000a,0px 16px 24px -8px #0000000f;--shadow-border-modal-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;--shadow-border-fullscreen-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-autospace:auto;font-synthesis:none;color-scheme:light;background-color:var(--color-background-100);color:var(--color-foreground)}:root.dark{--background-100-value:0,0%,5%;--background-200-value:0,0%,0%;--color-gray-alpha-100-value:#ffffff0f;--color-gray-alpha-200-value:#ffffff17;--color-gray-alpha-300-value:#ffffff21;--color-gray-alpha-400-value:#ffffff24;--color-gray-alpha-500-value:#ffffff3d;--color-gray-alpha-600-value:#ffffff82;--color-gray-alpha-700-value:#ffffff8a;--color-gray-alpha-800-value:#ffffff78;--color-gray-alpha-900-value:#ffffff9c;--color-gray-alpha-1000-value:#ffffffeb;--color-gray-100-value:0,0%,10%;--color-gray-200-value:0,0%,12%;--color-gray-300-value:0,0%,16%;--color-gray-400-value:0,0%,18%;--color-gray-500-value:0,0%,27%;--color-gray-600-value:0,0%,53%;--color-gray-700-value:0,0%,56%;--color-gray-800-value:0,0%,49%;--color-gray-900-value:0,0%,63%;--color-gray-1000-value:0,0%,93%;--color-blue-100-value:216,50%,12%;--color-blue-200-value:214,59%,15%;--color-blue-300-value:213,71%,20%;--color-blue-400-value:212,78%,23%;--color-blue-500-value:211,86%,27%;--color-blue-600-value:206,100%,50%;--color-blue-700-value:212,100%,48%;--color-blue-800-value:212,100%,41%;--color-blue-900-value:210,100%,66%;--color-blue-1000-value:206,100%,96%;--color-red-100-value:357,37%,12%;--color-red-200-value:357,46%,16%;--color-red-300-value:356,54%,22%;--color-red-400-value:357,55%,26%;--color-red-500-value:357,60%,32%;--color-red-600-value:358,75%,59%;--color-red-700-value:358,75%,59%;--color-red-800-value:358,69%,52%;--color-red-900-value:358,100%,69%;--color-red-1000-value:353,90%,96%;--color-amber-100-value:35,100%,8%;--color-amber-200-value:32,100%,10%;--color-amber-300-value:33,100%,15%;--color-amber-400-value:35,100%,17%;--color-amber-500-value:35,91%,22%;--color-amber-600-value:39,85%,49%;--color-amber-700-value:39,100%,57%;--color-amber-800-value:35,100%,52%;--color-amber-900-value:39,90%,50%;--color-amber-1000-value:40,94%,93%;--color-green-100-value:136,50%,9%;--color-green-200-value:137,50%,12%;--color-green-300-value:136,50%,14%;--color-green-400-value:135,70%,16%;--color-green-500-value:135,70%,23%;--color-green-600-value:135,70%,34%;--color-green-700-value:131,41%,46%;--color-green-800-value:132,43%,39%;--color-green-900-value:131,43%,57%;--color-green-1000-value:136,73%,94%;--color-teal-100-value:169,78%,7%;--color-teal-200-value:170,74%,9%;--color-teal-300-value:171,75%,13%;--color-teal-400-value:171,85%,13%;--color-teal-500-value:172,85%,20%;--color-teal-600-value:172,85%,32%;--color-teal-700-value:173,80%,36%;--color-teal-800-value:173,83%,30%;--color-teal-900-value:174,90%,41%;--color-teal-1000-value:166,71%,93%;--color-purple-100-value:283,30%,12%;--color-purple-200-value:281,38%,16%;--color-purple-300-value:279,44%,23%;--color-purple-400-value:277,46%,28%;--color-purple-500-value:274,49%,35%;--color-purple-600-value:272,51%,54%;--color-purple-700-value:272,51%,54%;--color-purple-800-value:272,47%,45%;--color-purple-900-value:275,80%,71%;--color-purple-1000-value:281,73%,96%;--color-pink-100-value:335,32%,12%;--color-pink-200-value:335,43%,16%;--color-pink-300-value:335,47%,21%;--color-pink-400-value:335,51%,22%;--color-pink-500-value:335,57%,27%;--color-pink-600-value:336,75%,40%;--color-pink-700-value:336,80%,58%;--color-pink-800-value:336,74%,51%;--color-pink-900-value:341,90%,67%;--color-pink-1000-value:333,90%,96%;--shadow-border-default-value:0 0 0 1px #ffffff25;--shadow-border-small-value:0 0 0 1px #ffffff25,0 1px 2px 0 #0000000a;--shadow-border-medium-value:0 0 0 1px #ffffff25,0px 2px 2px #00000052,0px 8px 8px -8px #00000029;--shadow-border-large-value:0 0 0 1px #ffffff25,0px 2px 2px #0000000a,0px 8px 16px -4px #0000000a;--shadow-border-tooltip-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 4px 8px #0000000a;--shadow-border-menu-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 4px 8px -4px #0000000a,0px 16px 24px -8px #0000000f;--shadow-border-modal-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;--shadow-border-fullscreen-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;color-scheme:dark}@supports (color:hsl(from #fff h s l)){:root{--primary-hover:hsl(from var(--color-primary)h s calc(l + 10));--primary-active:hsl(from var(--color-primary)h s calc(l - 10))}}.pxd-container-mask:after{content:"";transition:opacity var(--default-transition-duration)var(--default-transition-timing-function);pointer-events:none;will-change:opacity;z-index:0;background:#0006;position:absolute;inset:0}.pxd-transition--fade-enter-active,.pxd-transition--fade-leave-active{transition:opacity var(--default-transition-duration)var(--default-transition-timing-function);will-change:opacity}.pxd-container-mask[data-visible=false]:after,.pxd-transition--fade-enter-from,.pxd-transition--fade-leave-to{opacity:0}.pxd-transition--fade-scale-move,.pxd-transition--fade-scale-enter-active,.pxd-transition--fade-scale-leave-active{transition:var(--default-transition-duration)var(--default-transition-timing-function);will-change:opacity,transform,filter;transition-property:opacity,transform,filter}.pxd-transition--fade-scale-enter-from,.pxd-transition--fade-scale-leave-to{opacity:0;transform:scale(var(--scale,.95))}.line-clamp{text-overflow:ellipsis;line-clamp:var(--line-clamp,1);-webkit-line-clamp:var(--line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scrollbar-stable{scrollbar-gutter:stable!important}.scroll-disabled-both,.scroll-disabled-x{overflow-x:clip!important}.scroll-disabled-both,.scroll-disabled-y{overflow-y:clip!important}@media (prefers-reduced-motion:reduce){:root{--default-transition-duration:0!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:hsl(var(--color-red-700-value));--color-red-800:hsl(var(--color-red-800-value));--color-red-900:hsl(var(--color-red-900-value));--color-amber-400:hsl(var(--color-amber-400-value));--color-amber-600:hsl(var(--color-amber-600-value));--color-amber-700:hsl(var(--color-amber-700-value));--color-amber-800:hsl(var(--color-amber-800-value));--color-green-300:hsl(var(--color-green-300-value));--color-green-500:hsl(var(--color-green-500-value));--color-green-700:hsl(var(--color-green-700-value));--color-green-900:hsl(var(--color-green-900-value));--color-blue-700:hsl(var(--color-blue-700-value));--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-900:oklch(38% .189 293.745);--color-gray-100:hsl(var(--color-gray-100-value));--color-gray-200:hsl(var(--color-gray-200-value));--color-gray-300:hsl(var(--color-gray-300-value));--color-gray-500:hsl(var(--color-gray-500-value));--color-gray-600:hsl(var(--color-gray-600-value));--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-xs:.125rem;--animate-spin:spin 1s linear infinite;--blur-xs:4px;--default-transition-duration:var(--default-transition-duration);--default-transition-timing-function:var(--default-transition-timing-function);--color-primary:hsl(var(--primary));--color-border:hsl(var(--color-gray-300-value));--color-foreground:hsl(var(--color-gray-1000-value));--color-background-100:hsl(var(--background-100-value));--color-gray-alpha-100:var(--color-gray-alpha-100-value);--color-gray-alpha-200:var(--color-gray-alpha-200-value);--color-gray-alpha-300:var(--color-gray-alpha-300-value);--color-gray-alpha-400:var(--color-gray-alpha-400-value);--color-gray-alpha-500:var(--color-gray-alpha-500-value);--color-gray-alpha-600:var(--color-gray-alpha-600-value);--shadow-border-default:var(--shadow-border-default-value);--shadow-border-small:var(--shadow-border-small-value);--shadow-border-medium:var(--shadow-border-medium-value);--shadow-border-large:var(--shadow-border-large-value);--shadow-border-tooltip:var(--shadow-border-tooltip-value);--shadow-border-menu:var(--shadow-border-menu-value);--shadow-border-modal:var(--shadow-border-modal-value);--shadow-border-fullscreen:var(--shadow-border-fullscreen-value)}}@layer base{*{border-color:hsl(var(--color-gray-300-value))}}@layer components{.pxd-input--border{border:1px solid var(--border-color,var(--color-gray-alpha-300))}.pxd-input--border:not(.is-disabled,.is-readonly):hover{--border-color:hsla(var(--primary),.5)}.pxd-input--border:not(.is-disabled,.is-readonly)[data-focusing=true],.pxd-input--border:not(.is-disabled,.is-readonly):focus-within{--border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(var(--primary),.2)}.pxd-input--border.is-error:not(:focus)::placeholder{color:var(--color-red-900)!important}.pxd-input--border.is-error,.pxd-input--border.is-error:focus-within,.pxd-input--border.is-error[data-focusing=true]{--border-color:hsl(var(--color-red-900-value));box-shadow:0 0 0 3px hsl(var(--color-red-300-value))}.pxd-input--border.is-error:focus-within,.pxd-input--border.is-error[data-focusing=true],.pxd-input--border.is-error:not(.is-disabled,.is-readonly):hover{--border-color:hsl(var(--color-red-900-value));box-shadow:0 0 0 3px hsl(var(--color-red-500-value))}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.pointer-events-none\!{pointer-events:none!important}.invisible{visibility:hidden}.visible{visibility:visible}.smallest{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-inset-px{inset:-1px}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.-right-5{right:calc(var(--spacing)*-5)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-6{right:calc(var(--spacing)*6)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-6{bottom:calc(var(--spacing)*6)}.-left-1{left:calc(var(--spacing)*-1)}.-left-5{left:calc(var(--spacing)*-5)}.left-0{left:calc(var(--spacing)*0)}.left-px{left:1px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.col-\(--xs-col\){grid-column:var(--xs-col)}.row-\(--xs-row\){grid-row:var(--xs-row)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1\.5{margin:calc(var(--spacing)*1.5)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-auto{margin-inline:auto}.mx-px{margin-inline:1px}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-\(--mt\){margin-top:var(--mt)}.mt-4{margin-top:calc(var(--spacing)*4)}.-mr-3{margin-right:calc(var(--spacing)*-3)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.-ml-0\.5{margin-left:calc(var(--spacing)*-.5)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.scrollbar-hidden::-webkit-scrollbar{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\(--avatar-size\){width:var(--avatar-size);height:var(--avatar-size)}.size-\(--chip-size\){width:var(--chip-size);height:var(--chip-size)}.size-\(--s\){width:var(--s);height:var(--s)}.size-1\/2{width:50%;height:50%}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-15{width:calc(var(--spacing)*15);height:calc(var(--spacing)*15)}.size-\[calc\(1em\/4\)\]{width:.25em;height:.25em}.size-em{width:1em;height:1em}.size-full{width:100%;height:100%}.size-max{width:max-content;height:max-content}.\!h-0{height:calc(var(--spacing)*0)!important}.h-\(--carousel-dot-height\){height:var(--carousel-dot-height)}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-7\.5{height:calc(var(--spacing)*7.5)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-40{height:calc(var(--spacing)*40)}.h-auto{height:auto}.h-full{height:100%}.h-inherit{height:inherit}.h-lh{height:1lh}.h-screen{height:100vh}.max-h-68{max-height:calc(var(--spacing)*68)}.max-h-full{max-height:100%}.max-h-inherit{max-height:inherit}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-3\.5{min-height:calc(var(--spacing)*3.5)}.min-h-7\.5{min-height:calc(var(--spacing)*7.5)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-13{min-height:calc(var(--spacing)*13)}.min-h-\[inherit\]{min-height:inherit}.\!w-auto{width:auto!important}.w-\(--carousel-dot-width\){width:var(--carousel-dot-width)}.w-\(--message-width\){width:var(--message-width)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-7\.5{width:calc(var(--spacing)*7.5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-fit{width:fit-content}.w-full{width:100%}.w-inherit{width:inherit}.w-max{width:max-content}.w-screen{width:100vw}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-3{min-width:calc(var(--spacing)*3)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\(--tx\){--tw-translate-x:var(--tx);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/3{--tw-translate-y:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-z-0{--tw-translate-z:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-130{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-y-90{--tw-scale-y:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-\[85deg\]{rotate:-85deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-\(--message-item-transform\){transform:var(--message-item-transform)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\(--xs-cols\){grid-template-columns:var(--xs-cols)}.grid-rows-\(--xs-rows\){grid-template-rows:var(--xs-rows)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-\(--xs\){gap:var(--xs)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\(--item-radius\){border-radius:var(--item-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-inherit{border-radius:inherit}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-l-inherit{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.rounded-tl-lg{border-top-left-radius:var(--radius)}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.rounded-r-inherit{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.rounded-tr-lg{border-top-right-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-100{border-color:hsl(var(--color-amber-100-value))}.border-amber-500{border-color:hsl(var(--color-amber-500-value))}.border-background-100{border-color:hsl(var(--background-100-value))}.border-blue-100{border-color:hsl(var(--color-blue-100-value))}.border-blue-500{border-color:hsl(var(--color-blue-500-value))}.border-gray-100{border-color:hsl(var(--color-gray-100-value))}.border-gray-300{border-color:hsl(var(--color-gray-300-value))}.border-gray-400{border-color:hsl(var(--color-gray-400-value))}.border-gray-500{border-color:hsl(var(--color-gray-500-value))}.border-gray-600{border-color:hsl(var(--color-gray-600-value))}.border-gray-alpha-300{border-color:var(--color-gray-alpha-300-value)}.border-gray-alpha-400{border-color:var(--color-gray-alpha-400-value)}.border-input{border-color:var(--color-gray-alpha-300)}.border-primary{border-color:hsl(var(--primary))}.border-red-100{border-color:hsl(var(--color-red-100-value))}.border-red-500{border-color:hsl(var(--color-red-500-value))}.border-teal-100{border-color:hsl(var(--color-teal-100-value))}.border-teal-400{border-color:hsl(var(--color-teal-400-value))}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-400{border-color:var(--color-violet-400)}.bg-\(--hold-button-mask-color\){background-color:var(--hold-button-mask-color)}.bg-\(--popover-bg\){background-color:var(--popover-bg)}.bg-\(--toggle-inactive-color\){background-color:var(--toggle-inactive-color)}.bg-\[\#26C941\]{background-color:#26c941}.bg-\[\#FE5F57\]{background-color:#fe5f57}.bg-\[\#FEBB2E\]{background-color:#febb2e}.bg-amber-200{background-color:hsl(var(--color-amber-200-value))}.bg-amber-600{background-color:hsl(var(--color-amber-600-value))}.bg-amber-700{background-color:hsl(var(--color-amber-700-value))}.bg-amber-800{background-color:hsl(var(--color-amber-800-value))}.bg-background-100{background-color:hsl(var(--background-100-value))}.bg-background-200{background-color:hsl(var(--background-200-value))}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-200{background-color:hsl(var(--color-blue-200-value))}.bg-blue-700{background-color:hsl(var(--color-blue-700-value))}.bg-border{background-color:hsl(var(--color-gray-300-value))}.bg-current{background-color:currentColor}.bg-gray-100{background-color:hsl(var(--color-gray-100-value))}.bg-gray-200{background-color:hsl(var(--color-gray-200-value))}.bg-gray-300{background-color:hsl(var(--color-gray-300-value))}.bg-gray-500{background-color:hsl(var(--color-gray-500-value))}.bg-gray-600{background-color:hsl(var(--color-gray-600-value))}.bg-gray-700{background-color:hsl(var(--color-gray-700-value))}.bg-gray-900{background-color:hsl(var(--color-gray-900-value))}.bg-gray-1000{background-color:hsl(var(--color-gray-1000-value))}.bg-gray-alpha-100{background-color:var(--color-gray-alpha-100-value)}.bg-gray-alpha-200{background-color:var(--color-gray-alpha-200-value)}.bg-gray-alpha-400{background-color:var(--color-gray-alpha-400-value)}.bg-green-200{background-color:hsl(var(--color-green-200-value))}.bg-green-700{background-color:hsl(var(--color-green-700-value))}.bg-green-800{background-color:hsl(var(--color-green-800-value))}.bg-pink-200{background-color:hsl(var(--color-pink-200-value))}.bg-pink-700{background-color:hsl(var(--color-pink-700-value))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\!{background-color:hsl(var(--primary))!important}.bg-purple-200{background-color:hsl(var(--color-purple-200-value))}.bg-purple-700{background-color:hsl(var(--color-purple-700-value))}.bg-red-200{background-color:hsl(var(--color-red-200-value))}.bg-red-700{background-color:hsl(var(--color-red-700-value))}.bg-red-800{background-color:hsl(var(--color-red-800-value))}.bg-red-900{background-color:hsl(var(--color-red-900-value))}.bg-teal-200{background-color:hsl(var(--color-teal-200-value))}.bg-teal-600{background-color:hsl(var(--color-teal-600-value))}.bg-teal-700{background-color:hsl(var(--color-teal-700-value))}.bg-transparent{background-color:#0000}.bg-violet-200{background-color:var(--color-violet-200)}.bg-cover{background-size:cover}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.p-4{padding:calc(var(--spacing)*4)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\!{padding-inline:calc(var(--spacing)*0)!important}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-18{padding-inline:calc(var(--spacing)*18)}.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-7\.5{padding-block:calc(var(--spacing)*7.5)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\[3px\]{padding-block:3px}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-3\.5{padding-right:calc(var(--spacing)*3.5)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-\[3px\]{padding-right:3px}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-0\.5{padding-left:calc(var(--spacing)*.5)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.pl-6{padding-left:calc(var(--spacing)*6)}.\[text-align\:inherit\]{text-align:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-inherit{font-family:inherit}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Inter,Inter Fallback,Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.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-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-13px{font-size:13px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-900{color:hsl(var(--color-amber-900-value))}.text-background-100{color:hsl(var(--background-100-value))}.text-black{color:var(--color-black)}.text-blue-900{color:hsl(var(--color-blue-900-value))}.text-foreground{color:hsl(var(--color-gray-1000-value))}.text-foreground-secondary{color:hsl(var(--color-gray-700-value))}.text-gray-100{color:hsl(var(--color-gray-100-value))}.text-gray-500{color:hsl(var(--color-gray-500-value))}.text-gray-700{color:hsl(var(--color-gray-700-value))}.text-gray-900{color:hsl(var(--color-gray-900-value))}.text-gray-1000{color:hsl(var(--color-gray-1000-value))}.text-green-900{color:hsl(var(--color-green-900-value))}.text-pink-900{color:hsl(var(--color-pink-900-value))}.text-primary{color:hsl(var(--primary))}.text-purple-900{color:hsl(var(--color-purple-900-value))}.text-red-900{color:hsl(var(--color-red-900-value))}.text-teal-900{color:hsl(var(--color-teal-900-value))}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline\!{text-decoration-line:none!important}.underline{text-decoration-line:underline}.opacity-\(--o\){opacity:var(--o)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-100{opacity:1}.mix-blend-overlay{mix-blend-mode:overlay}.shadow-border-menu{--tw-shadow:var(--shadow-border-menu-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-border-modal{--tw-shadow:var(--shadow-border-modal-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-border-small{--tw-shadow:var(--shadow-border-small-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-border-tooltip{--tw-shadow:var(--shadow-border-tooltip-value);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer:focus-visible~.peer-focus-ring,.self-focus-ring:focus-visible{box-shadow:0 0 0 2px var(--color-background-100),0 0 0 4px hsl(var(--ring))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1000{transition-delay:1s}.duration-50{--tw-duration:50ms;transition-duration:50ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-auto{-webkit-user-select:auto;user-select:auto}.select-none{-webkit-user-select:none;user-select:none}.\[--bw\:var\(--xs\)\]{--bw:var(--xs)}.\[--cols-count\:var\(--xs-cols-count\)\]{--cols-count:var(--xs-cols-count)}.\[--mt\:2px\]{--mt:2px}.\[--mt\:4px\]{--mt:4px}.\[--rows-count\:var\(--xs-rows-count\)\]{--rows-count:var(--xs-rows-count)}.\[--tx\:0\]{--tx:0}.\[--xs\:16px\]{--xs:16px}.\[-webkit-overflow-scrolling\:auto\]{-webkit-overflow-scrolling:auto}.transform-3d{transform-style:preserve-3d}@media (hover:hover){.group-hover\:text-foreground:is(:where(.group):hover *){color:hsl(var(--color-gray-1000-value))}.group-hover\/checkbox\:bg-gray-200:is(:where(.group\/checkbox):hover *),.group-hover\/radio\:bg-gray-200:is(:where(.group\/radio):hover *){background-color:hsl(var(--color-gray-200-value))}.group-hover\/scrollable\:delay-0:is(:where(.group\/scrollable):hover *){transition-delay:0s}}.group-data-\[state\=open\]\/collapse\:-rotate-180:is(:where(.group\/collapse)[data-state=open] *){rotate:-180deg}.peer-checked\:bg-\(--toggle-active-color\):is(:where(.peer):checked~*){background-color:var(--toggle-active-color)}.peer-checked\:bg-gray-100:is(:where(.peer):checked~*){background-color:hsl(var(--color-gray-100-value))}.peer-checked\:text-foreground:is(:where(.peer):checked~*){color:hsl(var(--color-gray-1000-value))}.peer-checked\:opacity-50:is(:where(.peer):checked~*){opacity:.5}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.peer-checked\:\[--tx\:100\%\]:is(:where(.peer):checked~*){--tx:100%}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-gray-800:is(:where(.peer):disabled~*){color:hsl(var(--color-gray-800-value))}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-gray-600::placeholder{color:hsl(var(--color-gray-600-value))}.placeholder\:select-none::placeholder{-webkit-user-select:none;user-select:none}.before\:content-\[attr\(data-prompt\)\]:before{--tw-content:attr(data-prompt);content:var(--tw-content)}.before\:select-none:before{content:var(--tw-content);-webkit-user-select:none;user-select:none}.after\:size-2:after{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.after\:scale-40:after{content:var(--tw-content);--tw-scale-x:40%;--tw-scale-y:40%;--tw-scale-z:40%;scale:var(--tw-scale-x)var(--tw-scale-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-primary:after{content:var(--tw-content);background-color:hsl(var(--primary))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:content-\[attr\(aria-label\)\]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.peer-checked\:after\:scale-100:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-checked\:after\:opacity-100:is(:where(.peer):checked~*):after{content:var(--tw-content);opacity:1}.peer-disabled\:after\:bg-gray-500:is(:where(.peer):disabled~*):after{content:var(--tw-content);background-color:hsl(var(--color-gray-500-value))}.first\:justify-start:first-child{justify-content:flex-start}.last\:justify-end:last-child{justify-content:flex-end}.only\:hidden:only-child{display:none}.read-only\:cursor-default:read-only{cursor:default}.empty\:hidden:empty{display:none}.empty\:py-3:empty{padding-block:calc(var(--spacing)*3)}@media (hover:hover){.hover\:z-1:hover{z-index:1}.hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-gray-500:hover{border-color:hsl(var(--color-gray-500-value))}.hover\:bg-amber-700:hover{background-color:hsl(var(--color-amber-700-value))}.hover\:bg-background-hover:hover{background-color:hsl(var(--color-gray-200-value))}.hover\:bg-gray-100:hover{background-color:hsl(var(--color-gray-100-value))}.hover\:bg-gray-400:hover{background-color:hsl(var(--color-gray-400-value))}.hover\:bg-gray-alpha-400:hover{background-color:var(--color-gray-alpha-400-value)}.hover\:bg-green-700:hover{background-color:hsl(var(--color-green-700-value))}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-red-700:hover{background-color:hsl(var(--color-red-700-value))}.hover\:text-foreground:hover{color:hsl(var(--color-gray-1000-value))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:will-change-transform:hover{will-change:transform}.hover\:\[--o\:1\]:hover{--o:1}.hover\:after\:bg-primary\/20:hover:after{content:var(--tw-content);background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:after\:bg-primary\/20:hover:after{background-color:color-mix(in oklab,hsl(var(--primary))20%,transparent)}}}.focus\:placeholder\:opacity-0:focus::placeholder{opacity:0}.active\:z-1:active{z-index:1}.active\:scale-130:active{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:bg-amber-900:active{background-color:hsl(var(--color-amber-900-value))}.active\:bg-background-active:active{background-color:hsl(var(--color-gray-400-value))}.active\:bg-gray-100:active{background-color:hsl(var(--color-gray-100-value))}.active\:bg-gray-500:active{background-color:hsl(var(--color-gray-500-value))}.active\:bg-green-900:active{background-color:hsl(var(--color-green-900-value))}.active\:bg-primary-active:active{background-color:var(--primary-active)}.active\:bg-red-900:active{background-color:hsl(var(--color-red-900-value))}.active\:opacity-90:active{opacity:.9}.active\:opacity-100:active{opacity:1}.active\:select-none:active{-webkit-user-select:none;user-select:none}.active\:after\:bg-primary\/30:active:after{content:var(--tw-content);background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.active\:after\:bg-primary\/30:active:after{background-color:color-mix(in oklab,hsl(var(--primary))30%,transparent)}}@media (hover:hover){.enabled\:hover\:bg-background-hover:enabled:hover{background-color:hsl(var(--color-gray-200-value))}.enabled\:hover\:text-gray-1000:enabled:hover{color:hsl(var(--color-gray-1000-value))}}.enabled\:active\:bg-background-active:enabled:active{background-color:hsl(var(--color-gray-400-value))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-300:disabled{border-color:hsl(var(--color-gray-300-value))}.disabled\:bg-gray-100:disabled{background-color:hsl(var(--color-gray-100-value))}.disabled\:text-gray-700:disabled{color:hsl(var(--color-gray-700-value))}.disabled\:placeholder\:text-gray-400:disabled::placeholder{color:hsl(var(--color-gray-400-value))}.disabled\:placeholder\:text-gray-500:disabled::placeholder{color:hsl(var(--color-gray-500-value))}.data-\[direction\=vertical\]\:flex-col[data-direction=vertical]{flex-direction:column}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[disabled\=true\]\:bg-gray-100[data-disabled=true]{background-color:hsl(var(--color-gray-100-value))}.data-\[disabled\=true\]\:text-gray-700[data-disabled=true]{color:hsl(var(--color-gray-700-value))}.data-\[enterable\=false\]\:pointer-events-none[data-enterable=false]{pointer-events:none}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:transition-\(--message-item-transition\){transition-property:var(--message-item-transition);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-200{--tw-duration:.2s;transition-duration:.2s}.group-data-\[transition\=true\]\/list\:motion-safe\:transition-colors:is(:where(.group\/list)[data-transition=true] *){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.after\:motion-safe\:transition-colors:after{content:var(--tw-content)}@media (prefers-reduced-motion:no-preference){.after\:motion-safe\:transition-colors:after{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@media (prefers-reduced-motion:reduce){.motion-reduce\:opacity-20{opacity:.2}.motion-reduce\:opacity-50{opacity:.5}.motion-reduce\:opacity-80{opacity:.8}.motion-reduce\:data-\[visible\=false\]\:hidden[data-visible=false]{display:none}}@media not all and (min-width:64rem){.max-lg\:hidden{display:none}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}.max-md\:first\:flex-none:first-child{flex:none}}@media not all and (min-width:40rem){.max-sm\:bottom-0{bottom:calc(var(--spacing)*0)}.max-sm\:dvh-80{height:80vh}@supports (height:1dvh){.max-sm\:dvh-80{height:80dvh}}.max-sm\:w-36{width:calc(var(--spacing)*36)}.max-sm\:p-2{padding:calc(var(--spacing)*2)}.max-sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.max-sm\:text-15px{font-size:15px}.max-sm\:leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}}@media (min-width:40rem){.sm\:top-1\/2{top:50%}.sm\:top-1\/8{top:12.5%}.sm\:left-1\/2{left:50%}.sm\:col-\(--sm-col\){grid-column:var(--sm-col)}.sm\:row-\(--sm-row\){grid-row:var(--sm-row)}.sm\:-mt-6{margin-top:calc(var(--spacing)*-6)}.sm\:max-h-110{max-height:calc(var(--spacing)*110)}.sm\:w-25{width:calc(var(--spacing)*25)}.sm\:w-\[var\(--modal-width\,540px\)\]{width:var(--modal-width,540px)}.sm\:max-w-\(--popover-max-width\){max-width:var(--popover-max-width)}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:grid-cols-\(--sm-cols\){grid-template-columns:var(--sm-cols)}.sm\:grid-rows-\(--sm-rows\){grid-template-rows:var(--sm-rows)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-\(--sm\){gap:var(--sm)}.sm\:rounded-xl{border-radius:calc(var(--radius) + 4px)}.sm\:bg-background-100\/80{background-color:hsl(var(--background-100-value))}@supports (color:color-mix(in lab, red, red)){.sm\:bg-background-100\/80{background-color:color-mix(in oklab,hsl(var(--background-100-value))80%,transparent)}}.sm\:px-0\!{padding-inline:calc(var(--spacing)*0)!important}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-13px{font-size:13px}.sm\:leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.sm\:\[--bw\:var\(--sm\)\]{--bw:var(--sm)}.sm\:\[--cols-count\:var\(--sm-cols-count\)\]{--cols-count:var(--sm-cols-count)}.sm\:\[--drawer-height\:30vw\]{--drawer-height:30vw}.sm\:\[--drawer-width\:30vw\]{--drawer-width:30vw}.sm\:\[--o\:0\]{--o:0}.sm\:\[--rows-count\:var\(--sm-rows-count\)\]{--rows-count:var(--sm-rows-count)}.sm\:\[--t\:scale\(0\.98\)\]{--t:scale(.98)}}@media (min-width:48rem){.md\:col-\(--md-col\){grid-column:var(--md-col)}.md\:row-\(--md-row\){grid-row:var(--md-row)}.md\:grid-cols-\(--md-cols\){grid-template-columns:var(--md-cols)}.md\:grid-rows-\(--md-rows\){grid-template-rows:var(--md-rows)}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:gap-\(--md\){gap:var(--md)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:\[--bw\:var\(--md\)\]{--bw:var(--md)}.md\:\[--cols-count\:var\(--md-cols-count\)\]{--cols-count:var(--md-cols-count)}.md\:\[--rows-count\:var\(--md-rows-count\)\]{--rows-count:var(--md-rows-count)}.md\:first\:max-w-\[140px\]:first-child,.md\:last\:max-w-\[140px\]:last-child{max-width:140px}}@media (min-width:64rem){.lg\:col-\(--lg-col\){grid-column:var(--lg-col)}.lg\:row-\(--lg-row\){grid-row:var(--lg-row)}.lg\:max-w-xs{max-width:var(--container-xs)}.lg\:grid-cols-\(--lg-cols\){grid-template-columns:var(--lg-cols)}.lg\:grid-rows-\(--lg-rows\){grid-template-rows:var(--lg-rows)}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:gap-\(--lg\){gap:var(--lg)}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:\[--bw\:var\(--lg\)\]{--bw:var(--lg)}.lg\:\[--cols-count\:var\(--lg-cols-count\)\]{--cols-count:var(--lg-cols-count)}.lg\:\[--rows-count\:var\(--lg-rows-count\)\]{--rows-count:var(--lg-rows-count)}}@media (min-width:80rem){.xl\:col-\(--xl-col\){grid-column:var(--xl-col)}.xl\:row-\(--xl-row\){grid-row:var(--xl-row)}.xl\:grid-cols-\(--xl-cols\){grid-template-columns:var(--xl-cols)}.xl\:grid-rows-\(--xl-rows\){grid-template-rows:var(--xl-rows)}.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:gap-\(--xl\){gap:var(--xl)}.xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.xl\:\[--bw\:var\(--xl\)\]{--bw:var(--xl)}.xl\:\[--cols-count\:var\(--xl-cols-count\)\]{--cols-count:var(--xl-cols-count)}.xl\:\[--rows-count\:var\(--xl-rows-count\)\]{--rows-count:var(--xl-rows-count)}}.dark\:bg-background-100:is(.dark *){background-color:hsl(var(--background-100-value))}.dark\:bg-background-200:is(.dark *){background-color:hsl(var(--background-200-value))}.dark\:text-gray-100:is(.dark *){color:hsl(var(--color-gray-100-value))}.dark\:text-gray-1000:is(.dark *){color:hsl(var(--color-gray-1000-value))}@media (pointer:coarse){.pointer-coarse\:active\:bg-amber-100:active{background-color:hsl(var(--color-amber-100-value))}.pointer-coarse\:active\:bg-gray-alpha-100:active{background-color:var(--color-gray-alpha-100-value)}.pointer-coarse\:active\:bg-red-100:active{background-color:hsl(var(--color-red-100-value))}}@media (pointer:fine){.pointer-fine\:\[--o\:0\]{--o:0}.pointer-fine\:data-\[selected\=true\]\:bg-amber-100[data-selected=true]{background-color:hsl(var(--color-amber-100-value))}.pointer-fine\:data-\[selected\=true\]\:bg-gray-alpha-100[data-selected=true]{background-color:var(--color-gray-alpha-100-value)}.pointer-fine\:data-\[selected\=true\]\:bg-red-100[data-selected=true]{background-color:hsl(var(--color-red-100-value))}}.\[\&\:nth-child\(n\+2\)\]\:-ml-2\.5:nth-child(n+2){margin-left:calc(var(--spacing)*-2.5)}}:root{--background-100-value:0,0%,100%;--background-200-value:0,0%,97%;--color-gray-alpha-100-value:#0000000d;--color-gray-alpha-200-value:#00000015;--color-gray-alpha-300-value:#0000001f;--color-gray-alpha-400-value:#0000002b;--color-gray-alpha-500-value:#00000036;--color-gray-alpha-600-value:#00000057;--color-gray-alpha-700-value:#00000070;--color-gray-alpha-800-value:#00000082;--color-gray-alpha-900-value:#0000009c;--color-gray-alpha-1000-value:#000000e8;--color-gray-100-value:0,0%,95%;--color-gray-200-value:0,0%,93%;--color-gray-300-value:0,0%,90%;--color-gray-400-value:0,0%,85%;--color-gray-500-value:0,0%,79%;--color-gray-600-value:0,0%,66%;--color-gray-700-value:0,0%,56%;--color-gray-800-value:0,0%,49%;--color-gray-900-value:0,0%,40%;--color-gray-1000-value:0,0%,9%;--color-blue-100-value:212,100%,97%;--color-blue-200-value:210,100%,96%;--color-blue-300-value:210,100%,94%;--color-blue-400-value:209,100%,90%;--color-blue-500-value:209,100%,80%;--color-blue-600-value:208,100%,66%;--color-blue-700-value:212,100%,48%;--color-blue-800-value:212,100%,41%;--color-blue-900-value:211,100%,42%;--color-blue-1000-value:211,100%,15%;--color-red-100-value:0,100%,97%;--color-red-200-value:0,100%,96%;--color-red-300-value:0,100%,95%;--color-red-400-value:0,90%,92%;--color-red-500-value:0,82%,85%;--color-red-600-value:359,90%,71%;--color-red-700-value:358,75%,59%;--color-red-800-value:358,70%,52%;--color-red-900-value:358,66%,48%;--color-red-1000-value:355,49%,15%;--color-amber-100-value:39,100%,95%;--color-amber-200-value:44,100%,92%;--color-amber-300-value:43,96%,90%;--color-amber-400-value:42,100%,78%;--color-amber-500-value:38,100%,71%;--color-amber-600-value:36,90%,62%;--color-amber-700-value:39,100%,57%;--color-amber-800-value:35,100%,52%;--color-amber-900-value:30,100%,32%;--color-amber-1000-value:20,79%,17%;--color-green-100-value:120,60%,96%;--color-green-200-value:120,60%,95%;--color-green-300-value:120,60%,91%;--color-green-400-value:122,60%,86%;--color-green-500-value:124,60%,75%;--color-green-600-value:125,60%,64%;--color-green-700-value:131,41%,46%;--color-green-800-value:132,43%,39%;--color-green-900-value:133,50%,32%;--color-green-1000-value:128,29%,15%;--color-teal-100-value:169,70%,96%;--color-teal-200-value:167,70%,94%;--color-teal-300-value:168,70%,90%;--color-teal-400-value:170,70%,85%;--color-teal-500-value:170,70%,72%;--color-teal-600-value:170,70%,57%;--color-teal-700-value:173,80%,36%;--color-teal-800-value:173,83%,30%;--color-teal-900-value:174,91%,25%;--color-teal-1000-value:171,80%,13%;--color-purple-100-value:276,100%,97%;--color-purple-200-value:277,87%,97%;--color-purple-300-value:274,78%,95%;--color-purple-400-value:276,71%,92%;--color-purple-500-value:274,70%,82%;--color-purple-600-value:273,72%,73%;--color-purple-700-value:272,51%,54%;--color-purple-800-value:272,47%,45%;--color-purple-900-value:274,71%,43%;--color-purple-1000-value:276,100%,15%;--color-pink-100-value:330,100%,96%;--color-pink-200-value:340,90%,96%;--color-pink-300-value:340,82%,94%;--color-pink-400-value:341,76%,91%;--color-pink-500-value:340,75%,84%;--color-pink-600-value:341,75%,73%;--color-pink-700-value:336,80%,58%;--color-pink-800-value:336,74%,51%;--color-pink-900-value:336,65%,45%;--color-pink-1000-value:333,74%,15%;--default-transition-duration:.2s;--default-transition-timing-function:ease-out;--primary:var(--color-gray-1000-value);--primary-hover:hsla(var(--primary),70%);--primary-active:hsla(var(--primary),90%);--radius:.5rem;--ring:var(--color-blue-900-value);--shadow-border-default-value:0 0 0 1px #00000014;--shadow-border-small-value:0 0 0 1px #00000014,0 1px 2px 0 #0000000a;--shadow-border-medium-value:0 0 0 1px #00000014,0px 2px 2px #0000000a,0px 8px 8px -8px #0000000a;--shadow-border-large-value:0 0 0 1px #00000014,0px 2px 2px #0000000a,0px 8px 16px -4px #0000000a;--shadow-border-tooltip-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 4px 8px #0000000a;--shadow-border-menu-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 4px 8px -4px #0000000a,0px 16px 24px -8px #0000000f;--shadow-border-modal-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;--shadow-border-fullscreen-value:0 0 0 1px #00000014,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-autospace:auto;font-synthesis:none;color-scheme:light;background-color:var(--color-background-100);color:var(--color-foreground)}:root.dark{--background-100-value:0,0%,5%;--background-200-value:0,0%,0%;--color-gray-alpha-100-value:#ffffff0f;--color-gray-alpha-200-value:#ffffff17;--color-gray-alpha-300-value:#ffffff21;--color-gray-alpha-400-value:#ffffff24;--color-gray-alpha-500-value:#ffffff3d;--color-gray-alpha-600-value:#ffffff82;--color-gray-alpha-700-value:#ffffff8a;--color-gray-alpha-800-value:#ffffff78;--color-gray-alpha-900-value:#ffffff9c;--color-gray-alpha-1000-value:#ffffffeb;--color-gray-100-value:0,0%,10%;--color-gray-200-value:0,0%,12%;--color-gray-300-value:0,0%,16%;--color-gray-400-value:0,0%,18%;--color-gray-500-value:0,0%,27%;--color-gray-600-value:0,0%,53%;--color-gray-700-value:0,0%,56%;--color-gray-800-value:0,0%,49%;--color-gray-900-value:0,0%,63%;--color-gray-1000-value:0,0%,93%;--color-blue-100-value:216,50%,12%;--color-blue-200-value:214,59%,15%;--color-blue-300-value:213,71%,20%;--color-blue-400-value:212,78%,23%;--color-blue-500-value:211,86%,27%;--color-blue-600-value:206,100%,50%;--color-blue-700-value:212,100%,48%;--color-blue-800-value:212,100%,41%;--color-blue-900-value:210,100%,66%;--color-blue-1000-value:206,100%,96%;--color-red-100-value:357,37%,12%;--color-red-200-value:357,46%,16%;--color-red-300-value:356,54%,22%;--color-red-400-value:357,55%,26%;--color-red-500-value:357,60%,32%;--color-red-600-value:358,75%,59%;--color-red-700-value:358,75%,59%;--color-red-800-value:358,69%,52%;--color-red-900-value:358,100%,69%;--color-red-1000-value:353,90%,96%;--color-amber-100-value:35,100%,8%;--color-amber-200-value:32,100%,10%;--color-amber-300-value:33,100%,15%;--color-amber-400-value:35,100%,17%;--color-amber-500-value:35,91%,22%;--color-amber-600-value:39,85%,49%;--color-amber-700-value:39,100%,57%;--color-amber-800-value:35,100%,52%;--color-amber-900-value:39,90%,50%;--color-amber-1000-value:40,94%,93%;--color-green-100-value:136,50%,9%;--color-green-200-value:137,50%,12%;--color-green-300-value:136,50%,14%;--color-green-400-value:135,70%,16%;--color-green-500-value:135,70%,23%;--color-green-600-value:135,70%,34%;--color-green-700-value:131,41%,46%;--color-green-800-value:132,43%,39%;--color-green-900-value:131,43%,57%;--color-green-1000-value:136,73%,94%;--color-teal-100-value:169,78%,7%;--color-teal-200-value:170,74%,9%;--color-teal-300-value:171,75%,13%;--color-teal-400-value:171,85%,13%;--color-teal-500-value:172,85%,20%;--color-teal-600-value:172,85%,32%;--color-teal-700-value:173,80%,36%;--color-teal-800-value:173,83%,30%;--color-teal-900-value:174,90%,41%;--color-teal-1000-value:166,71%,93%;--color-purple-100-value:283,30%,12%;--color-purple-200-value:281,38%,16%;--color-purple-300-value:279,44%,23%;--color-purple-400-value:277,46%,28%;--color-purple-500-value:274,49%,35%;--color-purple-600-value:272,51%,54%;--color-purple-700-value:272,51%,54%;--color-purple-800-value:272,47%,45%;--color-purple-900-value:275,80%,71%;--color-purple-1000-value:281,73%,96%;--color-pink-100-value:335,32%,12%;--color-pink-200-value:335,43%,16%;--color-pink-300-value:335,47%,21%;--color-pink-400-value:335,51%,22%;--color-pink-500-value:335,57%,27%;--color-pink-600-value:336,75%,40%;--color-pink-700-value:336,80%,58%;--color-pink-800-value:336,74%,51%;--color-pink-900-value:341,90%,67%;--color-pink-1000-value:333,90%,96%;--shadow-border-default-value:0 0 0 1px #ffffff25;--shadow-border-small-value:0 0 0 1px #ffffff25,0 1px 2px 0 #0000000a;--shadow-border-medium-value:0 0 0 1px #ffffff25,0px 2px 2px #00000052,0px 8px 8px -8px #00000029;--shadow-border-large-value:0 0 0 1px #ffffff25,0px 2px 2px #0000000a,0px 8px 16px -4px #0000000a;--shadow-border-tooltip-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 4px 8px #0000000a;--shadow-border-menu-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 4px 8px -4px #0000000a,0px 16px 24px -8px #0000000f;--shadow-border-modal-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;--shadow-border-fullscreen-value:0 0 0 1px #ffffff25,0px 1px 1px #00000005,0px 8px 16px -4px #0000000a,0px 24px 32px -8px #0000000f;color-scheme:dark}@supports (color:hsl(from #fff h s l)){:root{--primary-hover:hsl(from var(--color-primary)h s calc(l + 10));--primary-active:hsl(from var(--color-primary)h s calc(l - 10))}}.pxd-container-mask:after{content:"";transition:opacity var(--default-transition-duration)var(--default-transition-timing-function);pointer-events:none;will-change:opacity;z-index:0;background:#0006;position:absolute;inset:0}[class*=pxd-transition--]{transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.pxd-transition--fade-enter-active,.pxd-transition--fade-leave-active{will-change:opacity;transition-property:opacity}.pxd-container-mask[data-visible=false]:after,.pxd-transition--fade-enter-from,.pxd-transition--fade-leave-to{opacity:0}.pxd-transition--fade-scale-move,.pxd-transition--fade-scale-enter-active,.pxd-transition--fade-scale-leave-active{will-change:opacity,transform,filter;transition-property:opacity,transform,filter}.pxd-transition--fade-scale-enter-from,.pxd-transition--fade-scale-leave-to{opacity:0;transform:scale(var(--scale,.95))}.line-clamp{text-overflow:ellipsis;line-clamp:var(--line-clamp,1);-webkit-line-clamp:var(--line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scrollbar-stable{scrollbar-gutter:stable!important}.scrollbar-disabled,.scrollbar-disabled-x{overflow-x:clip!important}.scrollbar-disabled,.scrollbar-disabled-y{overflow-y:clip!important}@media (prefers-reduced-motion:reduce){:root{--default-transition-duration:0!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/styles/tw.css

@@ -104,7 +104,7 @@
   --color-pink-1000-value: 333, 74%, 15%;
 
   --default-transition-duration: .2s;
-  --default-transition-timing-function: ease-in-out;
+  --default-transition-timing-function: ease-out;
 
   --primary: var(--color-gray-1000-value);
   --primary-hover: hsla(var(--primary), 70%);
@@ -510,9 +510,14 @@
   z-index: 0;
 }
 
+[class*="pxd-transition--"] {
+  transition-duration: var(--default-transition-duration);
+  transition-timing-function: var(--default-transition-timing-function);
+}
+
 .pxd-transition--fade-enter-active,
 .pxd-transition--fade-leave-active {
-  transition: opacity var(--default-transition-duration) var(--default-transition-timing-function);
+  transition-property: opacity;
   will-change: opacity;
 }
 
@@ -525,7 +530,6 @@
 .pxd-transition--fade-scale-move,
 .pxd-transition--fade-scale-enter-active,
 .pxd-transition--fade-scale-leave-active {
-  transition: var(--default-transition-duration) var(--default-transition-timing-function);
   transition-property: opacity, transform, filter;
   will-change: opacity, transform, filter;
 }
@@ -549,13 +553,13 @@
   scrollbar-gutter: stable !important;
 }
 
-.scroll-disabled-both,
-.scroll-disabled-x {
+.scrollbar-disabled,
+.scrollbar-disabled-x {
   overflow-x: clip !important;
 }
 
-.scroll-disabled-both,
-.scroll-disabled-y {
+.scrollbar-disabled,
+.scrollbar-disabled-y {
   overflow-y: clip !important;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pxd",
   "type": "module",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "description": "A universal UI component library for Vue2.7+ & Vue3.2+",
   "author": "libondev <bon.li@outlook.com>",
   "license": "MIT",
@@ -106,14 +106,14 @@
     "@antfu/eslint-config": "^4.19.0",
     "@tailwindcss/cli": "^4.1.18",
     "@tsconfig/node22": "^22.0.5",
-    "@types/node": "^25.0.9",
+    "@types/node": "^25.0.10",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.8.1",
     "eslint": "^9.39.2",
     "eslint-plugin-better-tailwindcss": "^3.8.0",
     "fs-extra": "^11.3.3",
-    "happy-dom": "^20.3.3",
+    "happy-dom": "^20.3.9",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "mkdist": "^2.4.1",
@@ -122,10 +122,10 @@
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
     "unplugin-vue-components": "^30.0.0",
-    "vitest": "^4.0.17",
-    "vue": "^3.5.26",
+    "vitest": "^4.0.18",
+    "vue": "^3.5.27",
     "vue-sfc-transformer": "^0.1.17",
-    "vue-tsc": "^3.2.2"
+    "vue-tsc": "^3.2.4"
   },
   "lint-staged": {
     "*.{ts,vue}": "eslint --fix"