@dpa-id-components/dpa-shared-components 22.0.0-next.2 → 22.0.0-next.3

package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts

@@ -2,7 +2,7 @@ type __VLS_Slots = {
     /**
      * Label content.
      */
-    default?: () => any;
+    default: () => any;
 };
 type __VLS_Props = {
     id?: string;

package/dist/dpa-shared-components.js

@@ -14862,7 +14862,7 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 			default: q(() => [ue(u("input", w({
 				id: r.value,
 				"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
-				class: ["inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] not-read-only:enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted", {
+				class: ["inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted", {
 					"size-4": e.size === "sm",
 					"size-5": e.size === "md",
 					"border-primary checked:after:bg-primary enabled:hover:border-primary-hover": e.appearance === "primary",
@@ -15398,7 +15398,7 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 			"target"
 		]));
 	}
-}), Ep = { class: "relative" }, Dp = ["id"], Op = /* @__PURE__ */ h({
+}), Ep = ["id"], Dp = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiToggleButton",
 	props: /* @__PURE__ */ C({
@@ -15421,37 +15421,28 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 		}, {
 			default: q(() => [
 				e.labelPosition === "left" ? L(n.$slots, "default", { key: 0 }) : c("", !0),
-				u("div", Ep, [
-					ue(u("input", w({
-						id: r.value,
-						"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
-						type: "checkbox",
-						"data-testid": "toggleButton",
-						role: "switch",
-						class: "sr-only"
-					}, {
-						...n.$attrs,
-						class: null
-					}), null, 16, Dp), [[re, t.value]]),
-					u("div", { class: E(["line rounded-full shadow-inner transition-opacity duration-200 ease-in-out", {
-						"bg-secondary opacity-50": t.value,
-						"bg-neutral-faint": !t.value,
-						"h-3 w-6": e.size === "sm",
-						"h-4 w-10": e.size === "lg"
-					}]) }, null, 2),
-					u("div", { class: E([{
-						"translate-x-full bg-secondary": t.value,
-						"bg-neutral-muted": !t.value,
-						"-top-0.5 size-4": e.size === "sm",
-						"-top-1 size-6": e.size === "lg"
-					}, "dot absolute -left-1 rounded-full shadow-sm transition-transform duration-200 ease-in-out"]) }, null, 2)
-				]),
+				ue(u("input", w({
+					id: r.value,
+					"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
+					class: ["relative appearance-none rounded-full shadow-inner transition-opacity duration-200 ease-in-out after:absolute after:-left-1 after:block after:rounded-full after:shadow-sm after:transition-transform after:duration-200 after:ease-in-out after:content-[''] enabled:cursor-pointer", {
+						"bg-secondary-emphasis after:translate-x-full after:bg-secondary": t.value,
+						"bg-neutral-faint after:bg-neutral-muted": !t.value,
+						"h-3 w-6 after:-top-0.5 after:size-4": e.size === "sm",
+						"h-4 w-10 after:-top-1 after:size-6": e.size === "lg"
+					}],
+					type: "checkbox",
+					role: "switch",
+					"data-testid": "toggleButton"
+				}, {
+					...n.$attrs,
+					class: null
+				}), null, 16, Ep), [[re, t.value]]),
 				e.labelPosition === "right" ? L(n.$slots, "default", { key: 1 }) : c("", !0)
 			]),
 			_: 3
 		}, 8, ["for", "class"]));
 	}
-}), kp = ["data-placement"], Ap = /* @__PURE__ */ h({
+}), Op = ["data-placement"], kp = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiTooltip",
 	props: {
@@ -15525,17 +15516,17 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 			"leave-active-class",
 			"leave-to-class",
 			"enter-from-class"
-		])], 12, kp)], 8, ["disabled"]))], 2));
+		])], 12, Op)], 8, ["disabled"]))], 2));
 	}
-}), jp = {
+}), Ap = {
 	sm: "40rem",
 	md: "48rem",
 	lg: "64rem",
 	xl: "80rem",
 	"2xl": "96rem"
 };
-function Mp() {
-	let e = Vr(jp).current();
+function jp() {
+	let e = Vr(Ap).current();
 	return {
 		currentBreakpoint: e,
 		sm: o(() => e.value.includes("sm")),
@@ -15546,4 +15537,4 @@ function Mp() {
 	};
 }
 //#endregion
-export { Ie as DpaMediaItem, Le as UiBadge, fn as UiButton, gn as UiButtonGroup, bn as UiCard, Mn as UiCheckBoxGroup, wn as UiCheckbox, Nn as UiChip, In as UiCollapseNavigation, gr as UiColorPicker, uf as UiDatePicker, hf as UiDialog, _f as UiFilterBadge, bf as UiFilterButton, Te as UiIcon, Sf as UiIconButton, Ef as UiInfoContent, Af as UiInput, xn as UiLabel, On as UiList, jn as UiListItem, Ff as UiMediaTypeIcon, qf as UiMenu, Jf as UiMenuItem, Yf as UiMenuList, Zf as UiOverlay, ep as UiOverlayMenu, zf as UiPopover, rp as UiRadioButton, ip as UiRadioInputGroup, up as UiSearchBar, mp as UiSearchInput, hp as UiSection, gp as UiSectionDivider, yp as UiSelect, bp as UiSkeletonBox, Sp as UiSnackbar, wp as UiSpinner, Tp as UiTextButton, Op as UiToggleButton, Ap as UiTooltip, un as cn, Mp as useBreakpoints, Lf as vClickAway };
+export { Ie as DpaMediaItem, Le as UiBadge, fn as UiButton, gn as UiButtonGroup, bn as UiCard, Mn as UiCheckBoxGroup, wn as UiCheckbox, Nn as UiChip, In as UiCollapseNavigation, gr as UiColorPicker, uf as UiDatePicker, hf as UiDialog, _f as UiFilterBadge, bf as UiFilterButton, Te as UiIcon, Sf as UiIconButton, Ef as UiInfoContent, Af as UiInput, xn as UiLabel, On as UiList, jn as UiListItem, Ff as UiMediaTypeIcon, qf as UiMenu, Jf as UiMenuItem, Yf as UiMenuList, Zf as UiOverlay, ep as UiOverlayMenu, zf as UiPopover, rp as UiRadioButton, ip as UiRadioInputGroup, up as UiSearchBar, mp as UiSearchInput, hp as UiSection, gp as UiSectionDivider, yp as UiSelect, bp as UiSkeletonBox, Sp as UiSnackbar, wp as UiSpinner, Tp as UiTextButton, Dp as UiToggleButton, kp as UiTooltip, un as cn, jp as useBreakpoints, Lf as vClickAway };

package/dist/src/components/UiButtonGroup/UiButtonGroup.stories.ts

@@ -1,11 +1,15 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 import { ref } from "vue";
 
 import UiButton from "../UiButton/UiButton.vue";
 
 import UiButtonGroup from "./UiButtonGroup.vue";
 
-type PropsAndStoryProps = InstanceType<typeof UiButtonGroup> & {
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiButtonGroup> & {
   activeButton: number;
 };
 
@@ -15,14 +19,14 @@ const meta = {
     activeButton: { control: "number" },
   },
   args: {
-    activeButton: 0,
+    activeButton: 1,
   },
   title: "Ui/UiButtonGroup",
   component: UiButtonGroup,
-} satisfies Meta<PropsAndStoryProps>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<PropsAndStoryProps>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({
@@ -46,7 +50,4 @@ export const Default: Story = {
       </UiButtonGroup>
     `,
   }),
-  args: {
-    activeButton: 1,
-  },
 };

package/dist/src/components/UiCheckbox/UiCheckbox.stories.ts

@@ -1,19 +1,28 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 import { ref } from "vue";
 
 import UiCheckbox from "./UiCheckbox.vue";
 
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiCheckbox> & {
+  name?: string;
+  disabled?: boolean;
+};
+
 const meta = {
   title: "forms/UiCheckbox",
   component: UiCheckbox,
   argTypes: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
+    name: { control: "text" },
     disabled: { control: "boolean" },
   },
   args: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
+    name: "name",
     disabled: false,
 
     // Props
@@ -24,10 +33,10 @@ const meta = {
     default: "Checkbox",
     errors: "",
   },
-} satisfies Meta<typeof UiCheckbox>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({

package/dist/src/components/UiIcon/UiIcon.stories.ts

@@ -1,9 +1,13 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 
 import { icons } from "./icons.ts";
 import UiIcon from "./UiIcon.vue";
 
-type PropsAndStoryProps = InstanceType<typeof UiIcon> & {
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiIcon> & {
   outline: boolean;
 };
 
@@ -18,10 +22,10 @@ const meta = {
   argTypes: {
     outline: { control: "boolean" },
   },
-} satisfies Meta<PropsAndStoryProps>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({

package/dist/src/components/UiInput/UiInput.stories.ts

@@ -1,14 +1,24 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 import { action } from "storybook/actions";
 
 import UiInput from "./UiInput.vue";
 
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiInput> & {
+  name?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+};
+
 const meta = {
   title: "forms/UiInput",
   component: UiInput,
   args: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
     name: "name",
     disabled: false,
     readonly: false,
@@ -24,8 +34,8 @@ const meta = {
   },
   argTypes: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
     name: { control: "text" },
+    placeholder: { control: "text" },
     disabled: { control: "boolean" },
     readonly: { control: "boolean" },
   },
@@ -53,17 +63,16 @@ const meta = {
       update: action("update:modelValue"),
     },
   }),
-} satisfies Meta<typeof UiInput>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {};
 
 export const Placeholder: Story = {
   args: {
     // Attributes
-    // @ts-ignore
     placeholder: "Some placeholder text",
 
     // Slots

package/dist/src/components/UiMediaTypeIcon/UiMediaTypeIcon.stories.ts

@@ -1,9 +1,13 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 
 import { icons } from "./icons.ts";
 import UiMediaTypeIcon from "./UiMediaTypeIcon.vue";
 
-type PropsAndStoryProps = InstanceType<typeof UiMediaTypeIcon> & {
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiMediaTypeIcon> & {
   outline: boolean;
 };
 
@@ -18,10 +22,10 @@ const meta = {
   argTypes: {
     outline: { control: "boolean" },
   },
-} satisfies Meta<PropsAndStoryProps>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({

package/dist/src/components/UiRadioButton/UiRadioButton.stories.ts

@@ -1,19 +1,28 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 import { ref } from "vue";
 
 import UiRadioButton from "./UiRadioButton.vue";
 
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiRadioButton> & {
+  name?: string;
+  disabled?: boolean;
+};
+
 const meta = {
   title: "forms/UiRadioButton",
   component: UiRadioButton,
   argTypes: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
+    name: { control: "text" },
     disabled: { control: "boolean" },
   },
   args: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
+    name: "name",
     disabled: false,
 
     // Props
@@ -24,10 +33,10 @@ const meta = {
     default: "Radio",
     errors: "",
   },
-} satisfies Meta<typeof UiRadioButton>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({

package/dist/src/components/UiRadioButton/UiRadioButton.vue

@@ -13,7 +13,7 @@
       <input
         :id="uniqueId"
         v-model="model"
-        class="inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] not-read-only:enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted"
+        class="inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted"
         :class="{
           'size-4': size === 'sm',
           'size-5': size === 'md',

package/dist/src/components/UiSelect/UiSelect.stories.ts

@@ -1,4 +1,8 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import type {
+  ComponentPropsAndSlots,
+  Meta,
+  StoryObj,
+} from "@storybook/vue3-vite";
 
 import UiSelect from "./UiSelect.vue";
 
@@ -12,12 +16,16 @@ const options: string[] = [
   "done",
 ];
 
+type PropsAndCustomArgs = ComponentPropsAndSlots<typeof UiSelect> & {
+  name?: string;
+  disabled?: boolean;
+};
+
 const meta = {
   title: "forms/UiSelect",
   component: UiSelect,
   args: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
     name: "status",
     disabled: false,
 
@@ -30,17 +38,16 @@ const meta = {
   },
   argTypes: {
     // Attributes
-    // @ts-ignore Storybook doesn't know that **any** component can receive arbitrary attributes and enforces this on the type level.
     name: { control: "text" },
     disabled: { control: "boolean" },
 
     // Props
     modelValue: { control: "select", options },
   },
-} satisfies Meta<typeof UiSelect>;
+} satisfies Meta<PropsAndCustomArgs>;
 
 export default meta;
-type Story = StoryObj<typeof UiSelect>;
+type Story = StoryObj<PropsAndCustomArgs>;
 
 export const Default: Story = {
   render: (args) => ({

package/dist/src/components/UiToggleButton/UiToggleButton.vue

@@ -9,35 +9,23 @@
     "
   >
     <slot v-if="labelPosition === 'left'" />
-    <div class="relative">
-      <input
-        :id="toggleId"
-        v-model="modelValue"
-        type="checkbox"
-        data-testid="toggleButton"
-        role="switch"
-        class="sr-only"
-        v-bind="{ ...$attrs, class: null }"
-      />
-      <div
-        class="line rounded-full shadow-inner transition-opacity duration-200 ease-in-out"
-        :class="{
-          'bg-secondary opacity-50': modelValue,
-          'bg-neutral-faint': !modelValue,
-          'h-3 w-6': size === 'sm',
-          'h-4 w-10': size === 'lg',
-        }"
-      />
-      <div
-        :class="{
-          'translate-x-full bg-secondary': modelValue,
-          'bg-neutral-muted': !modelValue,
-          '-top-0.5 size-4': size === 'sm',
-          '-top-1 size-6': size === 'lg',
-        }"
-        class="dot absolute -left-1 rounded-full shadow-sm transition-transform duration-200 ease-in-out"
-      />
-    </div>
+
+    <input
+      :id="toggleId"
+      v-model="model"
+      class="relative appearance-none rounded-full shadow-inner transition-opacity duration-200 ease-in-out after:absolute after:-left-1 after:block after:rounded-full after:shadow-sm after:transition-transform after:duration-200 after:ease-in-out after:content-[''] enabled:cursor-pointer"
+      :class="{
+        'bg-secondary-emphasis after:translate-x-full after:bg-secondary':
+          model,
+        'bg-neutral-faint after:bg-neutral-muted': !model,
+        'h-3 w-6 after:-top-0.5 after:size-4': size === 'sm',
+        'h-4 w-10 after:-top-1 after:size-6': size === 'lg',
+      }"
+      type="checkbox"
+      role="switch"
+      data-testid="toggleButton"
+      v-bind="{ ...$attrs, class: null }"
+    />
 
     <slot v-if="labelPosition === 'right'" />
   </UiLabel>
@@ -51,13 +39,13 @@ import UiLabel from "../UiLabel/UiLabel.vue";
 
 defineOptions({ inheritAttrs: false });
 
-const modelValue = defineModel<boolean>({ default: false });
+const model = defineModel<boolean>({ default: false });
 
 defineSlots<{
   /**
    * Label content.
    */
-  default?: () => any;
+  default: () => any;
 }>();
 
 const {

package/dist/style.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.2.4 | 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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}[data-v-deec4cfc],[data-v-deec4cfc]:before,[data-v-deec4cfc]:after,[data-v-deec4cfc]::backdrop{--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:Inter, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(97% 0 0);--color-gray-200:oklch(94.9% 0 0);--color-gray-300:oklch(91.6% 0 0);--color-gray-400:oklch(78.9% 0 0);--color-gray-500:oklch(64% 0 0);--color-gray-600:oklch(59.3% 0 0);--color-gray-700:oklch(56.2% 0 0);--color-gray-800:oklch(41.8% 0 0);--color-gray-900:oklch(24.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:4px;--text-xs:.75rem;--text-xs--line-height:calc(1.125 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.3125 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.6875 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.875 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2.25 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-alert-red-default:#f53000;--color-error:oklch(62.7% .234 32.5);--color-error-dark:oklch(51.1% .189 32.9);--color-error-darkest:oklch(37.9% .136 34.1);--color-red-default:oklch(60.8% .209 27);--color-red-dark:oklch(46.6% .19 27.5);--color-pink-default:oklch(63.5% .253 357);--color-pink-dark:oklch(51.6% .209 1.3);--color-purple-default:oklch(49% .208 318);--color-purple-dark:oklch(35.7% .177 314.2);--color-primary:oklch(45.9% .242 263.4);--color-primary-dark:oklch(38.3% .198 263.2);--color-primary-darkest:oklch(29% .142 262.7);--color-primary-light:oklch(49.6% .263 263.5);--color-cyan-default:oklch(68.2% .118 210.1);--color-cyan-dark:oklch(53.8% .096 215.006);--color-teal-default:oklch(56.6% .101 182.5);--color-teal-dark:oklch(42.2% .077 179.8);--color-secondary:oklch(66.5% .165 154.8);--color-secondary-dark:oklch(44.2% .094 164.1);--color-secondary-darkest:oklch(32.9% .069 164.9);--color-secondary-light:oklch(80.1% .2 154.5);--color-yellow-default:oklch(94.2% .204 108.5);--color-yellow-dark:oklch(81.4% .173 104.8);--color-orange-default:oklch(81.8% .171 77.9);--color-orange-dark:oklch(66.4% .141 73.9);--color-orange-darkest:oklch(50.8% .108 73.3);--color-brown-default:oklch(49.7% .123 54.7);--color-brown-dark:oklch(39.5% .096 56.4);--color-primary-hover:var(--color-primary-dark);--color-primary-emphasis:var(--color-primary-light);--color-error-hover:var(--color-error-dark);--color-accent-red:var(--color-red-default);--color-accent-red-dark:var(--color-red-dark);--color-accent-purple:var(--color-purple-default);--color-accent-green:var(--color-secondary);--color-accent-orange:var(--color-orange-default);--color-surface-base:var(--color-gray-100);--color-surface-level-1:var(--color-white);--color-shadow-strong:oklch(0% 0 0/.35);--color-neutral:var(--color-white);--color-neutral-primary:var(--color-gray-900);--color-neutral-emphasis:var(--color-gray-800);--color-neutral-subtle:var(--color-gray-700);--color-neutral-medium:var(--color-gray-600);--color-neutral-muted:var(--color-gray-500);--color-neutral-soft:var(--color-gray-400);--color-neutral-faint:var(--color-gray-300);--color-neutral-pale:var(--color-gray-200);--color-neutral-whisper:var(--color-gray-100);--color-neutral-inverse-primary:var(--color-white);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--spacing-inherit:inherit;--spacing-half:2px;--spacing-inputFocused:15px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-neutral-pale,currentcolor)}::file-selector-button{border-color:var(--color-neutral-pale,currentcolor)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.top-4{top:calc(var(--spacing) * 4)}.top-12{top:calc(var(--spacing) * 12)}.right-1{right:calc(var(--spacing) * 1)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1{left:calc(var(--spacing) * -1)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.focus-outline{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-outline{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-outline{outline-offset:2px}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-px{margin-bottom:1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.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-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.size-inherit{width:var(--spacing-inherit);height:var(--spacing-inherit)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-200{height:calc(var(--spacing) * 200)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-screen{max-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-50{width:calc(var(--spacing) * 50)}.w-100{width:calc(var(--spacing) * 100)}.w-120{width:calc(var(--spacing) * 120)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-\[657px\]{max-width:657px}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-min{max-width:min-content}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-80{flex-basis:calc(var(--spacing) * 80)}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x: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-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[20px\]{--tw-translate-y:calc(20px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.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,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-none{--tw-border-style:none;border-style:none}.border-neutral-emphasis{border-color:var(--color-neutral-emphasis)}.border-neutral-faint{border-color:var(--color-neutral-faint)}.border-neutral-pale{border-color:var(--color-neutral-pale)}.border-neutral-soft{border-color:var(--color-neutral-soft)}.border-neutral-subtle{border-color:var(--color-neutral-subtle)}.border-orange-default{border-color:var(--color-orange-default)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.border-t-neutral-faint{border-top-color:var(--color-neutral-faint)}.border-b-neutral-pale{border-bottom-color:var(--color-neutral-pale)}.bg-accent-green{background-color:var(--color-accent-green)}.bg-accent-orange{background-color:var(--color-accent-orange)}.bg-accent-purple{background-color:var(--color-accent-purple)}.bg-accent-red{background-color:var(--color-accent-red)}.bg-accent-red-dark{background-color:var(--color-accent-red-dark)}.bg-black{background-color:var(--color-black)}.bg-error{background-color:var(--color-error)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral-emphasis{background-color:var(--color-neutral-emphasis)}.bg-neutral-faint{background-color:var(--color-neutral-faint)}.bg-neutral-medium{background-color:var(--color-neutral-medium)}.bg-neutral-muted{background-color:var(--color-neutral-muted)}.bg-neutral-pale{background-color:var(--color-neutral-pale)}.bg-neutral-primary{background-color:var(--color-neutral-primary)}.bg-neutral-subtle{background-color:var(--color-neutral-subtle)}.bg-neutral-whisper{background-color:var(--color-neutral-whisper)}.bg-orange-default{background-color:var(--color-orange-default)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-surface-base{background-color:var(--color-surface-base)}.bg-surface-level-1{background-color:var(--color-surface-level-1)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.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-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-half{padding-block:var(--spacing-half)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\[text-align\:initial\]{text-align:initial}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\/6{font-size:var(--text-base);line-height:calc(var(--spacing) * 6)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.text-sm\/5\.5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5.5)}.text-sm\/8{font-size:var(--text-sm);line-height:calc(var(--spacing) * 8)}.text-sm\/normal{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/4{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4)}.text-xs\/4\.5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4.5)}.text-xs\/5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 5)}.text-xs\/normal{font-size:var(--text-xs);line-height:var(--leading-normal)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-neutral{color:var(--color-neutral)}.text-neutral-emphasis{color:var(--color-neutral-emphasis)}.text-neutral-faint{color:var(--color-neutral-faint)}.text-neutral-inverse-primary{color:var(--color-neutral-inverse-primary)}.text-neutral-medium{color:var(--color-neutral-medium)}.text-neutral-muted{color:var(--color-neutral-muted)}.text-neutral-primary{color:var(--color-neutral-primary)}.text-neutral-soft{color:var(--color-neutral-soft)}.text-neutral-subtle{color:var(--color-neutral-subtle)}.text-neutral\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-neutral\/25{color:color-mix(in oklab, var(--color-neutral) 25%, transparent)}}.text-orange-default{color:var(--color-orange-default)}.text-primary{color:var(--color-primary)}.text-primary-emphasis{color:var(--color-primary-emphasis)}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.accent-red-dark{accent-color:var(--color-red-dark)}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-default{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-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)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-alert-red-default{outline-color:var(--color-alert-red-default)}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-500{transition-delay:.5s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{user-select:none}.\[--transition-close-duration\:100ms\]{--transition-close-duration:.1s}.\[--transition-duration\:200ms\]{--transition-duration:.2s}.\[--transition-duration\:3000ms\]{--transition-duration:3s}.\[-transition-close-duration\:2000ms\]{-transition-close-duration:2s}:is(.\*\:rounded-none>*){border-radius:0}:is(.\*\:border>*){border-style:var(--tw-border-style);border-width:1px}:is(.\*\:border-r-0>*){border-right-style:var(--tw-border-style);border-right-width:0}:is(.\*\:border-neutral-faint>*){border-color:var(--color-neutral-faint)}.not-disabled\:cursor-pointer:not(:disabled){cursor:pointer}.not-aria-invalid\:rounded-b-sm:not([aria-invalid=true]){border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}.peer-focus\:bg-error-hover:is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.peer-focus\:bg-orange-dark:is(:where(.peer):focus~*){background-color:var(--color-orange-dark)}@media (hover:hover){.peer-enabled\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}.peer-enabled\:peer-hover\:bg-orange-dark:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-orange-dark)}}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-aria-invalid\:bg-error:is(:where(.peer)[aria-invalid=true]~*){background-color:var(--color-error)}.peer-aria-invalid\:text-neutral:is(:where(.peer)[aria-invalid=true]~*){color:var(--color-neutral)}@media (hover:hover){.peer-enabled\:peer-aria-invalid\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}}.peer-enabled\:peer-aria-invalid\:peer-focus\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.placeholder\:text-neutral-muted::placeholder{color:var(--color-neutral-muted)}.placeholder\:text-neutral-soft::placeholder{color:var(--color-neutral-soft)}.placeholder\:text-neutral-subtle::placeholder{color:var(--color-neutral-subtle)}.backdrop\:bg-shadow-strong::backdrop{background-color:var(--color-shadow-strong)}.after\:block:after{content:var(--tw-content);display:block}.after\:size-2:after{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.after\:size-full:after{content:var(--tw-content);width:100%;height:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:leading-0:after{content:var(--tw-content);--tw-leading:calc(var(--spacing) * 0);line-height:calc(var(--spacing) * 0)}.checked\:bg-neutral-emphasis:checked{background-color:var(--color-neutral-emphasis)}.checked\:bg-primary:checked{background-color:var(--color-primary)}.checked\:after\:bg-neutral-emphasis:checked:after{content:var(--tw-content);background-color:var(--color-neutral-emphasis)}.checked\:after\:bg-primary:checked:after{content:var(--tw-content);background-color:var(--color-primary)}.checked\:after\:content-\[\'\'\]:checked:after{--tw-content:"";content:var(--tw-content)}.checked\:after\:content-\[url\(data\:image\/svg\+xml\;base64\,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg\=\=\)\]:checked:after{--tw-content:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);content:var(--tw-content)}.read-only\:border-neutral-faint:read-only{border-color:var(--color-neutral-faint)}.focus-within\:outline-primary:focus-within{outline-color:var(--color-primary)}@media (hover:hover){.hover\:border-neutral-muted:hover{border-color:var(--color-neutral-muted)}.hover\:border-neutral-subtle:hover{border-color:var(--color-neutral-subtle)}.hover\:border-primary-dark:hover{border-color:var(--color-primary-dark)}.hover\:bg-neutral-faint:hover{background-color:var(--color-neutral-faint)}.hover\:bg-neutral-pale:hover{background-color:var(--color-neutral-pale)}.hover\:bg-neutral-soft:hover{background-color:var(--color-neutral-soft)}.hover\:bg-neutral-whisper:hover{background-color:var(--color-neutral-whisper)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:text-neutral-primary:hover{color:var(--color-neutral-primary)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:outline-neutral-faint:hover{outline-color:var(--color-neutral-faint)}.not-disabled\:hover\:border-neutral-subtle:not(:disabled):hover{border-color:var(--color-neutral-subtle)}.not-disabled\:hover\:bg-neutral-emphasis:not(:disabled):hover{background-color:var(--color-neutral-emphasis)}.not-disabled\:hover\:bg-primary-hover:not(:disabled):hover{background-color:var(--color-primary-hover)}.not-disabled\:hover\:text-neutral-primary:not(:disabled):hover{color:var(--color-neutral-primary)}.not-disabled\:hover\:text-primary-hover:not(:disabled):hover{color:var(--color-primary-hover)}.hover\:focus-within\:outline-primary:hover:focus-within{outline-color:var(--color-primary)}}.focus\:border-2:focus{border-style:var(--tw-border-style);border-width:2px}.focus\:border-neutral-subtle:focus{border-color:var(--color-neutral-subtle)}.focus\:border-orange-dark:focus{border-color:var(--color-orange-dark)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:bg-neutral-faint:focus{background-color:var(--color-neutral-faint)}.focus\:p-inputFocused:focus{padding:var(--spacing-inputFocused)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:focus-outline:focus-visible{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-visible\:focus-outline:focus-visible{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-visible\:focus-outline:focus-visible{outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.active\:bg-primary:active{background-color:var(--color-primary)}.active\:bg-primary-dark:active{background-color:var(--color-primary-dark)}.active\:text-neutral:active{color:var(--color-neutral)}.active\:text-neutral-primary:active{color:var(--color-neutral-primary)}.enabled\:cursor-pointer:enabled,.not-read-only\:enabled\:cursor-pointer:not(:read-only):enabled{cursor:pointer}@media (hover:hover){.enabled\:hover\:border-neutral-primary:enabled:hover{border-color:var(--color-neutral-primary)}.enabled\:hover\:border-neutral-subtle:enabled:hover{border-color:var(--color-neutral-subtle)}.enabled\:hover\:border-orange-dark:enabled:hover{border-color:var(--color-orange-dark)}.enabled\:hover\:border-primary-hover:enabled:hover{border-color:var(--color-primary-hover)}.enabled\:not-focus\:hover\:border-neutral-subtle:enabled:not(:focus):hover{border-color:var(--color-neutral-subtle)}.checked\:enabled\:hover\:bg-neutral-primary:checked:enabled:hover{background-color:var(--color-neutral-primary)}.checked\:enabled\:hover\:bg-primary-hover:checked:enabled:hover{background-color:var(--color-primary-hover)}.enabled\:hover\:focus\:border-primary:enabled:hover:focus{border-color:var(--color-primary)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-muted:disabled{border-color:var(--color-neutral-muted)}.disabled\:bg-neutral-faint:disabled{background-color:var(--color-neutral-faint)}.disabled\:bg-neutral-whisper:disabled{background-color:var(--color-neutral-whisper)}.disabled\:text-neutral-faint:disabled{color:var(--color-neutral-faint)}.disabled\:text-neutral-soft:disabled{color:var(--color-neutral-soft)}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:checked\:bg-neutral-muted:disabled:checked{background-color:var(--color-neutral-muted)}.disabled\:checked\:after\:bg-neutral-muted:disabled:checked:after{content:var(--tw-content);background-color:var(--color-neutral-muted)}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:bg-none:disabled:hover{background-image:none}}@media (prefers-reduced-motion:no-preference){.motion-safe\: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,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))}}@media (width>=40rem){.sm\:right-12{right:calc(var(--spacing) * 12)}.sm\:bottom-12{bottom:calc(var(--spacing) * 12)}.sm\:left-12{left:calc(var(--spacing) * 12)}.sm\:inline-flex{display:inline-flex}.sm\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.sm\:w-full{width:100%}.sm\:text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}}@media (width>=48rem){.md\:mr-7{margin-right:calc(var(--spacing) * 7)}.md\:w-\[45\.5\%\]{width:45.5%}.md\:px-28{padding-inline:calc(var(--spacing) * 28)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}}@media (width>=64rem){.lg\:col-start-2{grid-column-start:2}.lg\:mx-auto{margin-inline:auto}.lg\:mr-8{margin-right:calc(var(--spacing) * 8)}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:flex{display:flex}.lg\:w-2\/3{width:66.6667%}.lg\:w-5\/6{width:83.3333%}.lg\:w-\[46\.5\%\]{width:46.5%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[224px_1fr\]{grid-template-columns:224px 1fr}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:gap-y-5{row-gap:calc(var(--spacing) * 5)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:pt-0{padding-top:calc(var(--spacing) * 0)}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.aria-invalid\:rounded-b-none[aria-invalid=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aria-invalid\:border-2[aria-invalid=true]{border-style:var(--tw-border-style);border-width:2px}.aria-invalid\:border-error[aria-invalid=true]{border-color:var(--color-error)}.aria-invalid\:focus\:border-error-hover[aria-invalid=true]:focus{border-color:var(--color-error-hover)}@media (hover:hover){.aria-invalid\:enabled\:hover\:border-error-hover[aria-invalid=true]:enabled:hover,.enabled\:aria-invalid\:hover\:border-error-hover:enabled[aria-invalid=true]:hover{border-color:var(--color-error-hover)}}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:focus)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-primary:has(+:is(input,textarea):where(:focus)){color:var(--color-primary)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\)\)\]\:text-error:has(+:is(input,textarea):where([aria-invalid=true])){color:var(--color-error)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:enabled\:hover\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:focus\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:-translate-y-1\/2:has(+[data-is-label-raised]){--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:bg-neutral:has(+[data-is-label-raised]){background-color:var(--color-neutral)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:text-xs:has(+[data-is-label-raised]){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\:has\(\>input\:enabled\)\]\:cursor-pointer:has(>input:enabled){cursor:pointer}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline-offset:2px}.\[\&\:has\(\>input\:focus-visible\)\]\:-outline-offset-2:has(>input:focus-visible){outline-offset:calc(2px * -1)}.\[\&\:has\(\>svg\:only-child\)\]\:w-6:has(>svg:only-child){width:calc(var(--spacing) * 6)}.\[\&\:has\(\>svg\:only-child\)\]\:w-8:has(>svg:only-child){width:calc(var(--spacing) * 8)}.\[\&\:has\(\>svg\:only-child\)\]\:w-10:has(>svg:only-child){width:calc(var(--spacing) * 10)}.\[\&\:has\(\>svg\:only-child\)\]\:w-12:has(>svg:only-child){width:calc(var(--spacing) * 12)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-4:has(>svg:only-child)>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-6:has(>svg:only-child)>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\*\:has\(\+select\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+select:where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\*\:has\(\+select\:where\(\:focus\)\)\]\:text-primary:has(+select:where(:focus)){color:var(--color-primary)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\)\)\]\:text-error:has(+select:where([aria-invalid=true])){color:var(--color-error)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:enabled\:hover\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:enabled:hover)),.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:focus\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-2:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 2)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-4:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 4)}.\[\&\>\*\:first-child\]\:rounded-l-full>:first-child{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:rounded-r-full>:last-child{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:border-r>:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}}@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-divide-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.dp__input_wrap{width:100%;box-sizing:unset;position:relative}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding)!important}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);color:var(--dp-icon-color);box-sizing:content-box;padding:6px 12px;display:inline-block}.dp__input_icon{cursor:pointer;top:50%;color:var(--dp-icon-color);position:absolute;inset-inline-start:0;transform:translateY(-50%)}.dp--clear-btn{top:50%;cursor:pointer;color:var(--dp-icon-color);background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;inset-inline-end:0;transform:translateY(-50%)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after,.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{z-index:99999;position:absolute}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{z-index:999999;position:absolute;inset:0}.dp__menu_disabled{cursor:not-allowed;background:#ffffff80}.dp__menu_readonly{cursor:default;background:0 0}.dp-menu-loading{cursor:default;background:#ffffff80}.dp--menu-load-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dp--menu-loader{border:var(--dp-loader);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite dp-load-rotation;display:inline-block;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;transform:translateY(-50%)rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2);border:none;align-self:center;display:flex;overflow-x:auto}.dp__sidebar_left{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp__sidebar_right{margin-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-range{text-align:left;white-space:nowrap;width:100%;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition);padding:5px;display:block}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{color:var(--dp-text-color);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.dp__calendar_header_item{text-align:center;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;flex-grow:1}.dp__calendar_row{margin:var(--dp-row-margin);justify-content:center;align-items:center;display:flex}.dp__calendar_item{text-align:center;box-sizing:border-box;color:var(--dp-text-color);flex-grow:1}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{text-align:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-start-end-radius:0;border-end-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-start-start-radius:0;border-end-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--extended-fixed-end,.dp--extended-fixed-start,.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border:1px solid var(--dp-range-between-border-color);border-radius:0}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color);border-radius:0}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-radius:0}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius)}.dp__cell_auto_range_end{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color);border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius)}.dp__calendar_header_separator{background:var(--dp-border-color);width:100%;height:1px}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{background-color:var(--dp-marker-color);height:5px;position:absolute;bottom:0}.dp__marker_dot{border-radius:50%;width:5px;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default;padding:5px;position:absolute}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp__tooltip_mark{background-color:var(--dp-text-color);width:5px;height:5px;color:var(--dp-text-color);border-radius:50%;margin-inline-end:5px}.dp__arrow_bottom_tp{background-color:var(--dp-tooltip-color);border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);width:8px;height:8px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp__instance_calendar{width:100%;position:relative}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box;align-items:center;display:flex}.dp__inner_nav{cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;display:flex}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{flex-direction:row;align-items:center;width:100%;display:flex}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{flex-direction:column;width:100%;display:flex}.dp__overlay{background:var(--dp-background-color);z-index:99999;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box;transition:opacity 1s ease-out}.dp--overlay-absolute{height:100%;position:absolute;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{background-color:var(--dp-scroll-bar-background);width:5px}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{height:var(--dp-overlay-height);flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;margin-inline:auto;padding:0;display:flex}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{box-sizing:border-box;right:5px}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{font:inherit;transition:var(--dp-common-transition);border:none;line-height:normal}.dp--year-mode-picker{width:100%;height:var(--dp-cell-size);justify-content:space-between;align-items:center;display:flex}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{user-select:none;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{justify-content:center;width:100%;display:flex}.dp__inc_dec_button{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);cursor:pointer;color:var(--dp-icon-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);justify-content:center;align-items:center;display:flex}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{cursor:pointer;align-items:center;width:100%;height:8px;padding:0;display:flex}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer;border:none}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{background-color:var(--dp-secondary-color);width:100%;height:4px;transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg)scale(1.15)translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--time-overlay-btn{background:0 0}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{color:var(--dp-text-color);font-size:var(--dp-preview-font-size);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dp__action_buttons{white-space:nowrap;flex:0;justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}.dp__action_button{padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family);background:0 0;border:1px solid #0000;align-items:center;margin-inline-start:3px;display:inline-flex}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{height:100%;min-width:var(--dp-menu-min-width);flex-direction:column;display:flex}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:0 0}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{flex-direction:column;flex:1;justify-content:space-evenly;width:100%;height:100%;display:flex}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition:all .1s ease-in;--dp-menu-padding:6px 8px;--dp-animation-duration:.1s;--dp-menu-appear-transition-timing:cubic-bezier(.4, 0, 1, 1);--dp-transition-timing:ease-out;--dp-action-row-transition:all .2s ease-in;--dp-font-family:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius:4px;--dp-cell-border-radius:4px;--dp-transition-length:22px;--dp-transition-timing-general:.1s;--dp-button-height:35px;--dp-month-year-row-height:35px;--dp-month-year-row-button-size:25px;--dp-button-icon-height:20px;--dp-calendar-wrap-padding:0 5px;--dp-cell-size:35px;--dp-cell-padding:5px;--dp-common-padding:10px;--dp-input-icon-padding:35px;--dp-input-padding:6px 30px 6px 12px;--dp-input-not-clearable-padding:12px;--dp-menu-min-width:260px;--dp-action-buttons-padding:1px 6px;--dp-row-margin:5px 0;--dp-calendar-header-cell-padding:.5rem;--dp-multi-calendars-spacing:10px;--dp-overlay-col-padding:3px;--dp-time-inc-dec-button-size:32px;--dp-font-size:1rem;--dp-preview-font-size:.8rem;--dp-time-font-size:2rem;--dp-action-button-height:22px;--dp-action-row-padding:8px;--dp-direction:ltr}.dp__theme_dark{--dp-background-color:#212121;--dp-text-color:#fff;--dp-hover-color:#484848;--dp-hover-text-color:#fff;--dp-hover-icon-color:#959595;--dp-primary-color:#005cb2;--dp-primary-disabled-color:#61a8ea;--dp-primary-text-color:#fff;--dp-secondary-color:#a9a9a9;--dp-border-color:#2d2d2d;--dp-menu-border-color:#2d2d2d;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#737373;--dp-disabled-color-text:#d0d0d0;--dp-scroll-bar-background:#212121;--dp-scroll-bar-color:#484848;--dp-success-color:#00701a;--dp-success-color-disabled:#428f59;--dp-icon-color:#959595;--dp-danger-color:#e53935;--dp-marker-color:#e53935;--dp-tooltip-color:#3e3e3e;--dp-highlight-color:#005cb233;--dp-range-between-dates-background-color:var(--dp-hover-color,#484848);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#fff);--dp-range-between-border-color:var(--dp-hover-color,#fff);--dp-loader:5px solid #005cb2}.dp__theme_light{--dp-background-color:#fff;--dp-text-color:#212121;--dp-hover-color:#f3f3f3;--dp-hover-text-color:#212121;--dp-hover-icon-color:#959595;--dp-primary-color:#1976d2;--dp-primary-disabled-color:#6bacea;--dp-primary-text-color:#fff;--dp-secondary-color:#c0c4cc;--dp-border-color:#ddd;--dp-menu-border-color:#ddd;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#f6f6f6;--dp-scroll-bar-background:#f3f3f3;--dp-scroll-bar-color:#959595;--dp-success-color:#76d275;--dp-success-color-disabled:#a3d9b1;--dp-icon-color:#959595;--dp-danger-color:#ff6f60;--dp-marker-color:#ff6f60;--dp-tooltip-color:#fafafa;--dp-disabled-color-text:#8e8e8e;--dp-highlight-color:#1976d21a;--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3);--dp-loader:5px solid #1976d2}.dp__flex{align-items:center;display:flex}.dp__btn{background:0 0}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;width:100%;position:relative}.dp__main *{direction:var(--dp-direction,ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentColor;fill:currentColor}.dp__button{text-align:center;width:100%;color:var(--dp-icon-color);cursor:pointer;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height);place-content:center;align-items:center;display:flex}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dp__arrow_top{left:10%}.dp__menu{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.dp--year-select,.dp__month_year_select{border-radius:var(--radius-2xl)}.nav-btn-prev,.nav-btn-next{padding:.25rem}.dp__flex_display{gap:2rem}.dp__sidebar_left{padding:0}.dp__cell_inner,.dp__cell_inner:hover{border-radius:3.40282e38px}.dp__today{border:1px solid var(--color-neutral-primary)}.dp__cell_auto_range,.dp__cell_auto_range_start,.dp__cell_auto_range_end{color:var(--color-neutral-primary);background-color:var(--color-neutral-faint);border:none}.dp__month_year_select{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-primary)}.dp__calendar_header_separator{display:none}.dp__calendar_header{font-size:var(--text-xs);color:var(--color-neutral-subtle);font-weight:var(--font-weight-semibold);align-items:center;gap:.25rem}.dp__calendar_header_item{color:var(--color-neutral-subtle);justify-content:center;align-items:center;display:flex}.dp__calendar_row{gap:.25rem}.dp__action_row,.dp__action_extra{border-top:1px solid var(--color-neutral-faint);justify-content:end;gap:1rem;padding:.5rem 1rem}.dp__theme_light{--dp-font-family:var(--font-sans);--dp-month-year-row-height:2rem;--dp-button-icon-height:1.5rem;--dp-calendar-header-cell-padding:.25rem;--dp-menu-padding:1rem;--dp-cell-size:2rem;--dp-font-size:var(--text-xs);--dp-background-color:var(--color-surface-level-1);--dp-primary-color:var(--color-primary);--dp-hover-color:var(--color-neutral-faint);--dp-hover-text-color:var(--color-neutral-primary);--dp-hover-icon-color:var(--color-neutral);--dp-primary-disabled-color:var(--color-neutral-soft);--dp-primary-text-color:var(--color-neutral);--dp-secondary-color:#c0c4cc;--dp-border-color:var(--color-neutral-pale);--dp-menu-border-color:var(--color-neutral-pale);--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3)}@keyframes fade-slide-down-24e7c3cc{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-right-24e7c3cc{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-left-24e7c3cc{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-up-24e7c3cc{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in-24e7c3cc{0%{opacity:0}to{opacity:1}}.fade-up-enter-active[data-v-24e7c3cc]{animation:fade-in-24e7c3cc calc(var(--transition-duration) + 5ms)}.fade-up-leave-active[data-v-24e7c3cc]{animation:fade-in-24e7c3cc calc(var(--transition-close-duration) + 5ms);animation-direction:reverse}[data-side*=bottom].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-up-24e7c3cc var(--transition-duration)}[data-side*=bottom].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-up-24e7c3cc var(--transition-close-duration);animation-direction:reverse}[data-side*=top].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-down-24e7c3cc var(--transition-duration)}[data-side*=top].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-down-24e7c3cc var(--transition-close-duration);animation-direction:reverse}[data-side*=left].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-left-24e7c3cc var(--transition-duration)}[data-side*=left].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-left-24e7c3cc var(--transition-close-duration);animation-direction:reverse}[data-side*=right].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-right-24e7c3cc var(--transition-duration)}[data-side*=right].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-right-24e7c3cc var(--transition-close-duration);animation-direction:reverse}select[data-v-deec4cfc],[data-v-deec4cfc]::picker(select){appearance:base-select}[data-v-deec4cfc]::picker(select){border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-whisper,var(--color-gray-100));--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}select[data-v-deec4cfc]::picker-icon{display:none}select[data-v-deec4cfc]>option{padding-inline:calc(var(--spacing,4px) * 4);padding-block:calc(var(--spacing,4px) * 3);justify-content:space-between;align-items:center;display:flex}select[data-v-deec4cfc]>option:enabled:hover{background-color:var(--color-neutral-pale,var(--color-gray-200))}select[data-v-deec4cfc]>option::checkmark{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.6875 / 1.125)));order:1}select[data-v-deec4cfc]>option+option{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-whisper,var(--color-gray-100))}
+@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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}[data-v-deec4cfc],[data-v-deec4cfc]:before,[data-v-deec4cfc]:after,[data-v-deec4cfc]::backdrop{--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:Inter, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(97% 0 0);--color-gray-200:oklch(94.9% 0 0);--color-gray-300:oklch(91.6% 0 0);--color-gray-400:oklch(78.9% 0 0);--color-gray-500:oklch(64% 0 0);--color-gray-600:oklch(59.3% 0 0);--color-gray-700:oklch(56.2% 0 0);--color-gray-800:oklch(41.8% 0 0);--color-gray-900:oklch(24.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:4px;--text-xs:.75rem;--text-xs--line-height:calc(1.125 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.3125 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.6875 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.875 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2.25 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-alert-red-default:#f53000;--color-error:oklch(62.7% .234 32.5);--color-error-dark:oklch(51.1% .189 32.9);--color-error-darkest:oklch(37.9% .136 34.1);--color-red-default:oklch(60.8% .209 27);--color-red-dark:oklch(46.6% .19 27.5);--color-pink-default:oklch(63.5% .253 357);--color-pink-dark:oklch(51.6% .209 1.3);--color-purple-default:oklch(49% .208 318);--color-purple-dark:oklch(35.7% .177 314.2);--color-primary:oklch(45.9% .242 263.4);--color-primary-dark:oklch(38.3% .198 263.2);--color-primary-darkest:oklch(29% .142 262.7);--color-primary-light:oklch(49.6% .263 263.5);--color-cyan-default:oklch(68.2% .118 210.1);--color-cyan-dark:oklch(53.8% .096 215.006);--color-teal-default:oklch(56.6% .101 182.5);--color-teal-dark:oklch(42.2% .077 179.8);--color-secondary:oklch(66.5% .165 154.8);--color-secondary-dark:oklch(44.2% .094 164.1);--color-secondary-darkest:oklch(32.9% .069 164.9);--color-secondary-light:oklch(80.1% .2 154.5);--color-yellow-default:oklch(94.2% .204 108.5);--color-yellow-dark:oklch(81.4% .173 104.8);--color-orange-default:oklch(81.8% .171 77.9);--color-orange-dark:oklch(66.4% .141 73.9);--color-orange-darkest:oklch(50.8% .108 73.3);--color-brown-default:oklch(49.7% .123 54.7);--color-brown-dark:oklch(39.5% .096 56.4);--color-primary-hover:var(--color-primary-dark);--color-primary-emphasis:var(--color-primary-light);--color-secondary-emphasis:var(--color-secondary-light);--color-error-hover:var(--color-error-dark);--color-accent-red:var(--color-red-default);--color-accent-red-dark:var(--color-red-dark);--color-accent-purple:var(--color-purple-default);--color-accent-green:var(--color-secondary);--color-accent-orange:var(--color-orange-default);--color-surface-base:var(--color-gray-100);--color-surface-level-1:var(--color-white);--color-shadow-strong:oklch(0% 0 0/.35);--color-neutral:var(--color-white);--color-neutral-primary:var(--color-gray-900);--color-neutral-emphasis:var(--color-gray-800);--color-neutral-subtle:var(--color-gray-700);--color-neutral-medium:var(--color-gray-600);--color-neutral-muted:var(--color-gray-500);--color-neutral-soft:var(--color-gray-400);--color-neutral-faint:var(--color-gray-300);--color-neutral-pale:var(--color-gray-200);--color-neutral-whisper:var(--color-gray-100);--color-neutral-inverse-primary:var(--color-white);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--spacing-inherit:inherit;--spacing-half:2px;--spacing-inputFocused:15px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-neutral-pale,currentcolor)}::file-selector-button{border-color:var(--color-neutral-pale,currentcolor)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.top-12{top:calc(var(--spacing) * 12)}.right-1{right:calc(var(--spacing) * 1)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.focus-outline{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-outline{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-outline{outline-offset:2px}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-px{margin-bottom:1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.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-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.size-inherit{width:var(--spacing-inherit);height:var(--spacing-inherit)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-200{height:calc(var(--spacing) * 200)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-screen{max-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-50{width:calc(var(--spacing) * 50)}.w-100{width:calc(var(--spacing) * 100)}.w-120{width:calc(var(--spacing) * 120)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-\[657px\]{max-width:657px}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-min{max-width:min-content}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-80{flex-basis:calc(var(--spacing) * 80)}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[20px\]{--tw-translate-y:calc(20px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.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,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-none{--tw-border-style:none;border-style:none}.border-neutral-emphasis{border-color:var(--color-neutral-emphasis)}.border-neutral-faint{border-color:var(--color-neutral-faint)}.border-neutral-pale{border-color:var(--color-neutral-pale)}.border-neutral-soft{border-color:var(--color-neutral-soft)}.border-neutral-subtle{border-color:var(--color-neutral-subtle)}.border-orange-default{border-color:var(--color-orange-default)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.border-t-neutral-faint{border-top-color:var(--color-neutral-faint)}.border-b-neutral-pale{border-bottom-color:var(--color-neutral-pale)}.bg-accent-green{background-color:var(--color-accent-green)}.bg-accent-orange{background-color:var(--color-accent-orange)}.bg-accent-purple{background-color:var(--color-accent-purple)}.bg-accent-red{background-color:var(--color-accent-red)}.bg-accent-red-dark{background-color:var(--color-accent-red-dark)}.bg-black{background-color:var(--color-black)}.bg-error{background-color:var(--color-error)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral-emphasis{background-color:var(--color-neutral-emphasis)}.bg-neutral-faint{background-color:var(--color-neutral-faint)}.bg-neutral-medium{background-color:var(--color-neutral-medium)}.bg-neutral-pale{background-color:var(--color-neutral-pale)}.bg-neutral-primary{background-color:var(--color-neutral-primary)}.bg-neutral-subtle{background-color:var(--color-neutral-subtle)}.bg-neutral-whisper{background-color:var(--color-neutral-whisper)}.bg-orange-default{background-color:var(--color-orange-default)}.bg-primary{background-color:var(--color-primary)}.bg-secondary-emphasis{background-color:var(--color-secondary-emphasis)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-surface-base{background-color:var(--color-surface-base)}.bg-surface-level-1{background-color:var(--color-surface-level-1)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.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-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-half{padding-block:var(--spacing-half)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\[text-align\:initial\]{text-align:initial}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\/6{font-size:var(--text-base);line-height:calc(var(--spacing) * 6)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.text-sm\/5\.5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5.5)}.text-sm\/8{font-size:var(--text-sm);line-height:calc(var(--spacing) * 8)}.text-sm\/normal{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/4{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4)}.text-xs\/4\.5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4.5)}.text-xs\/5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 5)}.text-xs\/normal{font-size:var(--text-xs);line-height:var(--leading-normal)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-neutral{color:var(--color-neutral)}.text-neutral-emphasis{color:var(--color-neutral-emphasis)}.text-neutral-faint{color:var(--color-neutral-faint)}.text-neutral-inverse-primary{color:var(--color-neutral-inverse-primary)}.text-neutral-medium{color:var(--color-neutral-medium)}.text-neutral-muted{color:var(--color-neutral-muted)}.text-neutral-primary{color:var(--color-neutral-primary)}.text-neutral-soft{color:var(--color-neutral-soft)}.text-neutral-subtle{color:var(--color-neutral-subtle)}.text-neutral\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-neutral\/25{color:color-mix(in oklab, var(--color-neutral) 25%, transparent)}}.text-orange-default{color:var(--color-orange-default)}.text-primary{color:var(--color-primary)}.text-primary-emphasis{color:var(--color-primary-emphasis)}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.accent-red-dark{accent-color:var(--color-red-dark)}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-default{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-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)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-alert-red-default{outline-color:var(--color-alert-red-default)}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-500{transition-delay:.5s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{user-select:none}.\[--transition-close-duration\:100ms\]{--transition-close-duration:.1s}.\[--transition-duration\:200ms\]{--transition-duration:.2s}.\[--transition-duration\:3000ms\]{--transition-duration:3s}.\[-transition-close-duration\:2000ms\]{-transition-close-duration:2s}:is(.\*\:rounded-none>*){border-radius:0}:is(.\*\:border>*){border-style:var(--tw-border-style);border-width:1px}:is(.\*\:border-r-0>*){border-right-style:var(--tw-border-style);border-right-width:0}:is(.\*\:border-neutral-faint>*){border-color:var(--color-neutral-faint)}.not-disabled\:cursor-pointer:not(:disabled){cursor:pointer}.not-aria-invalid\:rounded-b-sm:not([aria-invalid=true]){border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}.peer-focus\:bg-error-hover:is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.peer-focus\:bg-orange-dark:is(:where(.peer):focus~*){background-color:var(--color-orange-dark)}@media (hover:hover){.peer-enabled\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}.peer-enabled\:peer-hover\:bg-orange-dark:is(:where(.peer):enabled~*):is(:where(.peer):hover~*){background-color:var(--color-orange-dark)}}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-aria-invalid\:bg-error:is(:where(.peer)[aria-invalid=true]~*){background-color:var(--color-error)}.peer-aria-invalid\:text-neutral:is(:where(.peer)[aria-invalid=true]~*){color:var(--color-neutral)}@media (hover:hover){.peer-enabled\:peer-aria-invalid\:peer-hover\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):hover~*){background-color:var(--color-error-hover)}}.peer-enabled\:peer-aria-invalid\:peer-focus\:bg-error-hover:is(:where(.peer):enabled~*):is(:where(.peer)[aria-invalid=true]~*):is(:where(.peer):focus~*){background-color:var(--color-error-hover)}.placeholder\:text-neutral-muted::placeholder{color:var(--color-neutral-muted)}.placeholder\:text-neutral-soft::placeholder{color:var(--color-neutral-soft)}.placeholder\:text-neutral-subtle::placeholder{color:var(--color-neutral-subtle)}.backdrop\:bg-shadow-strong::backdrop{background-color:var(--color-shadow-strong)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing) * -.5)}.after\:-top-1:after{content:var(--tw-content);top:calc(var(--spacing) * -1)}.after\:-left-1:after{content:var(--tw-content);left:calc(var(--spacing) * -1)}.after\:block:after{content:var(--tw-content);display:block}.after\:size-2:after{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.after\:size-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.after\:size-6:after{content:var(--tw-content);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.after\:size-full:after{content:var(--tw-content);width:100%;height:100%}.after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-neutral-muted:after{content:var(--tw-content);background-color:var(--color-neutral-muted)}.after\:bg-secondary:after{content:var(--tw-content);background-color:var(--color-secondary)}.after\:leading-0:after{content:var(--tw-content);--tw-leading:calc(var(--spacing) * 0);line-height:calc(var(--spacing) * 0)}.after\:shadow-sm:after{content:var(--tw-content);--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)}.after\:transition-transform:after{content:var(--tw-content);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))}.after\:duration-200:after{content:var(--tw-content);--tw-duration:.2s;transition-duration:.2s}.after\:ease-in-out:after{content:var(--tw-content);--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.checked\:bg-neutral-emphasis:checked{background-color:var(--color-neutral-emphasis)}.checked\:bg-primary:checked{background-color:var(--color-primary)}.checked\:after\:bg-neutral-emphasis:checked:after{content:var(--tw-content);background-color:var(--color-neutral-emphasis)}.checked\:after\:bg-primary:checked:after{content:var(--tw-content);background-color:var(--color-primary)}.checked\:after\:content-\[\'\'\]:checked:after{--tw-content:"";content:var(--tw-content)}.checked\:after\:content-\[url\(data\:image\/svg\+xml\;base64\,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg\=\=\)\]:checked:after{--tw-content:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMjkgMTIuOGEuOC44IDAgMCAxLS41ODMtLjI1MmwtMy44OS00LjE0M2EuOC44IDAgMSAxIDEuMTY2LTEuMDk2bDMuMyAzLjUxMyA2LjcyNi03LjM2MWEuOC44IDAgMCAxIDEuMTgyIDEuMDc4bC03LjMxIDhhLjguOCAwIDAgMS0uNTg1LjI2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);content:var(--tw-content)}.read-only\:border-neutral-faint:read-only{border-color:var(--color-neutral-faint)}.focus-within\:outline-primary:focus-within{outline-color:var(--color-primary)}@media (hover:hover){.hover\:border-neutral-muted:hover{border-color:var(--color-neutral-muted)}.hover\:border-neutral-subtle:hover{border-color:var(--color-neutral-subtle)}.hover\:border-primary-dark:hover{border-color:var(--color-primary-dark)}.hover\:bg-neutral-faint:hover{background-color:var(--color-neutral-faint)}.hover\:bg-neutral-pale:hover{background-color:var(--color-neutral-pale)}.hover\:bg-neutral-soft:hover{background-color:var(--color-neutral-soft)}.hover\:bg-neutral-whisper:hover{background-color:var(--color-neutral-whisper)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:text-neutral-primary:hover{color:var(--color-neutral-primary)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:outline-neutral-faint:hover{outline-color:var(--color-neutral-faint)}.not-disabled\:hover\:border-neutral-subtle:not(:disabled):hover{border-color:var(--color-neutral-subtle)}.not-disabled\:hover\:bg-neutral-emphasis:not(:disabled):hover{background-color:var(--color-neutral-emphasis)}.not-disabled\:hover\:bg-primary-hover:not(:disabled):hover{background-color:var(--color-primary-hover)}.not-disabled\:hover\:text-neutral-primary:not(:disabled):hover{color:var(--color-neutral-primary)}.not-disabled\:hover\:text-primary-hover:not(:disabled):hover{color:var(--color-primary-hover)}.hover\:focus-within\:outline-primary:hover:focus-within{outline-color:var(--color-primary)}}.focus\:border-2:focus{border-style:var(--tw-border-style);border-width:2px}.focus\:border-neutral-subtle:focus{border-color:var(--color-neutral-subtle)}.focus\:border-orange-dark:focus{border-color:var(--color-orange-dark)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:bg-neutral-faint:focus{background-color:var(--color-neutral-faint)}.focus\:p-inputFocused:focus{padding:var(--spacing-inputFocused)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:focus-outline:focus-visible{isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.focus-visible\:focus-outline:focus-visible{outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.focus-visible\:focus-outline:focus-visible{outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.active\:bg-primary:active{background-color:var(--color-primary)}.active\:bg-primary-dark:active{background-color:var(--color-primary-dark)}.active\:text-neutral:active{color:var(--color-neutral)}.active\:text-neutral-primary:active{color:var(--color-neutral-primary)}.enabled\:cursor-pointer:enabled,.not-read-only\:enabled\:cursor-pointer:not(:read-only):enabled{cursor:pointer}@media (hover:hover){.enabled\:hover\:border-neutral-primary:enabled:hover{border-color:var(--color-neutral-primary)}.enabled\:hover\:border-neutral-subtle:enabled:hover{border-color:var(--color-neutral-subtle)}.enabled\:hover\:border-orange-dark:enabled:hover{border-color:var(--color-orange-dark)}.enabled\:hover\:border-primary-hover:enabled:hover{border-color:var(--color-primary-hover)}.enabled\:not-focus\:hover\:border-neutral-subtle:enabled:not(:focus):hover{border-color:var(--color-neutral-subtle)}.checked\:enabled\:hover\:bg-neutral-primary:checked:enabled:hover{background-color:var(--color-neutral-primary)}.checked\:enabled\:hover\:bg-primary-hover:checked:enabled:hover{background-color:var(--color-primary-hover)}.enabled\:hover\:focus\:border-primary:enabled:hover:focus{border-color:var(--color-primary)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-muted:disabled{border-color:var(--color-neutral-muted)}.disabled\:bg-neutral-faint:disabled{background-color:var(--color-neutral-faint)}.disabled\:bg-neutral-whisper:disabled{background-color:var(--color-neutral-whisper)}.disabled\:text-neutral-faint:disabled{color:var(--color-neutral-faint)}.disabled\:text-neutral-soft:disabled{color:var(--color-neutral-soft)}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:checked\:bg-neutral-muted:disabled:checked{background-color:var(--color-neutral-muted)}.disabled\:checked\:after\:bg-neutral-muted:disabled:checked:after{content:var(--tw-content);background-color:var(--color-neutral-muted)}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:bg-none:disabled:hover{background-image:none}}@media (prefers-reduced-motion:no-preference){.motion-safe\: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,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))}}@media (width>=40rem){.sm\:right-12{right:calc(var(--spacing) * 12)}.sm\:bottom-12{bottom:calc(var(--spacing) * 12)}.sm\:left-12{left:calc(var(--spacing) * 12)}.sm\:inline-flex{display:inline-flex}.sm\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.sm\:w-full{width:100%}.sm\:text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}}@media (width>=48rem){.md\:mr-7{margin-right:calc(var(--spacing) * 7)}.md\:w-\[45\.5\%\]{width:45.5%}.md\:px-28{padding-inline:calc(var(--spacing) * 28)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}}@media (width>=64rem){.lg\:col-start-2{grid-column-start:2}.lg\:mx-auto{margin-inline:auto}.lg\:mr-8{margin-right:calc(var(--spacing) * 8)}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:flex{display:flex}.lg\:w-2\/3{width:66.6667%}.lg\:w-5\/6{width:83.3333%}.lg\:w-\[46\.5\%\]{width:46.5%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[224px_1fr\]{grid-template-columns:224px 1fr}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:gap-y-5{row-gap:calc(var(--spacing) * 5)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:pt-0{padding-top:calc(var(--spacing) * 0)}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.aria-invalid\:rounded-b-none[aria-invalid=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aria-invalid\:border-2[aria-invalid=true]{border-style:var(--tw-border-style);border-width:2px}.aria-invalid\:border-error[aria-invalid=true]{border-color:var(--color-error)}.aria-invalid\:focus\:border-error-hover[aria-invalid=true]:focus{border-color:var(--color-error-hover)}@media (hover:hover){.aria-invalid\:enabled\:hover\:border-error-hover[aria-invalid=true]:enabled:hover,.enabled\:aria-invalid\:hover\:border-error-hover:enabled[aria-invalid=true]:hover{border-color:var(--color-error-hover)}}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:enabled\:hover\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:enabled:hover)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-orange-dark:has(+:is(input,textarea):where(:focus)){color:var(--color-orange-dark)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:focus\)\)\]\:text-primary:has(+:is(input,textarea):where(:focus)){color:var(--color-primary)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\:read-only\:focus\)\)\]\:text-neutral-subtle:has(+:is(input,textarea):where(:read-only:focus)){color:var(--color-neutral-subtle)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\)\)\]\:text-error:has(+:is(input,textarea):where([aria-invalid=true])){color:var(--color-error)}.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:enabled\:hover\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:enabled:hover)),.\[\&\:has\(\+\:is\(input\,textarea\)\:where\(\[aria-invalid\=\'true\'\]\:focus\)\)\]\:text-error-hover:has(+:is(input,textarea):where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:-translate-y-1\/2:has(+[data-is-label-raised]){--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:bg-neutral:has(+[data-is-label-raised]){background-color:var(--color-neutral)}.\[\&\:has\(\+\[data-is-label-raised\]\)\]\:text-xs:has(+[data-is-label-raised]){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\:has\(\>input\:enabled\)\]\:cursor-pointer:has(>input:enabled){cursor:pointer}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){isolation:isolate;outline:2px solid #809eed}@supports (color:color-mix(in lab, red, red)){.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline:2px solid color-mix(in oklch, var(--color-primary), white 50%)}}.\[\&\:has\(\>input\:focus-visible\)\]\:focus-outline:has(>input:focus-visible){outline-offset:2px}.\[\&\:has\(\>input\:focus-visible\)\]\:-outline-offset-2:has(>input:focus-visible){outline-offset:calc(2px * -1)}.\[\&\:has\(\>svg\:only-child\)\]\:w-6:has(>svg:only-child){width:calc(var(--spacing) * 6)}.\[\&\:has\(\>svg\:only-child\)\]\:w-8:has(>svg:only-child){width:calc(var(--spacing) * 8)}.\[\&\:has\(\>svg\:only-child\)\]\:w-10:has(>svg:only-child){width:calc(var(--spacing) * 10)}.\[\&\:has\(\>svg\:only-child\)\]\:w-12:has(>svg:only-child){width:calc(var(--spacing) * 12)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-4:has(>svg:only-child)>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\:has\(\>svg\:only-child\)\>svg\]\:size-6:has(>svg:only-child)>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\*\:has\(\+select\:where\(\:enabled\:hover\)\)\]\:text-neutral-subtle:has(+select:where(:enabled:hover)){color:var(--color-neutral-subtle)}.\[\*\:has\(\+select\:where\(\:focus\)\)\]\:text-primary:has(+select:where(:focus)){color:var(--color-primary)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\)\)\]\:text-error:has(+select:where([aria-invalid=true])){color:var(--color-error)}.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:enabled\:hover\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:enabled:hover)),.\[\*\:has\(\+select\:where\(\[aria-invalid\=true\]\:focus\)\)\]\:text-error-hover:has(+select:where([aria-invalid=true]:focus)){color:var(--color-error-hover)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-2:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 2)}.\[\&\:not\(\:has\(\>svg\:only-child\)\)\]\:px-4:not(:has(>svg:only-child)){padding-inline:calc(var(--spacing) * 4)}.\[\&\>\*\:first-child\]\:rounded-l-full>:first-child{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:rounded-r-full>:last-child{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.\[\&\>\*\:last-child\]\:border-r>:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}}@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-divide-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.dp__input_wrap{width:100%;box-sizing:unset;position:relative}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding)!important}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);color:var(--dp-icon-color);box-sizing:content-box;padding:6px 12px;display:inline-block}.dp__input_icon{cursor:pointer;top:50%;color:var(--dp-icon-color);position:absolute;inset-inline-start:0;transform:translateY(-50%)}.dp--clear-btn{top:50%;cursor:pointer;color:var(--dp-icon-color);background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;inset-inline-end:0;transform:translateY(-50%)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after,.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{z-index:99999;position:absolute}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{z-index:999999;position:absolute;inset:0}.dp__menu_disabled{cursor:not-allowed;background:#ffffff80}.dp__menu_readonly{cursor:default;background:0 0}.dp-menu-loading{cursor:default;background:#ffffff80}.dp--menu-load-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dp--menu-loader{border:var(--dp-loader);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite dp-load-rotation;display:inline-block;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;transform:translateY(-50%)rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2);border:none;align-self:center;display:flex;overflow-x:auto}.dp__sidebar_left{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp__sidebar_right{margin-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-range{text-align:left;white-space:nowrap;width:100%;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition);padding:5px;display:block}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{color:var(--dp-text-color);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.dp__calendar_header_item{text-align:center;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;flex-grow:1}.dp__calendar_row{margin:var(--dp-row-margin);justify-content:center;align-items:center;display:flex}.dp__calendar_item{text-align:center;box-sizing:border-box;color:var(--dp-text-color);flex-grow:1}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{text-align:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-start-end-radius:0;border-end-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-start-start-radius:0;border-end-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--extended-fixed-end,.dp--extended-fixed-start,.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border:1px solid var(--dp-range-between-border-color);border-radius:0}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color);border-radius:0}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-radius:0}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius)}.dp__cell_auto_range_end{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color);border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius)}.dp__calendar_header_separator{background:var(--dp-border-color);width:100%;height:1px}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{background-color:var(--dp-marker-color);height:5px;position:absolute;bottom:0}.dp__marker_dot{border-radius:50%;width:5px;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default;padding:5px;position:absolute}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp__tooltip_mark{background-color:var(--dp-text-color);width:5px;height:5px;color:var(--dp-text-color);border-radius:50%;margin-inline-end:5px}.dp__arrow_bottom_tp{background-color:var(--dp-tooltip-color);border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);width:8px;height:8px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp__instance_calendar{width:100%;position:relative}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box;align-items:center;display:flex}.dp__inner_nav{cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;display:flex}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{flex-direction:row;align-items:center;width:100%;display:flex}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{flex-direction:column;width:100%;display:flex}.dp__overlay{background:var(--dp-background-color);z-index:99999;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box;transition:opacity 1s ease-out}.dp--overlay-absolute{height:100%;position:absolute;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{background-color:var(--dp-scroll-bar-background);width:5px}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{height:var(--dp-overlay-height);flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;margin-inline:auto;padding:0;display:flex}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{box-sizing:border-box;right:5px}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{font:inherit;transition:var(--dp-common-transition);border:none;line-height:normal}.dp--year-mode-picker{width:100%;height:var(--dp-cell-size);justify-content:space-between;align-items:center;display:flex}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{user-select:none;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{justify-content:center;width:100%;display:flex}.dp__inc_dec_button{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);cursor:pointer;color:var(--dp-icon-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);justify-content:center;align-items:center;display:flex}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{cursor:pointer;align-items:center;width:100%;height:8px;padding:0;display:flex}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer;border:none}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{background-color:var(--dp-secondary-color);width:100%;height:4px;transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg)scale(1.15)translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--time-overlay-btn{background:0 0}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{color:var(--dp-text-color);font-size:var(--dp-preview-font-size);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dp__action_buttons{white-space:nowrap;flex:0;justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}.dp__action_button{padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family);background:0 0;border:1px solid #0000;align-items:center;margin-inline-start:3px;display:inline-flex}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{height:100%;min-width:var(--dp-menu-min-width);flex-direction:column;display:flex}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:0 0}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{flex-direction:column;flex:1;justify-content:space-evenly;width:100%;height:100%;display:flex}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition:all .1s ease-in;--dp-menu-padding:6px 8px;--dp-animation-duration:.1s;--dp-menu-appear-transition-timing:cubic-bezier(.4, 0, 1, 1);--dp-transition-timing:ease-out;--dp-action-row-transition:all .2s ease-in;--dp-font-family:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius:4px;--dp-cell-border-radius:4px;--dp-transition-length:22px;--dp-transition-timing-general:.1s;--dp-button-height:35px;--dp-month-year-row-height:35px;--dp-month-year-row-button-size:25px;--dp-button-icon-height:20px;--dp-calendar-wrap-padding:0 5px;--dp-cell-size:35px;--dp-cell-padding:5px;--dp-common-padding:10px;--dp-input-icon-padding:35px;--dp-input-padding:6px 30px 6px 12px;--dp-input-not-clearable-padding:12px;--dp-menu-min-width:260px;--dp-action-buttons-padding:1px 6px;--dp-row-margin:5px 0;--dp-calendar-header-cell-padding:.5rem;--dp-multi-calendars-spacing:10px;--dp-overlay-col-padding:3px;--dp-time-inc-dec-button-size:32px;--dp-font-size:1rem;--dp-preview-font-size:.8rem;--dp-time-font-size:2rem;--dp-action-button-height:22px;--dp-action-row-padding:8px;--dp-direction:ltr}.dp__theme_dark{--dp-background-color:#212121;--dp-text-color:#fff;--dp-hover-color:#484848;--dp-hover-text-color:#fff;--dp-hover-icon-color:#959595;--dp-primary-color:#005cb2;--dp-primary-disabled-color:#61a8ea;--dp-primary-text-color:#fff;--dp-secondary-color:#a9a9a9;--dp-border-color:#2d2d2d;--dp-menu-border-color:#2d2d2d;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#737373;--dp-disabled-color-text:#d0d0d0;--dp-scroll-bar-background:#212121;--dp-scroll-bar-color:#484848;--dp-success-color:#00701a;--dp-success-color-disabled:#428f59;--dp-icon-color:#959595;--dp-danger-color:#e53935;--dp-marker-color:#e53935;--dp-tooltip-color:#3e3e3e;--dp-highlight-color:#005cb233;--dp-range-between-dates-background-color:var(--dp-hover-color,#484848);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#fff);--dp-range-between-border-color:var(--dp-hover-color,#fff);--dp-loader:5px solid #005cb2}.dp__theme_light{--dp-background-color:#fff;--dp-text-color:#212121;--dp-hover-color:#f3f3f3;--dp-hover-text-color:#212121;--dp-hover-icon-color:#959595;--dp-primary-color:#1976d2;--dp-primary-disabled-color:#6bacea;--dp-primary-text-color:#fff;--dp-secondary-color:#c0c4cc;--dp-border-color:#ddd;--dp-menu-border-color:#ddd;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#f6f6f6;--dp-scroll-bar-background:#f3f3f3;--dp-scroll-bar-color:#959595;--dp-success-color:#76d275;--dp-success-color-disabled:#a3d9b1;--dp-icon-color:#959595;--dp-danger-color:#ff6f60;--dp-marker-color:#ff6f60;--dp-tooltip-color:#fafafa;--dp-disabled-color-text:#8e8e8e;--dp-highlight-color:#1976d21a;--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3);--dp-loader:5px solid #1976d2}.dp__flex{align-items:center;display:flex}.dp__btn{background:0 0}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;width:100%;position:relative}.dp__main *{direction:var(--dp-direction,ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentColor;fill:currentColor}.dp__button{text-align:center;width:100%;color:var(--dp-icon-color);cursor:pointer;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height);place-content:center;align-items:center;display:flex}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dp__arrow_top{left:10%}.dp__menu{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.dp--year-select,.dp__month_year_select{border-radius:var(--radius-2xl)}.nav-btn-prev,.nav-btn-next{padding:.25rem}.dp__flex_display{gap:2rem}.dp__sidebar_left{padding:0}.dp__cell_inner,.dp__cell_inner:hover{border-radius:3.40282e38px}.dp__today{border:1px solid var(--color-neutral-primary)}.dp__cell_auto_range,.dp__cell_auto_range_start,.dp__cell_auto_range_end{color:var(--color-neutral-primary);background-color:var(--color-neutral-faint);border:none}.dp__month_year_select{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-primary)}.dp__calendar_header_separator{display:none}.dp__calendar_header{font-size:var(--text-xs);color:var(--color-neutral-subtle);font-weight:var(--font-weight-semibold);align-items:center;gap:.25rem}.dp__calendar_header_item{color:var(--color-neutral-subtle);justify-content:center;align-items:center;display:flex}.dp__calendar_row{gap:.25rem}.dp__action_row,.dp__action_extra{border-top:1px solid var(--color-neutral-faint);justify-content:end;gap:1rem;padding:.5rem 1rem}.dp__theme_light{--dp-font-family:var(--font-sans);--dp-month-year-row-height:2rem;--dp-button-icon-height:1.5rem;--dp-calendar-header-cell-padding:.25rem;--dp-menu-padding:1rem;--dp-cell-size:2rem;--dp-font-size:var(--text-xs);--dp-background-color:var(--color-surface-level-1);--dp-primary-color:var(--color-primary);--dp-hover-color:var(--color-neutral-faint);--dp-hover-text-color:var(--color-neutral-primary);--dp-hover-icon-color:var(--color-neutral);--dp-primary-disabled-color:var(--color-neutral-soft);--dp-primary-text-color:var(--color-neutral);--dp-secondary-color:#c0c4cc;--dp-border-color:var(--color-neutral-pale);--dp-menu-border-color:var(--color-neutral-pale);--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3)}@keyframes fade-slide-down-24e7c3cc{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-right-24e7c3cc{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-left-24e7c3cc{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-up-24e7c3cc{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in-24e7c3cc{0%{opacity:0}to{opacity:1}}.fade-up-enter-active[data-v-24e7c3cc]{animation:fade-in-24e7c3cc calc(var(--transition-duration) + 5ms)}.fade-up-leave-active[data-v-24e7c3cc]{animation:fade-in-24e7c3cc calc(var(--transition-close-duration) + 5ms);animation-direction:reverse}[data-side*=bottom].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-up-24e7c3cc var(--transition-duration)}[data-side*=bottom].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-up-24e7c3cc var(--transition-close-duration);animation-direction:reverse}[data-side*=top].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-down-24e7c3cc var(--transition-duration)}[data-side*=top].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-down-24e7c3cc var(--transition-close-duration);animation-direction:reverse}[data-side*=left].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-left-24e7c3cc var(--transition-duration)}[data-side*=left].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-left-24e7c3cc var(--transition-close-duration);animation-direction:reverse}[data-side*=right].fade-up-enter-active[data-v-24e7c3cc]>*{animation:fade-slide-right-24e7c3cc var(--transition-duration)}[data-side*=right].fade-up-leave-active[data-v-24e7c3cc]>*{animation:fade-slide-right-24e7c3cc var(--transition-close-duration);animation-direction:reverse}select[data-v-deec4cfc],[data-v-deec4cfc]::picker(select){appearance:base-select}[data-v-deec4cfc]::picker(select){border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-whisper,var(--color-gray-100));--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}select[data-v-deec4cfc]::picker-icon{display:none}select[data-v-deec4cfc]>option{padding-inline:calc(var(--spacing,4px) * 4);padding-block:calc(var(--spacing,4px) * 3);justify-content:space-between;align-items:center;display:flex}select[data-v-deec4cfc]>option:enabled:hover{background-color:var(--color-neutral-pale,var(--color-gray-200))}select[data-v-deec4cfc]>option::checkmark{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.6875 / 1.125)));order:1}select[data-v-deec4cfc]>option+option{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-whisper,var(--color-gray-100))}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpa-id-components/dpa-shared-components",
-  "version": "22.0.0-next.2",
+  "version": "22.0.0-next.3",
   "description": "Shared Vue components library for dpa projects",
   "files": [
     "src",

package/src/components/UiRadioButton/UiRadioButton.vue

@@ -13,7 +13,7 @@
       <input
         :id="uniqueId"
         v-model="model"
-        class="inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] not-read-only:enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted"
+        class="inline-flex aspect-square appearance-none items-center justify-center rounded-full border-2 bg-neutral align-middle transition-colors after:size-2 after:rounded-full checked:after:content-[''] enabled:cursor-pointer disabled:border-neutral-muted disabled:text-neutral-soft disabled:checked:after:bg-neutral-muted"
         :class="{
           'size-4': size === 'sm',
           'size-5': size === 'md',

package/src/components/UiToggleButton/UiToggleButton.vue

@@ -9,35 +9,23 @@
     "
   >
     <slot v-if="labelPosition === 'left'" />
-    <div class="relative">
-      <input
-        :id="toggleId"
-        v-model="modelValue"
-        type="checkbox"
-        data-testid="toggleButton"
-        role="switch"
-        class="sr-only"
-        v-bind="{ ...$attrs, class: null }"
-      />
-      <div
-        class="line rounded-full shadow-inner transition-opacity duration-200 ease-in-out"
-        :class="{
-          'bg-secondary opacity-50': modelValue,
-          'bg-neutral-faint': !modelValue,
-          'h-3 w-6': size === 'sm',
-          'h-4 w-10': size === 'lg',
-        }"
-      />
-      <div
-        :class="{
-          'translate-x-full bg-secondary': modelValue,
-          'bg-neutral-muted': !modelValue,
-          '-top-0.5 size-4': size === 'sm',
-          '-top-1 size-6': size === 'lg',
-        }"
-        class="dot absolute -left-1 rounded-full shadow-sm transition-transform duration-200 ease-in-out"
-      />
-    </div>
+
+    <input
+      :id="toggleId"
+      v-model="model"
+      class="relative appearance-none rounded-full shadow-inner transition-opacity duration-200 ease-in-out after:absolute after:-left-1 after:block after:rounded-full after:shadow-sm after:transition-transform after:duration-200 after:ease-in-out after:content-[''] enabled:cursor-pointer"
+      :class="{
+        'bg-secondary-emphasis after:translate-x-full after:bg-secondary':
+          model,
+        'bg-neutral-faint after:bg-neutral-muted': !model,
+        'h-3 w-6 after:-top-0.5 after:size-4': size === 'sm',
+        'h-4 w-10 after:-top-1 after:size-6': size === 'lg',
+      }"
+      type="checkbox"
+      role="switch"
+      data-testid="toggleButton"
+      v-bind="{ ...$attrs, class: null }"
+    />
 
     <slot v-if="labelPosition === 'right'" />
   </UiLabel>
@@ -51,13 +39,13 @@ import UiLabel from "../UiLabel/UiLabel.vue";
 
 defineOptions({ inheritAttrs: false });
 
-const modelValue = defineModel<boolean>({ default: false });
+const model = defineModel<boolean>({ default: false });
 
 defineSlots<{
   /**
    * Label content.
    */
-  default?: () => any;
+  default: () => any;
 }>();
 
 const {