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

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

@@ -21,9 +21,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "list-item-click": (value: string, shouldCloseMenu: boolean) => any;
+    "list-item-click": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onList-item-click"?: ((value: string, shouldCloseMenu: boolean) => any) | undefined;
+    "onList-item-click"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -34,7 +34,11 @@ declare function toggle(): void;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     open: typeof open;
     close: typeof close;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (isOpen: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((isOpen: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/dpa-shared-components.js

@@ -2181,7 +2181,7 @@ var On = /* @__PURE__ */ e(Tn, [["render", Dn]]), kn = { class: "sr-only" }, An
 				"py-3": e.checkboxSize === "md"
 			}, e.overrideClasses, t.$attrs.class)),
 			tabindex: "0",
-			onClick: n[1] ||= fe((n) => t.$emit("list-item-click", e.value, !0), ["prevent", "stop"])
+			onClick: n[1] ||= fe((n) => t.$emit("list-item-click", e.value), ["prevent", "stop"])
 		}, [
 			e.checkBoxMenu ? (j(), s(wn, {
 				key: 0,
@@ -2189,7 +2189,7 @@ var On = /* @__PURE__ */ e(Tn, [["render", Dn]]), kn = { class: "sr-only" }, An
 				"model-value": e.isChecked,
 				disabled: e.disabled,
 				size: e.checkboxSize,
-				onClick: n[0] ||= fe((n) => t.$emit("list-item-click", e.value, !1), ["stop"])
+				onClick: n[0] ||= fe((n) => t.$emit("list-item-click", e.value), ["stop"])
 			}, {
 				default: q(() => [u("span", kn, [L(t.$slots, "default")])]),
 				_: 3
@@ -4158,7 +4158,7 @@ function Ar(e, t, n) {
 	});
 }
 //#endregion
-//#region node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.33_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+//#region node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.34_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var jr = yr ? window : void 0;
 yr && window.document, yr && window.navigator, yr && window.location;
 function Mr(e) {
@@ -5184,7 +5184,7 @@ function Ia(e, t) {
 	delete e[t];
 }
 //#endregion
-//#region node_modules/.pnpm/@floating-ui+vue@1.1.11_vue@3.5.33_typescript@6.0.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
+//#region node_modules/.pnpm/@floating-ui+vue@1.1.11_vue@3.5.34_typescript@6.0.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
 function La(e) {
 	return typeof e == "object" && !!e && "$el" in e;
 }
@@ -8170,7 +8170,7 @@ var cl = class e extends rl {
 	}
 };
 //#endregion
-//#region node_modules/.pnpm/@vuepic+vue-datepicker@12.1.0_vue@3.5.33_typescript@6.0.3_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js
+//#region node_modules/.pnpm/@vuepic+vue-datepicker@12.1.0_vue@3.5.34_typescript@6.0.3_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js
 function ll() {
 	return y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -14495,8 +14495,9 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 		},
 		placement: { default: "bottom-start" }
 	},
-	setup(e, { expose: t }) {
-		let n = G("reference"), r = G("floating"), i = F(e.initiallyOpen), { floatingStyles: o, update: s } = Ua(n, r, {
+	emits: ["toggle"],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = G("reference"), o = G("floating"), { floatingStyles: s, update: c } = Ua(i, o, {
 			placement: e.placement,
 			middleware: [
 				Da(4),
@@ -14504,41 +14505,46 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 				Oa()
 			],
 			whileElementsMounted: Ea
+		}), d = F(e.initiallyOpen);
+		ce(d, (e) => {
+			r("toggle", e);
 		});
-		function c() {
-			i.value = !0;
+		function f() {
+			d.value = !0;
 		}
-		function d() {
-			i.value = !1;
+		function m() {
+			d.value = !1;
 		}
-		function f() {
-			i.value = !i.value;
+		function h() {
+			d.value = !d.value;
 		}
 		return t({
-			open: c,
-			close: d
-		}), (t, m) => ue((j(), l("div", {
+			open: f,
+			close: m
+		}), (t, n) => ue((j(), l("div", {
 			ref_key: "reference",
-			ref: n,
+			ref: i,
 			class: "w-fit",
-			onClick: m[0] ||= (...e) => H(s) && H(s)(...e)
+			onClick: n[0] ||= (...e) => H(c) && H(c)(...e)
 		}, [L(t.$slots, "button", D(v({
-			open: c,
-			close: d,
-			toggle: f,
-			isOpen: i.value
+			open: f,
+			close: m,
+			toggle: h,
+			isOpen: d.value
 		})), void 0, !0), p(a, { name: e.animate ? "fade-up" : "none" }, {
 			default: q(() => [ue(u("div", {
 				ref_key: "floating",
-				ref: r,
-				style: O(H(o)),
+				ref: o,
+				style: O(H(s)),
 				class: "z-10 w-fit rounded-sm bg-neutral [text-align:initial] [--transition-close-duration:100ms] [--transition-duration:200ms]",
 				"data-side": e.placement
-			}, [L(t.$slots, "default", D(v({ close: d })), void 0, !0)], 12, Rf), [[se, i.value]])]),
+			}, [L(t.$slots, "default", D(v({ close: m })), void 0, !0)], 12, Rf), [[se, d.value]])]),
 			_: 3
-		}, 8, ["name"])])), [[H(Lf), d]]);
+		}, 8, ["name"])])), [[H(Lf), () => {
+			d.value && m();
+		}]]);
 	}
-}), [["__scopeId", "data-v-24e7c3cc"]]), Bf = { class: "flex items-center gap-2" }, Vf = { class: "block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5" }, Hf = {
+}), [["__scopeId", "data-v-0d999552"]]), Bf = { class: "flex items-center gap-2" }, Vf = { class: "block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5" }, Hf = {
 	key: 0,
 	class: "flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
 }, Uf = ["placeholder"], Wf = {
@@ -14630,17 +14636,16 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 		return (t, i) => (j(), s(zf, {
 			"initially-open": e.isOpen,
 			animate: e.animate,
-			placement: e.floatingUiPlacement
+			placement: e.floatingUiPlacement,
+			onToggle: i[2] ||= (e) => e ? t.$emit("open") : t.$emit("close")
 		}, {
-			button: q(({ toggle: n, isOpen: r }) => [p(fn, {
-				class: E(["w-full justify-between", { "border-neutral-subtle": r }]),
+			button: q(({ toggle: t, isOpen: n }) => [p(fn, {
+				class: E(["w-full justify-between", { "border-neutral-subtle": n }]),
 				appearance: e.active ? "primary" : e.buttonAppearance,
 				disabled: e.disabled,
 				size: e.filterButtonSize,
 				"data-testid": "menu-button",
-				onClick: (e) => {
-					n(), r ? t.$emit("close") : t.$emit("open");
-				}
+				onClick: t
 			}, {
 				default: q(() => [u("div", Bf, [e.iconLeft ? (j(), s(Te, {
 					key: 0,
@@ -14658,7 +14663,7 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 				"size",
 				"onClick"
 			])]),
-			default: q(({ close: a }) => [u("div", Vf, [
+			default: q(() => [u("div", Vf, [
 				e.hasSearch ? (j(), l("div", Hf, [p(Te, {
 					class: "shrink-0 text-neutral-emphasis",
 					name: "search",
@@ -14694,9 +14699,7 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 					"checkbox-appearance": e.checkboxAppearance,
 					class: E(["hover:bg-neutral-whisper focus:bg-neutral-faint", { "border-t": t.hasDividerAbove }]),
 					"data-testid": `menu-option-button-${n}`,
-					onListItemClick: (e, n) => {
-						g(t), n && a();
-					}
+					onListItemClick: (e) => g(t)
 				}, {
 					default: q(() => [f(z(t.label), 1)]),
 					_: 2
@@ -14721,7 +14724,9 @@ var Pf = /* @__PURE__ */ e(Mf, [["render", Nf]]), Ff = /* @__PURE__ */ h({
 					"icon-name": "reset",
 					size: "xs",
 					"data-testid": "menu-search-reset-button",
-					onClick: i[1] ||= (e) => t.$emit("reset")
+					onClick: i[1] ||= (e) => {
+						r.value = "", t.$emit("reset");
+					}
 				}, {
 					default: q(() => [p(Te, { name: "reset" }), f(" " + z(e.resetLabel), 1)]),
 					_: 1

package/dist/src/components/UiListItem/UiListItem.vue

@@ -13,7 +13,7 @@
       )
     "
     tabindex="0"
-    @click.prevent.stop="$emit('list-item-click', value, true)"
+    @click.prevent.stop="$emit('list-item-click', value)"
   >
     <UiCheckbox
       v-if="checkBoxMenu"
@@ -21,7 +21,7 @@
       :model-value="isChecked"
       :disabled="disabled"
       :size="checkboxSize"
-      @click.stop="$emit('list-item-click', value, false)"
+      @click.stop="$emit('list-item-click', value)"
     >
       <span class="sr-only"><slot /></span>
     </UiCheckbox>
@@ -85,6 +85,6 @@ const {
 }>();
 
 defineEmits<{
-  "list-item-click": [value: string, shouldCloseMenu: boolean];
+  "list-item-click": [value: string];
 }>();
 </script>

package/dist/src/components/UiMenu/UiMenu.spec.ts

@@ -301,7 +301,7 @@ describe("UiMenu", () => {
 
     await items[0].trigger("click");
     expect(wrapper.find('[data-testid="menu-option-list"]').isVisible()).toBe(
-      false,
+      true,
     );
   });
 });

package/dist/src/components/UiMenu/UiMenu.vue

@@ -1,5 +1,10 @@
 <template>
-  <UiPopover :initially-open="isOpen" :animate :placement="floatingUiPlacement">
+  <UiPopover
+    :initially-open="isOpen"
+    :animate
+    :placement="floatingUiPlacement"
+    @toggle="$event ? $emit('open') : $emit('close')"
+  >
     <template #button="{ toggle, isOpen: isPopoverOpen }">
       <UiButton
         class="w-full justify-between"
@@ -10,10 +15,7 @@
         :disabled
         :size="filterButtonSize"
         data-testid="menu-button"
-        @click="
-          toggle();
-          isPopoverOpen ? $emit('close') : $emit('open');
-        "
+        @click="toggle"
       >
         <div class="flex items-center gap-2">
           <UiIcon v-if="iconLeft" :name="iconLeft" size="sm" />
@@ -23,106 +25,100 @@
       </UiButton>
     </template>
 
-    <template #default="{ close }">
+    <div
+      class="block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5"
+    >
       <div
-        class="block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5"
+        v-if="hasSearch"
+        class="flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
       >
-        <div
-          v-if="hasSearch"
-          class="flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
-        >
-          <UiIcon
-            class="shrink-0 text-neutral-emphasis"
-            name="search"
-            size="sm"
-          />
-          <input
-            ref="search-input"
-            v-model="queryModel"
-            type="text"
-            spellcheck="false"
-            class="w-full text-sm focus:outline-hidden"
-            :placeholder="searchPlaceholder"
-            data-testid="menu-search-input"
-          />
-        </div>
+        <UiIcon
+          class="shrink-0 text-neutral-emphasis"
+          name="search"
+          size="sm"
+        />
+        <input
+          ref="search-input"
+          v-model="queryModel"
+          type="text"
+          spellcheck="false"
+          class="w-full text-sm focus:outline-hidden"
+          :placeholder="searchPlaceholder"
+          data-testid="menu-search-input"
+        />
+      </div>
 
-        <slot
-          v-bind="{
-            checkboxAppearance,
-            checkboxSize,
-            iconSize,
-            imageShape,
-            listVariant,
-            options,
-            groupedOptions,
-          }"
+      <slot
+        v-bind="{
+          checkboxAppearance,
+          checkboxSize,
+          iconSize,
+          imageShape,
+          listVariant,
+          options,
+          groupedOptions,
+        }"
+      >
+        <ul
+          v-if="processedOptions.some(({ options }) => options.length > 0)"
+          class="max-h-80 overflow-y-auto"
+          data-testid="menu-option-list"
         >
-          <ul
-            v-if="processedOptions.some(({ options }) => options.length > 0)"
-            class="max-h-80 overflow-y-auto"
-            data-testid="menu-option-list"
+          <template
+            v-for="group in processedOptions"
+            :key="`group-${group.groupLabel ?? 'default'}`"
           >
-            <template
-              v-for="group in processedOptions"
-              :key="`group-${group.groupLabel ?? 'default'}`"
-            >
-              <template v-if="group.options.length > 0">
-                <li
-                  v-if="group.groupLabel"
-                  class="flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
-                >
-                  {{ group.groupLabel }}
-                </li>
+            <template v-if="group.options.length > 0">
+              <li
+                v-if="group.groupLabel"
+                class="flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
+              >
+                {{ group.groupLabel }}
+              </li>
 
-                <UiListItem
-                  v-for="(option, index) in group.options"
-                  :key="`option-${option.value}`"
-                  :selected="option.selected"
-                  :selectable="listVariant === 'selectable'"
-                  :is-checked="option.selected"
-                  :check-box-menu="listVariant === 'checkbox'"
-                  :icon-size="iconSize"
-                  :image-shape="imageShape"
-                  :image-src="option.imageSrc"
-                  :icon-name="option.iconName"
-                  :checkbox-size="checkboxSize"
-                  :checkbox-appearance="checkboxAppearance"
-                  class="hover:bg-neutral-whisper focus:bg-neutral-faint"
-                  :class="{
-                    'border-t': option.hasDividerAbove,
-                  }"
-                  :data-testid="`menu-option-button-${index}`"
-                  @list-item-click="
-                    (value, shouldCloseMenu) => {
-                      selectOption(option);
-                      if (shouldCloseMenu) {
-                        close();
-                      }
-                    }
-                  "
-                  >{{ option.label }}</UiListItem
-                >
-              </template>
+              <UiListItem
+                v-for="(option, index) in group.options"
+                :key="`option-${option.value}`"
+                :selected="option.selected"
+                :selectable="listVariant === 'selectable'"
+                :is-checked="option.selected"
+                :check-box-menu="listVariant === 'checkbox'"
+                :icon-size="iconSize"
+                :image-shape="imageShape"
+                :image-src="option.imageSrc"
+                :icon-name="option.iconName"
+                :checkbox-size="checkboxSize"
+                :checkbox-appearance="checkboxAppearance"
+                class="hover:bg-neutral-whisper focus:bg-neutral-faint"
+                :class="{
+                  'border-t': option.hasDividerAbove,
+                }"
+                :data-testid="`menu-option-button-${index}`"
+                @list-item-click="selectOption(option)"
+                >{{ option.label }}</UiListItem
+              >
             </template>
-          </ul>
-        </slot>
+          </template>
+        </ul>
+      </slot>
 
-        <div v-if="hasResetOption" class="px-4 py-2 text-neutral-primary">
-          <UiButton
-            appearance="secondary"
-            :disabled="disabledReset"
-            icon-name="reset"
-            size="xs"
-            data-testid="menu-search-reset-button"
-            @click="$emit('reset')"
-          >
-            <UiIcon name="reset" />
-            {{ resetLabel }}
-          </UiButton>
-        </div>
+      <div v-if="hasResetOption" class="px-4 py-2 text-neutral-primary">
+        <UiButton
+          appearance="secondary"
+          :disabled="disabledReset"
+          icon-name="reset"
+          size="xs"
+          data-testid="menu-search-reset-button"
+          @click="
+            queryModel = '';
+            $emit('reset');
+          "
+        >
+          <UiIcon name="reset" />
+          {{ resetLabel }}
+        </UiButton>
       </div>
-    </template>
+    </div>
   </UiPopover>
 </template>
 

package/dist/src/components/UiPopover/UiPopover.vue

@@ -1,5 +1,16 @@
 <template>
-  <div ref="reference" v-click-away="close" class="w-fit" @click="update">
+  <div
+    ref="reference"
+    v-click-away="
+      () => {
+        if (isOpen) {
+          close();
+        }
+      }
+    "
+    class="w-fit"
+    @click="update"
+  >
     <slot name="button" v-bind="{ open, close, toggle, isOpen }" />
 
     <Transition :name="animate ? 'fade-up' : 'none'">
@@ -25,7 +36,7 @@ import {
   shift,
   useFloating,
 } from "@floating-ui/vue";
-import { ref, useTemplateRef } from "vue";
+import { ref, useTemplateRef, watch } from "vue";
 
 import { vClickAway } from "../../directives/vClickAway.ts";
 
@@ -61,9 +72,12 @@ const {
   placement?: Placement;
 }>();
 
+const emit = defineEmits<{
+  toggle: [isOpen: boolean];
+}>();
+
 const reference = useTemplateRef("reference");
 const floating = useTemplateRef("floating");
-const isOpen = ref(initiallyOpen);
 
 const { floatingStyles, update } = useFloating(reference, floating, {
   placement,
@@ -71,6 +85,12 @@ const { floatingStyles, update } = useFloating(reference, floating, {
   whileElementsMounted: autoUpdate,
 });
 
+const isOpen = ref(initiallyOpen);
+
+watch(isOpen, (isOpen) => {
+  emit("toggle", isOpen);
+});
+
 function open() {
   isOpen.value = true;
 }

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-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))}
+@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-0d999552{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-right-0d999552{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-left-0d999552{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-slide-up-0d999552{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translate(0,0)}}@keyframes fade-in-0d999552{0%{opacity:0}to{opacity:1}}.fade-up-enter-active[data-v-0d999552]{animation:fade-in-0d999552 calc(var(--transition-duration) + 5ms)}.fade-up-leave-active[data-v-0d999552]{animation:fade-in-0d999552 calc(var(--transition-close-duration) + 5ms);animation-direction:reverse}[data-side*=bottom].fade-up-enter-active[data-v-0d999552]>*{animation:fade-slide-up-0d999552 var(--transition-duration)}[data-side*=bottom].fade-up-leave-active[data-v-0d999552]>*{animation:fade-slide-up-0d999552 var(--transition-close-duration);animation-direction:reverse}[data-side*=top].fade-up-enter-active[data-v-0d999552]>*{animation:fade-slide-down-0d999552 var(--transition-duration)}[data-side*=top].fade-up-leave-active[data-v-0d999552]>*{animation:fade-slide-down-0d999552 var(--transition-close-duration);animation-direction:reverse}[data-side*=left].fade-up-enter-active[data-v-0d999552]>*{animation:fade-slide-left-0d999552 var(--transition-duration)}[data-side*=left].fade-up-leave-active[data-v-0d999552]>*{animation:fade-slide-left-0d999552 var(--transition-close-duration);animation-direction:reverse}[data-side*=right].fade-up-enter-active[data-v-0d999552]>*{animation:fade-slide-right-0d999552 var(--transition-duration)}[data-side*=right].fade-up-leave-active[data-v-0d999552]>*{animation:fade-slide-right-0d999552 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.3",
+  "version": "22.0.0-next.4",
   "description": "Shared Vue components library for dpa projects",
   "files": [
     "src",
@@ -45,7 +45,7 @@
   },
   "devDependencies": {
     "@babel/core": "7.29.0",
-    "@babel/preset-env": "7.29.3",
+    "@babel/preset-env": "7.29.5",
     "@eslint/js": "10.0.1",
     "@storybook/addon-docs": "10.3.6",
     "@storybook/addon-links": "10.3.6",
@@ -56,7 +56,7 @@
     "@tailwindcss/vite": "4.2.4",
     "@tsconfig/node24": "24.0.4",
     "@types/jsdom": "28.0.1",
-    "@types/node": "25.6.0",
+    "@types/node": "25.6.2",
     "@vitejs/plugin-vue": "6.0.6",
     "@vue/test-utils": "2.4.10",
     "@vue/tsconfig": "0.9.1",
@@ -74,11 +74,11 @@
     "tailwindcss": "4.2.4",
     "typescript": "6.0.3",
     "unplugin-dts": "1.0.0",
-    "vite": "8.0.10",
+    "vite": "8.0.11",
     "vitest": "4.1.5",
-    "vue": "3.5.33",
+    "vue": "3.5.34",
     "vue-router": "5.0.6",
-    "vue-tsc": "3.2.7"
+    "vue-tsc": "3.2.8"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.1.11",

package/src/components/UiListItem/UiListItem.vue

@@ -13,7 +13,7 @@
       )
     "
     tabindex="0"
-    @click.prevent.stop="$emit('list-item-click', value, true)"
+    @click.prevent.stop="$emit('list-item-click', value)"
   >
     <UiCheckbox
       v-if="checkBoxMenu"
@@ -21,7 +21,7 @@
       :model-value="isChecked"
       :disabled="disabled"
       :size="checkboxSize"
-      @click.stop="$emit('list-item-click', value, false)"
+      @click.stop="$emit('list-item-click', value)"
     >
       <span class="sr-only"><slot /></span>
     </UiCheckbox>
@@ -85,6 +85,6 @@ const {
 }>();
 
 defineEmits<{
-  "list-item-click": [value: string, shouldCloseMenu: boolean];
+  "list-item-click": [value: string];
 }>();
 </script>

package/src/components/UiMenu/UiMenu.vue

@@ -1,5 +1,10 @@
 <template>
-  <UiPopover :initially-open="isOpen" :animate :placement="floatingUiPlacement">
+  <UiPopover
+    :initially-open="isOpen"
+    :animate
+    :placement="floatingUiPlacement"
+    @toggle="$event ? $emit('open') : $emit('close')"
+  >
     <template #button="{ toggle, isOpen: isPopoverOpen }">
       <UiButton
         class="w-full justify-between"
@@ -10,10 +15,7 @@
         :disabled
         :size="filterButtonSize"
         data-testid="menu-button"
-        @click="
-          toggle();
-          isPopoverOpen ? $emit('close') : $emit('open');
-        "
+        @click="toggle"
       >
         <div class="flex items-center gap-2">
           <UiIcon v-if="iconLeft" :name="iconLeft" size="sm" />
@@ -23,106 +25,100 @@
       </UiButton>
     </template>
 
-    <template #default="{ close }">
+    <div
+      class="block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5"
+    >
       <div
-        class="block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5"
+        v-if="hasSearch"
+        class="flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
       >
-        <div
-          v-if="hasSearch"
-          class="flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
-        >
-          <UiIcon
-            class="shrink-0 text-neutral-emphasis"
-            name="search"
-            size="sm"
-          />
-          <input
-            ref="search-input"
-            v-model="queryModel"
-            type="text"
-            spellcheck="false"
-            class="w-full text-sm focus:outline-hidden"
-            :placeholder="searchPlaceholder"
-            data-testid="menu-search-input"
-          />
-        </div>
+        <UiIcon
+          class="shrink-0 text-neutral-emphasis"
+          name="search"
+          size="sm"
+        />
+        <input
+          ref="search-input"
+          v-model="queryModel"
+          type="text"
+          spellcheck="false"
+          class="w-full text-sm focus:outline-hidden"
+          :placeholder="searchPlaceholder"
+          data-testid="menu-search-input"
+        />
+      </div>
 
-        <slot
-          v-bind="{
-            checkboxAppearance,
-            checkboxSize,
-            iconSize,
-            imageShape,
-            listVariant,
-            options,
-            groupedOptions,
-          }"
+      <slot
+        v-bind="{
+          checkboxAppearance,
+          checkboxSize,
+          iconSize,
+          imageShape,
+          listVariant,
+          options,
+          groupedOptions,
+        }"
+      >
+        <ul
+          v-if="processedOptions.some(({ options }) => options.length > 0)"
+          class="max-h-80 overflow-y-auto"
+          data-testid="menu-option-list"
         >
-          <ul
-            v-if="processedOptions.some(({ options }) => options.length > 0)"
-            class="max-h-80 overflow-y-auto"
-            data-testid="menu-option-list"
+          <template
+            v-for="group in processedOptions"
+            :key="`group-${group.groupLabel ?? 'default'}`"
           >
-            <template
-              v-for="group in processedOptions"
-              :key="`group-${group.groupLabel ?? 'default'}`"
-            >
-              <template v-if="group.options.length > 0">
-                <li
-                  v-if="group.groupLabel"
-                  class="flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
-                >
-                  {{ group.groupLabel }}
-                </li>
+            <template v-if="group.options.length > 0">
+              <li
+                v-if="group.groupLabel"
+                class="flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
+              >
+                {{ group.groupLabel }}
+              </li>
 
-                <UiListItem
-                  v-for="(option, index) in group.options"
-                  :key="`option-${option.value}`"
-                  :selected="option.selected"
-                  :selectable="listVariant === 'selectable'"
-                  :is-checked="option.selected"
-                  :check-box-menu="listVariant === 'checkbox'"
-                  :icon-size="iconSize"
-                  :image-shape="imageShape"
-                  :image-src="option.imageSrc"
-                  :icon-name="option.iconName"
-                  :checkbox-size="checkboxSize"
-                  :checkbox-appearance="checkboxAppearance"
-                  class="hover:bg-neutral-whisper focus:bg-neutral-faint"
-                  :class="{
-                    'border-t': option.hasDividerAbove,
-                  }"
-                  :data-testid="`menu-option-button-${index}`"
-                  @list-item-click="
-                    (value, shouldCloseMenu) => {
-                      selectOption(option);
-                      if (shouldCloseMenu) {
-                        close();
-                      }
-                    }
-                  "
-                  >{{ option.label }}</UiListItem
-                >
-              </template>
+              <UiListItem
+                v-for="(option, index) in group.options"
+                :key="`option-${option.value}`"
+                :selected="option.selected"
+                :selectable="listVariant === 'selectable'"
+                :is-checked="option.selected"
+                :check-box-menu="listVariant === 'checkbox'"
+                :icon-size="iconSize"
+                :image-shape="imageShape"
+                :image-src="option.imageSrc"
+                :icon-name="option.iconName"
+                :checkbox-size="checkboxSize"
+                :checkbox-appearance="checkboxAppearance"
+                class="hover:bg-neutral-whisper focus:bg-neutral-faint"
+                :class="{
+                  'border-t': option.hasDividerAbove,
+                }"
+                :data-testid="`menu-option-button-${index}`"
+                @list-item-click="selectOption(option)"
+                >{{ option.label }}</UiListItem
+              >
             </template>
-          </ul>
-        </slot>
+          </template>
+        </ul>
+      </slot>
 
-        <div v-if="hasResetOption" class="px-4 py-2 text-neutral-primary">
-          <UiButton
-            appearance="secondary"
-            :disabled="disabledReset"
-            icon-name="reset"
-            size="xs"
-            data-testid="menu-search-reset-button"
-            @click="$emit('reset')"
-          >
-            <UiIcon name="reset" />
-            {{ resetLabel }}
-          </UiButton>
-        </div>
+      <div v-if="hasResetOption" class="px-4 py-2 text-neutral-primary">
+        <UiButton
+          appearance="secondary"
+          :disabled="disabledReset"
+          icon-name="reset"
+          size="xs"
+          data-testid="menu-search-reset-button"
+          @click="
+            queryModel = '';
+            $emit('reset');
+          "
+        >
+          <UiIcon name="reset" />
+          {{ resetLabel }}
+        </UiButton>
       </div>
-    </template>
+    </div>
   </UiPopover>
 </template>
 

package/src/components/UiPopover/UiPopover.vue

@@ -1,5 +1,16 @@
 <template>
-  <div ref="reference" v-click-away="close" class="w-fit" @click="update">
+  <div
+    ref="reference"
+    v-click-away="
+      () => {
+        if (isOpen) {
+          close();
+        }
+      }
+    "
+    class="w-fit"
+    @click="update"
+  >
     <slot name="button" v-bind="{ open, close, toggle, isOpen }" />
 
     <Transition :name="animate ? 'fade-up' : 'none'">
@@ -25,7 +36,7 @@ import {
   shift,
   useFloating,
 } from "@floating-ui/vue";
-import { ref, useTemplateRef } from "vue";
+import { ref, useTemplateRef, watch } from "vue";
 
 import { vClickAway } from "../../directives/vClickAway.ts";
 
@@ -61,9 +72,12 @@ const {
   placement?: Placement;
 }>();
 
+const emit = defineEmits<{
+  toggle: [isOpen: boolean];
+}>();
+
 const reference = useTemplateRef("reference");
 const floating = useTemplateRef("floating");
-const isOpen = ref(initiallyOpen);
 
 const { floatingStyles, update } = useFloating(reference, floating, {
   placement,
@@ -71,6 +85,12 @@ const { floatingStyles, update } = useFloating(reference, floating, {
   whileElementsMounted: autoUpdate,
 });
 
+const isOpen = ref(initiallyOpen);
+
+watch(isOpen, (isOpen) => {
+  emit("toggle", isOpen);
+});
+
 function open() {
   isOpen.value = true;
 }