@wikicasa-dev/components 2.2.8-alpha.5 → 2.2.8-alpha.7

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                             */
+import '../assets/swiper-controller.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                         */
+import '../assets/swiper-controller.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/Accordion/BaseAccordionItem.d.ts

@@ -14,7 +14,7 @@ type __VLS_Props = {
      * The element or component this component should render as. Can be overwritten by asChild.
      * @defaultValue — “div”
      */
-    accordionHeaderTag?: AccordionContentProps["as"];
+    headerTag?: AccordionContentProps["as"];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts

@@ -0,0 +1,41 @@
+import { AccessibleSelectOptions } from '../AccessibleSelect';
+import { ClassTypeProp } from '../types';
+import { Nullable } from '@wikicasa-dev/types';
+export interface ClearableAutocompleteProps<T, LabelID extends string | number | undefined> {
+    dataCy?: string;
+    triggerWrapperClasses?: ClassTypeProp;
+    inputWrapperClasses?: ClassTypeProp;
+    dropdownClasses?: ClassTypeProp;
+    clearButtonClasses?: ClassTypeProp;
+    keepState?: Nullable<"closed" | "open">;
+    onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
+    onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
+}
+declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: Nullable<AccessibleSelectOptions<T, LabelID>>) => any) | undefined;
+        readonly onClick?: (() => any) | undefined;
+        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:open"> & ({
+        open?: boolean;
+        modelValue?: Nullable<AccessibleSelectOptions<T, LabelID>>;
+    } & ClearableAutocompleteProps<T, LabelID>) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        'left-icon'?(_: {}): any;
+        'clear-icon'?(_: {}): any;
+        'right-icon'?(_: {}): any;
+        'option-content'?(_: {
+            option: AccessibleSelectOptions<T, LabelID>;
+            idx: number;
+        }): any;
+    };
+    emit: ((evt: "click") => void) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<T, LabelID>>) => void) & ((evt: "update:open", value: boolean) => void));
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/Autocomplete/ClearableAutocomplete.js

@@ -0,0 +1,5 @@
+import o from "../../packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
+import '../../assets/ClearableAutocomplete.css';/* empty css                                                                          */
+export {
+  o as default
+};

package/dist/UIKit/BaseDropDown.d.ts

@@ -22,6 +22,7 @@ type __VLS_Props = {
 };
 type __VLS_PublicProps = {
     "toggleDropdown"?: Optional<boolean>;
+    "resetKeyboardController"?: boolean;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -45,14 +46,19 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    activeIdx: import('vue').Ref<number, number>;
+    selectedIdx: import('vue').Ref<number, number>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
     "update:toggleDropdown": (value: Optional<boolean>) => any;
     "update:dropdownState": (args_0: boolean) => any;
+    "update:resetKeyboardController": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: (() => any) | undefined;
     "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
     "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+    "onUpdate:resetKeyboardController"?: ((value: boolean) => any) | undefined;
 }>, {
     arrowWidth: number;
     dataCy: string;

package/dist/assets/ClearableAutocomplete.css

@@ -0,0 +1 @@
+.uikit-clearable-autocomplete{--input-padding: 0;--input-margin: 0}.uikit-clearable-autocomplete input{margin:var(--input-margin);padding:var(--input-padding)}.uikit-clearable-autocomplete .uikit-clear-btn{--bg-color: transparent;background-color:var(--bg-color)}

package/dist/assets/tailwind.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.uikit-btn{--btn-px: 25px;--btn-py: 11px;--btn-bg-color: transparent;--btn-text-color: #222222;--btn-border-color: unset;--btn-border-width: 0;--btn-border-radius: 25px;--btn-border-style: solid;--btn-height: 42px;--btn-min-w: 90px;--btn-font-size: 14px;--btn-transition: color, background-color cubic-bezier(.4, 0, .2, 1) .15s;display:inline-block;font-size:var(--btn-font-size);font-weight:600;white-space:nowrap;border:var(--btn-border-width) var(--btn-border-color) var(--btn-border-style);border-radius:var(--btn-border-radius);cursor:pointer;height:var(--btn-height);min-width:var(--btn-min-w);background-color:var(--btn-bg-color);color:var(--btn-text-color);padding:var(--btn-py) var(--btn-px);transition:var(--btn-transition);line-height:1;-webkit-tap-highlight-color:transparent}.uikit-btn:disabled{--btn-bg-color: #2B5DFF;--btn-text-color: rgb(255 255 255 / .8);cursor:not-allowed;opacity:.5}.uikit-btn.uikit-btn-lg{--btn-height: 47px;--btn-px: 28px;--btn-py: 12px;line-height:0}.uikit-btn.uikit-btn-md{--btn-height: 42px}.uikit-btn.uikit-btn-sm{--btn-px: 18px;--btn-py: 8px;--btn-height: 36px}.uikit-btn.uikit-btn-outline{--btn-border-width: 1px;--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn.uikit-btn-outline:hover{--btn-bg-color: #fff}}@media screen and (min-width: 576px){.uikit-btn.uikit-btn-outline:hover{--btn-text-color: #fff}.uikit-btn.uikit-btn-outline:hover svg,.uikit-btn.uikit-btn-outline:hover img{filter:brightness(0) invert(1)}}.uikit-btn.uikit-btn-outline:active{--btn-text-color: #fff !important}.uikit-btn.uikit-btn-outline:active svg,.uikit-btn.uikit-btn-outline:active img{filter:brightness(0) invert(1)}.uikit-btn-empty{--btn-min-w: 0}.uikit-btn-w-primary{--btn-bg-color: #2B5DFF;--btn-text-color: #fff}.uikit-btn-w-primary:disabled{--btn-bg-color: #2B5DFF}@media screen and (max-width: 576px){.uikit-btn-w-primary:hover{--btn-bg-color: #2B5DFF;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-primary:hover{--btn-bg-color: #0057D9}}.uikit-btn-w-primary:hover:disabled{--btn-bg-color: #2B5DFF}.uikit-btn-w-primary:active{--btn-bg-color: #0057D9}.uikit-btn-w-primary.uikit-btn-outline{--btn-border-color: #2B5DFF;--btn-text-color: #2B5DFF}.uikit-btn-w-primary.uikit-btn-outline:active{--btn-bg-color: #2B5DFF !important}.uikit-btn-w-primary.uikit-btn-outline:disabled:hover{--btn-bg-color: #2B5DFF}@media screen and (min-width: 576px){.uikit-btn-w-primary.uikit-btn-outline:hover{--btn-bg-color: #2B5DFF}}.uikit-btn-light{--btn-bg-color: #fff;--btn-text-color: #2B5DFF}.uikit-btn-light:disabled{--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn-light:hover{--btn-bg-color: #fff;--btn-text-color: #2B5DFF}}@media screen and (min-width: 576px){.uikit-btn-light:hover{--btn-bg-color: #FAFAFA;--btn-text-color: #2B5DFF}}.uikit-btn-light:hover:disabled{--btn-bg-color: #fff}.uikit-btn-light:active{--btn-bg-color: #FAFAFA;--btn-text-color: #2B5DFF}.uikit-btn-w-secondary{--btn-bg-color: #B4C2F0;--btn-text-color: #fff}.uikit-btn-w-secondary:disabled{--btn-bg-color: #B4C2F0}@media screen and (max-width: 576px){.uikit-btn-w-secondary:hover{--btn-bg-color: #B4C2F0;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-secondary:hover{--btn-bg-color: #8A9DDD}}.uikit-btn-w-secondary:hover:disabled{--btn-bg-color: #B4C2F0}.uikit-btn-w-secondary:active{--btn-bg-color: #8A9DDD}.uikit-btn-w-secondary.uikit-btn-outline{--btn-border-color: #B4C2F0;--btn-text-color: #222222}.uikit-btn-w-secondary.uikit-btn-outline:active{--btn-bg-color: #B4C2F0 !important}.uikit-btn-w-secondary.uikit-btn-outline:disabled:hover{--btn-bg-color: #B4C2F0}@media screen and (max-width: 576px){.uikit-btn-w-secondary.uikit-btn-outline:hover{--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-w-secondary.uikit-btn-outline:hover{--btn-bg-color: #B4C2F0}}.uikit-btn-w-warning{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}.uikit-btn-w-warning:disabled{--btn-bg-color: #FFD167}@media screen and (max-width: 576px){.uikit-btn-w-warning:hover{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}}@media screen and (min-width: 576px){.uikit-btn-w-warning:hover{--btn-bg-color: #F2C761}}.uikit-btn-w-warning:hover:disabled{--btn-bg-color: #FFD167}.uikit-btn-w-warning:active{--btn-bg-color: #F2C761}.uikit-btn-w-danger{--btn-bg-color: #FA4F64;--btn-text-color: #fff}.uikit-btn-w-danger:disabled{--btn-bg-color: #FA4F64}@media screen and (max-width: 576px){.uikit-btn-w-danger:hover{--btn-bg-color: #FA4F64;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-danger:hover{--btn-bg-color: #E0485A}}.uikit-btn-w-danger:hover:disabled{--btn-bg-color: #FA4F64}.uikit-btn-w-danger:active{--btn-bg-color: #E0485A}.uikit-btn-w-danger.uikit-btn-outline{--btn-border-color: #FA4F64;--btn-text-color: #FA4F64}.uikit-btn-w-danger.uikit-btn-outline:active{--btn-bg-color: #FA4F64 !important}.uikit-btn-w-danger.uikit-btn-outline:disabled:hover{--btn-bg-color: #FA4F64}@media screen and (min-width: 576px){.uikit-btn-w-danger.uikit-btn-outline:hover{--btn-bg-color: #FA4F64}}.uikit-btn-multi-selection[data-active=true],.uikit-btn-single-selection[data-active=true]{--btn-bg-color: #E9EFFE;--btn-border-color: #385CF6}.uikit-btn-multi-selection[data-active=true]:hover,.uikit-btn-single-selection[data-active=true]:hover{--btn-text-color: #222222}.uikit-btn-multi-selection{--btn-py: 10px;--btn-height: 40px;font-weight:400;--btn-border-radius: 12px;--btn-border-color: #EAEFFD;--btn-border-width: 1px;white-space:normal;--btn-bg-color: #F5F7FA;--btn-text-color: #222222}.uikit-btn-multi-selection:disabled{--btn-bg-color: #F5F7FA}@media screen and (max-width: 576px){.uikit-btn-multi-selection:hover{--btn-bg-color: #F5F7FA;--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-multi-selection:hover{--btn-bg-color: #E9EFFE;--btn-border-color: #385CF6}}.uikit-btn-multi-selection:hover:disabled{--btn-bg-color: #fff}.uikit-btn-multi-selection:active{--btn-bg-color: #E9EFFE;--btn-border-color: #385CF6}.uikit-btn-single-selection{--btn-px: 16px;--btn-py: 8px;--btn-height: 40px;--btn-border-radius: 5px;font-weight:400;--btn-bg-color: #fff;--btn-text-color: #222222}.uikit-btn-single-selection:disabled{--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn-single-selection:hover{--btn-bg-color: #fff;--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-single-selection:hover{--btn-bg-color: #F4F7FF}}.uikit-btn-single-selection:hover:disabled{--btn-bg-color: #fff}.uikit-btn-single-selection:active{--btn-bg-color: #F4F7FF}.uikit-btn-facile{--btn-facile-color: #FF6600;--btn-facile-hover-color: #b34700;--btn-bg-color: var(--btn-facile-color);--btn-text-color: #fff}.uikit-btn-facile:disabled{--btn-bg-color: var(--btn-facile-color)}@media screen and (max-width: 576px){.uikit-btn-facile:hover{--btn-bg-color: var(--btn-facile-color);--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-facile:hover{--btn-bg-color: var(--btn-facile-hover-color);--btn-text-color: #fff}}.uikit-btn-facile:hover:disabled{--btn-bg-color: var(--btn-facile-color)}.uikit-btn-facile:active{--btn-bg-color: var(--btn-facile-hover-color);--btn-text-color: #fff}.uikit-btn-show-more{--btn-border-radius: 0;--btn-border-color: #fff;--btn-bg-color: #fff;--btn-text-color: #2B5DFF}.uikit-btn-show-more:disabled{--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn-show-more:hover{--btn-bg-color: #fff;--btn-text-color: #2B5DFF}}@media screen and (min-width: 576px){.uikit-btn-show-more:hover{--btn-bg-color: #fff;--btn-text-color: #3646B3}}.uikit-btn-show-more:hover:disabled{--btn-bg-color: #fff}.uikit-btn-show-more:active{--btn-bg-color: #fff;--btn-text-color: #3646B3}.uikit-btn-transparent{--border-color: transparent;--btn-px: 0;--btn-py: 0}.uikit-btn-transparent:hover{--btn-bg-color: transparent;--border-color: transparent}.uikit-btn-transparent:disabled{--btn-bg-color: transparent}.uikit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.uikit-pointer-events-none{pointer-events:none}.uikit-visible{visibility:visible}.uikit-invisible{visibility:hidden}.uikit-static{position:static}.uikit-fixed{position:fixed}.uikit-absolute{position:absolute}.uikit-relative{position:relative}.uikit-sticky{position:sticky}.\!-uikit-top-1{top:-.25rem!important}.\!uikit-top-4{top:1rem!important}.-uikit-top-0{top:-0px}.-uikit-top-1{top:-.25rem}.-uikit-top-2{top:-.5rem}.-uikit-top-\[0\.3rem\]{top:-.3rem}.uikit-bottom-0{bottom:0}.uikit-bottom-\[3px\]{bottom:3px}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-15px{left:15px}.uikit-left-4{left:1rem}.uikit-left-9{left:2.25rem}.uikit-left-\[22px\]{left:22px}.uikit-right-0{right:0}.uikit-right-15px{right:15px}.uikit-top-0{top:0}.uikit-top-15px{top:15px}.uikit-top-4{top:1rem}.uikit-top-\[55px\]{top:55px}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-col-span-2{grid-column:span 2 / span 2}.uikit-col-span-3{grid-column:span 3 / span 3}.uikit-col-span-full{grid-column:1 / -1}.uikit-float-none{float:none}.uikit-m-0{margin:0}.uikit-m-1{margin:.25rem}.uikit-mx-10px{margin-left:10px;margin-right:10px}.uikit-mx-4{margin-left:1rem;margin-right:1rem}.uikit-mx-5px{margin-left:5px;margin-right:5px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-0{margin-top:0;margin-bottom:0}.uikit-my-10px{margin-top:10px;margin-bottom:10px}.uikit-my-2{margin-top:.5rem;margin-bottom:.5rem}.uikit-my-20px{margin-top:20px;margin-bottom:20px}.uikit-my-4{margin-top:1rem;margin-bottom:1rem}.uikit-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.uikit-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.\!uikit-ml-0{margin-left:0!important}.\!uikit-mt-0{margin-top:0!important}.uikit-mb-0{margin-bottom:0}.uikit-mb-10px{margin-bottom:10px}.uikit-mb-15px{margin-bottom:15px}.uikit-mb-2{margin-bottom:.5rem}.uikit-mb-20px{margin-bottom:20px}.uikit-mb-3{margin-bottom:.75rem}.uikit-mb-30px{margin-bottom:30px}.uikit-mb-5{margin-bottom:1.25rem}.uikit-mb-5px{margin-bottom:5px}.uikit-ml-10px{margin-left:10px}.uikit-ml-2{margin-left:.5rem}.uikit-ml-\[16px\]{margin-left:16px}.uikit-ml-\[1px\]{margin-left:1px}.uikit-mr-1{margin-right:.25rem}.uikit-mr-10px{margin-right:10px}.uikit-mr-2{margin-right:.5rem}.uikit-mr-20px{margin-right:20px}.uikit-mr-4{margin-right:1rem}.uikit-mr-5px{margin-right:5px}.uikit-mr-\[10px\]{margin-right:10px}.uikit-mt-1{margin-top:.25rem}.uikit-mt-10{margin-top:2.5rem}.uikit-mt-10px{margin-top:10px}.uikit-mt-15px{margin-top:15px}.uikit-mt-2{margin-top:.5rem}.uikit-mt-20px{margin-top:20px}.uikit-mt-4{margin-top:1rem}.uikit-mt-5{margin-top:1.25rem}.uikit-mt-5px{margin-top:5px}.uikit-mt-8{margin-top:2rem}.uikit-mt-\[6px\]{margin-top:6px}.uikit-box-border{box-sizing:border-box}.uikit-block{display:block}.uikit-inline-block{display:inline-block}.\!uikit-flex{display:flex!important}.uikit-flex{display:flex}.\!uikit-inline-flex{display:inline-flex!important}.uikit-inline-flex{display:inline-flex}.uikit-grid{display:grid}.uikit-hidden{display:none}.uikit-size-10{width:2.5rem;height:2.5rem}.uikit-size-20px,.uikit-size-\[20px\]{width:20px;height:20px}.uikit-size-\[24px\]{width:24px;height:24px}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.\!uikit-h-\[52px\]{height:52px!important}.\!uikit-h-\[60px\]{height:60px!important}.uikit-h-0{height:0px}.uikit-h-1{height:.25rem}.uikit-h-10{height:2.5rem}.uikit-h-12{height:3rem}.uikit-h-24{height:6rem}.uikit-h-3{height:.75rem}.uikit-h-30px{height:30px}.uikit-h-4{height:1rem}.uikit-h-5{height:1.25rem}.uikit-h-6{height:1.5rem}.uikit-h-7{height:1.75rem}.uikit-h-8{height:2rem}.uikit-h-9{height:2.25rem}.uikit-h-\[1000px\]{height:1000px}.uikit-h-\[150px\]{height:150px}.uikit-h-\[1em\]{height:1em}.uikit-h-\[23px\]{height:23px}.uikit-h-\[42px\]{height:42px}.uikit-h-\[4px\]{height:4px}.uikit-h-\[95\%\]{height:95%}.uikit-h-auto{height:auto}.uikit-h-full{height:100%}.uikit-h-max{height:-moz-max-content;height:max-content}.uikit-max-h-\[225px\]{max-height:225px}.uikit-max-h-\[500px\]{max-height:500px}.uikit-max-h-\[550px\]{max-height:550px}.uikit-max-h-\[750px\]{max-height:750px}.uikit-max-h-\[900px\]{max-height:900px}.\!uikit-w-full{width:100%!important}.uikit-w-0{width:0px}.uikit-w-1{width:.25rem}.uikit-w-3\/5{width:60%}.uikit-w-4{width:1rem}.uikit-w-6{width:1.5rem}.uikit-w-\[calc\(100\%-1px\)\]{width:calc(100% - 1px)}.uikit-w-\[calc\(100\%-2px\)\]{width:calc(100% - 2px)}.uikit-w-auto{width:auto}.uikit-w-fit{width:-moz-fit-content;width:fit-content}.uikit-w-full{width:100%}.uikit-min-w-0{min-width:0px}.uikit-min-w-\[30px\]{min-width:30px}.uikit-min-w-\[40px\]{min-width:40px}.uikit-min-w-full{min-width:100%}.uikit-max-w-\[300px\]{max-width:300px}.uikit-max-w-\[400px\]{max-width:400px}.uikit-max-w-\[500px\]{max-width:500px}.uikit-max-w-full{max-width:100%}.uikit-flex-1{flex:1 1 0%}.uikit-flex-auto{flex:1 1 auto}.uikit-flex-shrink-0,.uikit-shrink-0{flex-shrink:0}.uikit-grow{flex-grow:1}.\!uikit-translate-x-0{--tw-translate-x: 0px !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-uikit-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-animate-\[backdrop-opacity_0\.3s_ease-out_0s_backwards\]{animation:backdrop-opacity .3s ease-out 0s backwards}.uikit-cursor-default{cursor:default}.uikit-cursor-pointer{cursor:pointer}.uikit-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.uikit-resize-none{resize:none}.uikit-list-none{list-style-type:none}.uikit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uikit-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.uikit-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uikit-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.uikit-grid-rows-\[0fr\]{grid-template-rows:0fr}.uikit-grid-rows-\[1fr\]{grid-template-rows:1fr}.uikit-flex-col{flex-direction:column}.uikit-flex-wrap{flex-wrap:wrap}.uikit-content-center{align-content:center}.uikit-items-center{align-items:center}.uikit-justify-center{justify-content:center}.uikit-justify-between{justify-content:space-between}.uikit-justify-around{justify-content:space-around}.uikit-justify-evenly{justify-content:space-evenly}.uikit-gap-10px{gap:10px}.uikit-gap-2{gap:.5rem}.uikit-gap-20px{gap:20px}.uikit-gap-4{gap:1rem}.uikit-gap-5{gap:1.25rem}.uikit-gap-5px{gap:5px}.uikit-gap-6{gap:1.5rem}.uikit-gap-\[12px\]{gap:12px}.uikit-gap-\[8px\]{gap:8px}.uikit-gap-x-15px{-moz-column-gap:15px;column-gap:15px}.uikit-gap-x-20px{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.uikit-gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.uikit-gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.uikit-gap-y-15px{row-gap:15px}.uikit-gap-y-20px{row-gap:20px}.uikit-gap-y-6{row-gap:1.5rem}.uikit-self-end{align-self:flex-end}.uikit-overflow-auto{overflow:auto}.uikit-overflow-hidden{overflow:hidden}.uikit-overflow-y-auto{overflow-y:auto}.uikit-overflow-x-hidden{overflow-x:hidden}.uikit-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-whitespace-nowrap{white-space:nowrap}.uikit-whitespace-pre-wrap{white-space:pre-wrap}.\!uikit-rounded{border-radius:20px!important}.\!uikit-rounded-xl{border-radius:30px!important}.\!uikit-rounded-xs{border-radius:12px!important}.uikit-rounded{border-radius:20px}.uikit-rounded-2xl{border-radius:35px}.uikit-rounded-2xs{border-radius:8px}.uikit-rounded-\[10px\]{border-radius:10px}.uikit-rounded-\[11px\]{border-radius:11px}.uikit-rounded-\[4px\]{border-radius:4px}.uikit-rounded-\[5px\]{border-radius:5px}.uikit-rounded-circle{border-radius:50%}.uikit-rounded-full{border-radius:9999px}.uikit-rounded-sm{border-radius:15px}.uikit-rounded-xs{border-radius:12px}.\!uikit-rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.\!uikit-rounded-b-xl{border-bottom-right-radius:30px!important;border-bottom-left-radius:30px!important}.\!uikit-rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.uikit-rounded-b{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.uikit-rounded-b-xl{border-bottom-right-radius:30px;border-bottom-left-radius:30px}.uikit-rounded-t{border-top-left-radius:20px;border-top-right-radius:20px}.uikit-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.\!uikit-border{border-width:1px!important}.\!uikit-border-0{border-width:0px!important}.uikit-border{border-width:1px}.uikit-border-0{border-width:0px}.uikit-border-2{border-width:2px}.\!uikit-border-b-0{border-bottom-width:0px!important}.uikit-border-b{border-bottom-width:1px}.uikit-border-b-0{border-bottom-width:0px}.uikit-border-b-2{border-bottom-width:2px}.uikit-border-l{border-left-width:1px}.uikit-border-l-2{border-left-width:2px}.uikit-border-r{border-right-width:1px}.uikit-border-r-0{border-right-width:0px}.uikit-border-t-0{border-top-width:0px}.uikit-border-solid{border-style:solid}.uikit-border-dashed{border-style:dashed}.\!uikit-border-none{border-style:none!important}.uikit-border-none{border-style:none}.\!uikit-border-w-lavender{--tw-border-opacity: 1 !important;border-color:rgb(233 239 254 / var(--tw-border-opacity, 1))!important}.\!uikit-border-w-secondary{--tw-border-opacity: 1 !important;border-color:rgb(180 194 240 / var(--tw-border-opacity, 1))!important}.uikit-border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.uikit-border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.uikit-border-w-black{--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1))}.uikit-border-w-danger{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.uikit-border-w-lavender{--tw-border-opacity: 1;border-color:rgb(233 239 254 / var(--tw-border-opacity, 1))}.uikit-border-w-lightgray{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-border-w-secondary{--tw-border-opacity: 1;border-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.uikit-border-b-w-secondary{--tw-border-opacity: 1;border-bottom-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.uikit-border-r-w-secondary{--tw-border-opacity: 1;border-right-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.\!uikit-bg-\[\#2a3761\]{--tw-bg-opacity: 1 !important;background-color:rgb(42 55 97 / var(--tw-bg-opacity, 1))!important}.\!uikit-bg-\[\#f20003\]{--tw-bg-opacity: 1 !important;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1))!important}.\!uikit-bg-w-cultured{--tw-bg-opacity: 1 !important;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))!important}.uikit-bg-\[\#C1C8D5\]{--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.uikit-bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.uikit-bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.uikit-bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.uikit-bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity, 1))}.uikit-bg-transparent{background-color:transparent}.uikit-bg-w-black{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.uikit-bg-w-carbon{--tw-bg-opacity: 1;background-color:rgb(60 71 77 / var(--tw-bg-opacity, 1))}.uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-danger{--tw-bg-opacity: 1;background-color:rgb(250 79 100 / var(--tw-bg-opacity, 1))}.uikit-bg-w-dark-primary{--tw-bg-opacity: 1;background-color:rgb(42 55 97 / var(--tw-bg-opacity, 1))}.uikit-bg-w-gray{--tw-bg-opacity: 1;background-color:rgb(109 118 135 / var(--tw-bg-opacity, 1))}.uikit-bg-w-lavender{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity, 1))}.uikit-bg-w-primary{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-secondary{--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity, 1))}.uikit-bg-w-secondary\/70{background-color:#b4c2f0b3}.uikit-bg-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.uikit-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.uikit-bg-no-repeat{background-repeat:no-repeat}.uikit-object-cover{-o-object-fit:cover;object-fit:cover}.uikit-p-0{padding:0}.uikit-p-10px{padding:10px}.uikit-p-5{padding:1.25rem}.uikit-p-5px{padding:5px}.uikit-p-\[16px\]{padding:16px}.\!uikit-px-0{padding-left:0!important;padding-right:0!important}.\!uikit-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.uikit-px-0{padding-left:0;padding-right:0}.uikit-px-10{padding-left:2.5rem;padding-right:2.5rem}.uikit-px-15px{padding-left:15px;padding-right:15px}.uikit-px-2{padding-left:.5rem;padding-right:.5rem}.uikit-px-20px{padding-left:20px;padding-right:20px}.uikit-px-3{padding-left:.75rem;padding-right:.75rem}.uikit-px-4{padding-left:1rem;padding-right:1rem}.uikit-px-5{padding-left:1.25rem;padding-right:1.25rem}.uikit-px-5px{padding-left:5px;padding-right:5px}.uikit-px-\[10px\]{padding-left:10px;padding-right:10px}.uikit-px-\[11px\]{padding-left:11px;padding-right:11px}.uikit-px-\[16px\]{padding-left:16px;padding-right:16px}.uikit-px-\[18px\]{padding-left:18px;padding-right:18px}.uikit-py-0{padding-top:0;padding-bottom:0}.uikit-py-1{padding-top:.25rem;padding-bottom:.25rem}.uikit-py-10px{padding-top:10px;padding-bottom:10px}.uikit-py-15px{padding-top:15px;padding-bottom:15px}.uikit-py-2{padding-top:.5rem;padding-bottom:.5rem}.uikit-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.uikit-py-5px{padding-top:5px;padding-bottom:5px}.uikit-py-\[16px\]{padding-top:16px;padding-bottom:16px}.uikit-py-\[5px\]{padding-top:5px;padding-bottom:5px}.\!uikit-pr-10{padding-right:2.5rem!important}.\!uikit-pr-9{padding-right:2.25rem!important}.uikit-pb-0{padding-bottom:0}.uikit-pb-10px{padding-bottom:10px}.uikit-pb-30px{padding-bottom:30px}.uikit-pb-35px{padding-bottom:35px}.uikit-pb-5{padding-bottom:1.25rem}.uikit-pb-8{padding-bottom:2rem}.uikit-pb-\[3px\]{padding-bottom:3px}.uikit-pb-\[8px\]{padding-bottom:8px}.uikit-pl-0{padding-left:0}.uikit-pl-2{padding-left:.5rem}.uikit-pl-3{padding-left:.75rem}.uikit-pl-4{padding-left:1rem}.uikit-pl-\[42px\]{padding-left:42px}.uikit-pr-4{padding-right:1rem}.uikit-pr-\[42px\]{padding-right:42px}.uikit-ps-25px{padding-inline-start:25px}.uikit-pt-20px{padding-top:20px}.uikit-pt-4{padding-top:1rem}.uikit-pt-\[3px\]{padding-top:3px}.uikit-text-left{text-align:left}.uikit-text-center{text-align:center}.uikit-text-start{text-align:start}.uikit-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!uikit-text-16{font-size:16px!important;line-height:20px!important}.\!uikit-text-18{font-size:18px!important;line-height:22px!important}.uikit-text{font-size:14px;line-height:18px}.uikit-text-10{font-size:10px;line-height:14px}.uikit-text-12,.uikit-text-12\/\[16px\]{font-size:12px;line-height:16px}.uikit-text-16{font-size:16px;line-height:20px}.uikit-text-18,.uikit-text-18\/\[22px\]{font-size:18px;line-height:22px}.uikit-text-20{font-size:20px;line-height:26px}.uikit-text-22{font-size:22px;line-height:28px}.uikit-text-22\/\[26px\]{font-size:22px;line-height:26px}.uikit-text-24{font-size:24px;line-height:30px}.uikit-text-26{font-size:26px;line-height:32px}.uikit-text-26\/\[30px\]{font-size:26px;line-height:30px}.uikit-text-30,.uikit-text-30\/\[36px\]{font-size:30px;line-height:36px}.uikit-text-lg{font-size:1.125rem;line-height:1.75rem}.uikit-text-sm{font-size:.875rem;line-height:1.25rem}.uikit-font-medium{font-weight:500}.uikit-font-regular{font-weight:400}.uikit-font-semibold{font-weight:600}.uikit-leading-\[inherit\]{line-height:inherit}.uikit-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.uikit-text-w-black{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-text-w-cultured{--tw-text-opacity: 1;color:rgb(244 247 255 / var(--tw-text-opacity, 1))}.uikit-text-w-danger{--tw-text-opacity: 1;color:rgb(250 79 100 / var(--tw-text-opacity, 1))}.uikit-text-w-dark-primary{--tw-text-opacity: 1;color:rgb(42 55 97 / var(--tw-text-opacity, 1))}.uikit-text-w-gray{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.uikit-text-w-primary{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-text-w-secondary{--tw-text-opacity: 1;color:rgb(180 194 240 / var(--tw-text-opacity, 1))}.uikit-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-no-underline{text-decoration-line:none}.uikit-opacity-0{opacity:0}.uikit-opacity-100{opacity:1}.uikit-opacity-30{opacity:.3}.uikit-shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[0_0_0_2px_white_inset\]{--tw-shadow: 0 0 0 2px white inset;--tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[0_1px_6px_\#79797929\]{--tw-shadow: 0 1px 6px #79797929;--tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-surface{--tw-shadow: 0px 1px 3px rgba(0,0,0,.1);--tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-w-primary\/10{--tw-shadow-color: rgb(43 93 255 / .1);--tw-shadow: var(--tw-shadow-colored)}.uikit-shadow-w-secondary{--tw-shadow-color: #B4C2F0;--tw-shadow: var(--tw-shadow-colored)}.uikit-outline-none{outline:2px solid transparent;outline-offset:2px}.uikit-outline-0{outline-width:0px}.uikit-invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.uikit-transition-\[border\]{transition-property:border;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[grid-template-rows\,opacity\,padding\,margin\]{transition-property:grid-template-rows,opacity,padding,margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[max-width\]{transition-property:max-width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-duration-100{transition-duration:.1s}.uikit-duration-200{transition-duration:.2s}.uikit-duration-300{transition-duration:.3s}.uikit-duration-75{transition-duration:75ms}.uikit-duration-\[50ms\]{transition-duration:50ms}.uikit-duration-\[50s\]{transition-duration:50s}.uikit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.uikit-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.uikit-will-change-transform{will-change:transform}.uikit-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.uikit-no-scrollbar::-webkit-scrollbar{display:none}.uikit-no-scrolling{overflow:hidden}.uikit-no-scrolling::-webkit-scrollbar{background-color:#b4c2f0b3}.uikit-safe-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.\[--swiper-pagination-color\:\#ccc\]{--swiper-pagination-color: #ccc}.\[--swiper-pagination-color\:\#fff\]{--swiper-pagination-color: #fff}.\[grid-area\:_action\]{grid-area:action}.before\:uikit-absolute:before{content:var(--tw-content);position:absolute}.before\:uikit-bottom-0:before{content:var(--tw-content);bottom:0}.before\:uikit-left-0:before{content:var(--tw-content);left:0}.before\:uikit-right-1\/4:before{content:var(--tw-content);right:25%}.before\:uikit-top-0:before{content:var(--tw-content);top:0}.before\:uikit-box-border:before{content:var(--tw-content);box-sizing:border-box}.before\:uikit-h-\[22px\]:before{content:var(--tw-content);height:22px}.before\:uikit-w-1\/2:before{content:var(--tw-content);width:50%}.before\:uikit-w-\[22px\]:before{content:var(--tw-content);width:22px}.before\:uikit-rounded-circle:before{content:var(--tw-content);border-radius:50%}.before\:uikit-border:before{content:var(--tw-content);border-width:1px}.before\:uikit-border-b:before{content:var(--tw-content);border-bottom-width:1px}.before\:uikit-border-solid:before{content:var(--tw-content);border-style:solid}.before\:uikit-border-w-secondary:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.before\:uikit-border-b-w-lavender:before{content:var(--tw-content);--tw-border-opacity: 1;border-bottom-color:rgb(233 239 254 / var(--tw-border-opacity, 1))}.before\:uikit-bg-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.before\:uikit-shadow-sm:before{content:var(--tw-content);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.before\:uikit-duration-300:before{content:var(--tw-content);transition-duration:.3s}.before\:uikit-content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.before\:\[border-bottom-style\:solid\]:before{content:var(--tw-content);border-bottom-style:solid}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-l-w-secondary:hover{--tw-border-opacity: 1;border-left-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-primary:hover{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:uikit-shadow-none:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.disabled\:uikit-bg-w-cultured:disabled{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.disabled\:uikit-text-w-secondary:disabled{--tw-text-opacity: 1;color:rgb(180 194 240 / var(--tw-text-opacity, 1))}.uikit-peer\/toggle:checked~.peer-checked\/toggle\:uikit-bg-w-primary{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.uikit-peer\/fieldset:focus~.peer-focus\/fieldset\:uikit-border-2{border-width:2px}.uikit-peer:focus~.peer-focus\:uikit-border-0{border-width:0px}.uikit-peer:focus~.peer-focus\:uikit-border-2{border-width:2px}.uikit-peer\/fieldset:focus~.peer-focus\/fieldset\:uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-peer:focus~.peer-focus\:uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-2{border-width:2px}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-peer\/fieldset:disabled~.peer-disabled\/fieldset\:uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-peer\/fieldset.disabled~.peer-\[\&\.disabled\]\/fieldset\:uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.aria-selected\:uikit-rounded-xs[aria-selected=true]{border-radius:12px}.aria-selected\:uikit-bg-w-cultured[aria-selected=true]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-peer[aria-invalid=true]~.peer-aria-invalid\:uikit-border-w-danger{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.data-\[state\=\'unchecked\'\]\:uikit-border[data-state=unchecked]{border-width:1px}.data-\[state\=\'unchecked\'\]\:uikit-border-solid[data-state=unchecked]{border-style:solid}.data-\[state\=\'unchecked\'\]\:uikit-border-w-lightgray[data-state=unchecked]{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}@media (prefers-reduced-motion: reduce){.motion-reduce\:uikit-transition-none{transition-property:none}}@media not all and (min-width: 768px){.max-md\:uikit-w-full{width:100%}}@media not all and (min-width: 576px){.max-sm\:uikit-fixed{position:fixed}.max-sm\:uikit-bottom-0{bottom:0}.max-sm\:uikit-max-h-\[95\%\]{max-height:95%}.max-sm\:uikit-rounded-bl-none{border-bottom-left-radius:0}.max-sm\:uikit-rounded-br-none{border-bottom-right-radius:0}.active\:max-sm\:uikit-bg-w-primary:active{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.active\:max-sm\:uikit-text-white:active{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media (min-width: 576px){.sm\:uikit-static{position:static}.sm\:uikit-sticky{position:sticky}.sm\:uikit-col-span-4{grid-column:span 4 / span 4}.sm\:uikit-col-span-8{grid-column:span 8 / span 8}.sm\:uikit-m-4{margin:1rem}.sm\:uikit-mx-0{margin-left:0;margin-right:0}.sm\:uikit-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.sm\:uikit-mt-5{margin-top:1.25rem}.sm\:uikit-block{display:block}.sm\:uikit-hidden{display:none}.sm\:uikit-h-\[1300px\]{height:1300px}.sm\:uikit-h-auto{height:auto}.sm\:uikit-h-full{height:100%}.sm\:uikit-h-screen{height:100vh}.sm\:uikit-max-h-\[1100px\]{max-height:1100px}.sm\:uikit-max-h-\[350px\]{max-height:350px}.sm\:uikit-max-w-\[460px\]{max-width:460px}.sm\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:uikit-gap-5{gap:1.25rem}.sm\:uikit-self-start{align-self:flex-start}.sm\:uikit-px-0{padding-left:0;padding-right:0}.sm\:uikit-px-4{padding-left:1rem;padding-right:1rem}.sm\:uikit-px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:uikit-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:uikit-py-0{padding-top:0;padding-bottom:0}.sm\:uikit-pb-25px{padding-bottom:25px}.sm\:uikit-pr-10px{padding-right:10px}.sm\:uikit-pr-15px{padding-right:15px}.sm\:uikit-pt-5{padding-top:1.25rem}.sm\:uikit-pt-\[30px\]{padding-top:30px}.sm\:uikit-text-22{font-size:22px;line-height:28px}.sm\:uikit-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:sm\:uikit-bg-w-primary:hover{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.hover\:sm\:uikit-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media (min-width: 768px){.md\:uikit-col-span-3{grid-column:span 3 / span 3}.md\:uikit-col-span-9{grid-column:span 9 / span 9}.md\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 992px){.lg\:uikit-col-span-1{grid-column:span 1 / span 1}.lg\:uikit-col-span-10{grid-column:span 10 / span 10}.lg\:uikit-col-span-2{grid-column:span 2 / span 2}.lg\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1200px){.xl\:uikit-col-span-1{grid-column:span 1 / span 1}}.dark\:uikit-border-w-lavender:where([class*=htw-dark],[class*=htw-dark] *){--tw-border-opacity: 1;border-color:rgb(233 239 254 / var(--tw-border-opacity, 1))}.dark\:uikit-bg-gray-500:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.dark\:uikit-bg-transparent:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:uikit-text-w-secondary:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(180 194 240 / var(--tw-text-opacity, 1))}.dark\:uikit-text-w-warning:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 209 103 / var(--tw-text-opacity, 1))}.dark\:uikit-text-white:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:uikit-bg-w-primary:hover:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.dark\:disabled\:uikit-bg-transparent:disabled:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:aria-selected\:uikit-bg-w-primary[aria-selected=true]:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.\[\&\.checked\]\:uikit-bg-w-warning.checked{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.\[\&\.has-right-icon\.is-invalid_\.text-input-icon\]\:uikit-mr-25px.has-right-icon.is-invalid .text-input-icon,.\[\&\.has-right-icon\.is-valid_\.text-input-icon\]\:uikit-mr-25px.has-right-icon.is-valid .text-input-icon{margin-right:25px}.uikit-peer\/fieldset:focus~.peer-focus\/fieldset\:\[\&\.is-invalid\]\:uikit-border-w-danger.is-invalid{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.uikit-peer:focus~.peer-focus\:\[\&\.is-invalid\]\:uikit-border-w-danger.is-invalid{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.\[\&\.swiper-pagination-fraction\]\:uikit-flex.swiper-pagination-fraction{display:flex}.\[\&\.swiper-pagination-fraction\]\:uikit-justify-center.swiper-pagination-fraction{justify-content:center}.dark\:\[\&_g\]\:uikit-stroke-white g:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}.dark\:\[\&_path\]\:uikit-stroke-white path:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}@media not all and (min-width: 576px){.\[\&_svg\]\:active\:max-sm\:uikit-brightness-0:active svg{--tw-brightness: brightness(0);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)}.\[\&_svg\]\:active\:max-sm\:uikit-invert:active svg{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media (min-width: 576px){.\[\&_svg\]\:hover\:sm\:uikit-brightness-0:hover svg{--tw-brightness: brightness(0);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)}.\[\&_svg\]\:hover\:sm\:uikit-invert:hover svg{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.uikit-btn{--btn-px: 25px;--btn-py: 11px;--btn-bg-color: transparent;--btn-text-color: #222222;--btn-border-color: unset;--btn-border-width: 0;--btn-border-radius: 25px;--btn-border-style: solid;--btn-height: 42px;--btn-min-w: 90px;--btn-font-size: 14px;--btn-transition: color, background-color cubic-bezier(.4, 0, .2, 1) .15s;display:inline-block;font-size:var(--btn-font-size);font-weight:600;white-space:nowrap;border:var(--btn-border-width) var(--btn-border-color) var(--btn-border-style);border-radius:var(--btn-border-radius);cursor:pointer;height:var(--btn-height);min-width:var(--btn-min-w);background-color:var(--btn-bg-color);color:var(--btn-text-color);padding:var(--btn-py) var(--btn-px);transition:var(--btn-transition);line-height:1;-webkit-tap-highlight-color:transparent}.uikit-btn:disabled{--btn-bg-color: #2B5DFF;--btn-text-color: rgb(255 255 255 / .8);cursor:not-allowed;opacity:.5}.uikit-btn.uikit-btn-lg{--btn-height: 47px;--btn-px: 28px;--btn-py: 12px;line-height:0}.uikit-btn.uikit-btn-md{--btn-height: 42px}.uikit-btn.uikit-btn-sm{--btn-px: 18px;--btn-py: 8px;--btn-height: 36px}.uikit-btn.uikit-btn-outline{--btn-border-width: 1px;--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn.uikit-btn-outline:hover{--btn-bg-color: #fff}}@media screen and (min-width: 576px){.uikit-btn.uikit-btn-outline:hover{--btn-text-color: #fff}.uikit-btn.uikit-btn-outline:hover svg,.uikit-btn.uikit-btn-outline:hover img{filter:brightness(0) invert(1)}}.uikit-btn.uikit-btn-outline:active{--btn-text-color: #fff !important}.uikit-btn.uikit-btn-outline:active svg,.uikit-btn.uikit-btn-outline:active img{filter:brightness(0) invert(1)}.uikit-btn-empty{--btn-min-w: 0}.uikit-btn-w-primary{--btn-bg-color: #2B5DFF;--btn-text-color: #fff}.uikit-btn-w-primary:disabled{--btn-bg-color: #2B5DFF}@media screen and (max-width: 576px){.uikit-btn-w-primary:hover{--btn-bg-color: #2B5DFF;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-primary:hover{--btn-bg-color: #0057D9}}.uikit-btn-w-primary:hover:disabled{--btn-bg-color: #2B5DFF}.uikit-btn-w-primary:active{--btn-bg-color: #0057D9}.uikit-btn-w-primary.uikit-btn-outline{--btn-border-color: #2B5DFF;--btn-text-color: #2B5DFF}.uikit-btn-w-primary.uikit-btn-outline:active{--btn-bg-color: #2B5DFF !important}.uikit-btn-w-primary.uikit-btn-outline:disabled:hover{--btn-bg-color: #2B5DFF}@media screen and (min-width: 576px){.uikit-btn-w-primary.uikit-btn-outline:hover{--btn-bg-color: #2B5DFF}}.uikit-btn-light{--btn-bg-color: #fff;--btn-text-color: #2B5DFF}.uikit-btn-light:disabled{--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn-light:hover{--btn-bg-color: #fff;--btn-text-color: #2B5DFF}}@media screen and (min-width: 576px){.uikit-btn-light:hover{--btn-bg-color: #FAFAFA;--btn-text-color: #2B5DFF}}.uikit-btn-light:hover:disabled{--btn-bg-color: #fff}.uikit-btn-light:active{--btn-bg-color: #FAFAFA;--btn-text-color: #2B5DFF}.uikit-btn-w-secondary{--btn-bg-color: #B4C2F0;--btn-text-color: #fff}.uikit-btn-w-secondary:disabled{--btn-bg-color: #B4C2F0}@media screen and (max-width: 576px){.uikit-btn-w-secondary:hover{--btn-bg-color: #B4C2F0;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-secondary:hover{--btn-bg-color: #8A9DDD}}.uikit-btn-w-secondary:hover:disabled{--btn-bg-color: #B4C2F0}.uikit-btn-w-secondary:active{--btn-bg-color: #8A9DDD}.uikit-btn-w-secondary.uikit-btn-outline{--btn-border-color: #B4C2F0;--btn-text-color: #222222}.uikit-btn-w-secondary.uikit-btn-outline:active{--btn-bg-color: #B4C2F0 !important}.uikit-btn-w-secondary.uikit-btn-outline:disabled:hover{--btn-bg-color: #B4C2F0}@media screen and (max-width: 576px){.uikit-btn-w-secondary.uikit-btn-outline:hover{--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-w-secondary.uikit-btn-outline:hover{--btn-bg-color: #B4C2F0}}.uikit-btn-w-warning{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}.uikit-btn-w-warning:disabled{--btn-bg-color: #FFD167}@media screen and (max-width: 576px){.uikit-btn-w-warning:hover{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}}@media screen and (min-width: 576px){.uikit-btn-w-warning:hover{--btn-bg-color: #F2C761}}.uikit-btn-w-warning:hover:disabled{--btn-bg-color: #FFD167}.uikit-btn-w-warning:active{--btn-bg-color: #F2C761}.uikit-btn-w-danger{--btn-bg-color: #FA4F64;--btn-text-color: #fff}.uikit-btn-w-danger:disabled{--btn-bg-color: #FA4F64}@media screen and (max-width: 576px){.uikit-btn-w-danger:hover{--btn-bg-color: #FA4F64;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-danger:hover{--btn-bg-color: #E0485A}}.uikit-btn-w-danger:hover:disabled{--btn-bg-color: #FA4F64}.uikit-btn-w-danger:active{--btn-bg-color: #E0485A}.uikit-btn-w-danger.uikit-btn-outline{--btn-border-color: #FA4F64;--btn-text-color: #FA4F64}.uikit-btn-w-danger.uikit-btn-outline:active{--btn-bg-color: #FA4F64 !important}.uikit-btn-w-danger.uikit-btn-outline:disabled:hover{--btn-bg-color: #FA4F64}@media screen and (min-width: 576px){.uikit-btn-w-danger.uikit-btn-outline:hover{--btn-bg-color: #FA4F64}}.uikit-btn-multi-selection[data-active=true],.uikit-btn-single-selection[data-active=true]{--btn-bg-color: #E9EFFE;--btn-border-color: #385CF6}.uikit-btn-multi-selection[data-active=true]:hover,.uikit-btn-single-selection[data-active=true]:hover{--btn-text-color: #222222}.uikit-btn-multi-selection{--btn-py: 10px;--btn-height: 40px;font-weight:400;--btn-border-radius: 12px;--btn-border-color: #EAEFFD;--btn-border-width: 1px;white-space:normal;--btn-bg-color: #F5F7FA;--btn-text-color: #222222}.uikit-btn-multi-selection:disabled{--btn-bg-color: #F5F7FA}@media screen and (max-width: 576px){.uikit-btn-multi-selection:hover{--btn-bg-color: #F5F7FA;--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-multi-selection:hover{--btn-bg-color: #E9EFFE;--btn-border-color: #385CF6}}.uikit-btn-multi-selection:hover:disabled{--btn-bg-color: #fff}.uikit-btn-multi-selection:active{--btn-bg-color: #E9EFFE;--btn-border-color: #385CF6}.uikit-btn-single-selection{--btn-px: 16px;--btn-py: 8px;--btn-height: 40px;--btn-border-radius: 5px;font-weight:400;--btn-bg-color: #fff;--btn-text-color: #222222}.uikit-btn-single-selection:disabled{--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn-single-selection:hover{--btn-bg-color: #fff;--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-single-selection:hover{--btn-bg-color: #F4F7FF}}.uikit-btn-single-selection:hover:disabled{--btn-bg-color: #fff}.uikit-btn-single-selection:active{--btn-bg-color: #F4F7FF}.uikit-btn-facile{--btn-facile-color: #FF6600;--btn-facile-hover-color: #b34700;--btn-bg-color: var(--btn-facile-color);--btn-text-color: #fff}.uikit-btn-facile:disabled{--btn-bg-color: var(--btn-facile-color)}@media screen and (max-width: 576px){.uikit-btn-facile:hover{--btn-bg-color: var(--btn-facile-color);--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-facile:hover{--btn-bg-color: var(--btn-facile-hover-color);--btn-text-color: #fff}}.uikit-btn-facile:hover:disabled{--btn-bg-color: var(--btn-facile-color)}.uikit-btn-facile:active{--btn-bg-color: var(--btn-facile-hover-color);--btn-text-color: #fff}.uikit-btn-show-more{--btn-border-radius: 0;--btn-border-color: #fff;--btn-bg-color: #fff;--btn-text-color: #2B5DFF}.uikit-btn-show-more:disabled{--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn-show-more:hover{--btn-bg-color: #fff;--btn-text-color: #2B5DFF}}@media screen and (min-width: 576px){.uikit-btn-show-more:hover{--btn-bg-color: #fff;--btn-text-color: #3646B3}}.uikit-btn-show-more:hover:disabled{--btn-bg-color: #fff}.uikit-btn-show-more:active{--btn-bg-color: #fff;--btn-text-color: #3646B3}.uikit-btn-transparent{--border-color: transparent;--btn-px: 0;--btn-py: 0}.uikit-btn-transparent:hover{--btn-bg-color: transparent;--border-color: transparent}.uikit-btn-transparent:disabled{--btn-bg-color: transparent}.uikit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.uikit-pointer-events-none{pointer-events:none}.uikit-visible{visibility:visible}.uikit-invisible{visibility:hidden}.uikit-static{position:static}.uikit-fixed{position:fixed}.uikit-absolute{position:absolute}.uikit-relative{position:relative}.uikit-sticky{position:sticky}.\!-uikit-top-1{top:-.25rem!important}.\!uikit-top-4{top:1rem!important}.-uikit-top-0{top:-0px}.-uikit-top-1{top:-.25rem}.-uikit-top-2{top:-.5rem}.-uikit-top-\[0\.3rem\]{top:-.3rem}.uikit-bottom-0{bottom:0}.uikit-bottom-\[3px\]{bottom:3px}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-15px{left:15px}.uikit-left-4{left:1rem}.uikit-left-9{left:2.25rem}.uikit-left-\[22px\]{left:22px}.uikit-right-0{right:0}.uikit-right-15px{right:15px}.uikit-top-0{top:0}.uikit-top-1\/2{top:50%}.uikit-top-15px{top:15px}.uikit-top-4{top:1rem}.uikit-top-\[55px\]{top:55px}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-col-span-2{grid-column:span 2 / span 2}.uikit-col-span-3{grid-column:span 3 / span 3}.uikit-col-span-full{grid-column:1 / -1}.uikit-float-none{float:none}.uikit-m-0{margin:0}.uikit-m-1{margin:.25rem}.uikit-mx-10px{margin-left:10px;margin-right:10px}.uikit-mx-4{margin-left:1rem;margin-right:1rem}.uikit-mx-5px{margin-left:5px;margin-right:5px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-0{margin-top:0;margin-bottom:0}.uikit-my-10px{margin-top:10px;margin-bottom:10px}.uikit-my-2{margin-top:.5rem;margin-bottom:.5rem}.uikit-my-20px{margin-top:20px;margin-bottom:20px}.uikit-my-4{margin-top:1rem;margin-bottom:1rem}.uikit-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.uikit-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.\!uikit-ml-0{margin-left:0!important}.\!uikit-mt-0{margin-top:0!important}.uikit-mb-0{margin-bottom:0}.uikit-mb-10px{margin-bottom:10px}.uikit-mb-15px{margin-bottom:15px}.uikit-mb-2{margin-bottom:.5rem}.uikit-mb-20px{margin-bottom:20px}.uikit-mb-3{margin-bottom:.75rem}.uikit-mb-30px{margin-bottom:30px}.uikit-mb-5{margin-bottom:1.25rem}.uikit-mb-5px{margin-bottom:5px}.uikit-mb-\[300px\]{margin-bottom:300px}.uikit-ml-10px{margin-left:10px}.uikit-ml-2{margin-left:.5rem}.uikit-ml-\[16px\]{margin-left:16px}.uikit-ml-\[1px\]{margin-left:1px}.uikit-mr-1{margin-right:.25rem}.uikit-mr-10px{margin-right:10px}.uikit-mr-2{margin-right:.5rem}.uikit-mr-20px{margin-right:20px}.uikit-mr-4{margin-right:1rem}.uikit-mr-5px{margin-right:5px}.uikit-mr-\[10px\]{margin-right:10px}.uikit-mt-1{margin-top:.25rem}.uikit-mt-10{margin-top:2.5rem}.uikit-mt-10px{margin-top:10px}.uikit-mt-15px{margin-top:15px}.uikit-mt-2{margin-top:.5rem}.uikit-mt-20px{margin-top:20px}.uikit-mt-4{margin-top:1rem}.uikit-mt-5{margin-top:1.25rem}.uikit-mt-5px{margin-top:5px}.uikit-mt-8{margin-top:2rem}.uikit-mt-\[6px\]{margin-top:6px}.uikit-box-border{box-sizing:border-box}.uikit-block{display:block}.uikit-inline-block{display:inline-block}.\!uikit-flex{display:flex!important}.uikit-flex{display:flex}.\!uikit-inline-flex{display:inline-flex!important}.uikit-inline-flex{display:inline-flex}.uikit-grid{display:grid}.uikit-hidden{display:none}.uikit-size-10{width:2.5rem;height:2.5rem}.uikit-size-20px,.uikit-size-\[20px\]{width:20px;height:20px}.uikit-size-\[24px\]{width:24px;height:24px}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.\!uikit-h-\[52px\]{height:52px!important}.\!uikit-h-\[60px\]{height:60px!important}.uikit-h-0{height:0px}.uikit-h-1{height:.25rem}.uikit-h-10{height:2.5rem}.uikit-h-12{height:3rem}.uikit-h-24{height:6rem}.uikit-h-3{height:.75rem}.uikit-h-30px{height:30px}.uikit-h-4{height:1rem}.uikit-h-5{height:1.25rem}.uikit-h-6{height:1.5rem}.uikit-h-7{height:1.75rem}.uikit-h-8{height:2rem}.uikit-h-9{height:2.25rem}.uikit-h-\[1000px\]{height:1000px}.uikit-h-\[150px\]{height:150px}.uikit-h-\[1em\]{height:1em}.uikit-h-\[23px\]{height:23px}.uikit-h-\[42px\]{height:42px}.uikit-h-\[4px\]{height:4px}.uikit-h-\[95\%\]{height:95%}.uikit-h-auto{height:auto}.uikit-h-full{height:100%}.uikit-h-max{height:-moz-max-content;height:max-content}.uikit-max-h-\[225px\]{max-height:225px}.uikit-max-h-\[500px\]{max-height:500px}.uikit-max-h-\[550px\]{max-height:550px}.uikit-max-h-\[750px\]{max-height:750px}.uikit-max-h-\[900px\]{max-height:900px}.\!uikit-w-full{width:100%!important}.uikit-w-0{width:0px}.uikit-w-1{width:.25rem}.uikit-w-3\/5{width:60%}.uikit-w-4{width:1rem}.uikit-w-6{width:1.5rem}.uikit-w-\[calc\(100\%-1px\)\]{width:calc(100% - 1px)}.uikit-w-\[calc\(100\%-2px\)\]{width:calc(100% - 2px)}.uikit-w-auto{width:auto}.uikit-w-fit{width:-moz-fit-content;width:fit-content}.uikit-w-full{width:100%}.uikit-min-w-0{min-width:0px}.uikit-min-w-\[30px\]{min-width:30px}.uikit-min-w-\[40px\]{min-width:40px}.uikit-min-w-full{min-width:100%}.uikit-max-w-\[300px\]{max-width:300px}.uikit-max-w-\[400px\]{max-width:400px}.uikit-max-w-\[500px\]{max-width:500px}.uikit-max-w-full{max-width:100%}.uikit-flex-1{flex:1 1 0%}.uikit-flex-auto{flex:1 1 auto}.uikit-flex-shrink-0,.uikit-shrink-0{flex-shrink:0}.uikit-grow{flex-grow:1}.\!uikit-translate-x-0{--tw-translate-x: 0px !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-uikit-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-animate-\[backdrop-opacity_0\.3s_ease-out_0s_backwards\]{animation:backdrop-opacity .3s ease-out 0s backwards}.uikit-cursor-default{cursor:default}.uikit-cursor-pointer{cursor:pointer}.uikit-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.uikit-resize-none{resize:none}.uikit-list-none{list-style-type:none}.uikit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uikit-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.uikit-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uikit-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.uikit-grid-rows-\[0fr\]{grid-template-rows:0fr}.uikit-grid-rows-\[1fr\]{grid-template-rows:1fr}.uikit-flex-col{flex-direction:column}.uikit-flex-wrap{flex-wrap:wrap}.uikit-content-center{align-content:center}.uikit-items-center{align-items:center}.uikit-justify-center{justify-content:center}.uikit-justify-between{justify-content:space-between}.uikit-justify-around{justify-content:space-around}.uikit-justify-evenly{justify-content:space-evenly}.uikit-gap-10px{gap:10px}.uikit-gap-2{gap:.5rem}.uikit-gap-20px{gap:20px}.uikit-gap-4{gap:1rem}.uikit-gap-5{gap:1.25rem}.uikit-gap-5px{gap:5px}.uikit-gap-6{gap:1.5rem}.uikit-gap-\[12px\]{gap:12px}.uikit-gap-\[8px\]{gap:8px}.uikit-gap-x-15px{-moz-column-gap:15px;column-gap:15px}.uikit-gap-x-20px{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.uikit-gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.uikit-gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.uikit-gap-y-15px{row-gap:15px}.uikit-gap-y-20px{row-gap:20px}.uikit-gap-y-6{row-gap:1.5rem}.uikit-self-end{align-self:flex-end}.uikit-overflow-auto{overflow:auto}.uikit-overflow-hidden{overflow:hidden}.uikit-overflow-y-auto{overflow-y:auto}.uikit-overflow-x-hidden{overflow-x:hidden}.uikit-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-whitespace-nowrap{white-space:nowrap}.uikit-whitespace-pre{white-space:pre}.uikit-whitespace-pre-wrap{white-space:pre-wrap}.\!uikit-rounded{border-radius:20px!important}.\!uikit-rounded-xl{border-radius:30px!important}.\!uikit-rounded-xs{border-radius:12px!important}.uikit-rounded{border-radius:20px}.uikit-rounded-2xl{border-radius:35px}.uikit-rounded-2xs{border-radius:8px}.uikit-rounded-\[10px\]{border-radius:10px}.uikit-rounded-\[11px\]{border-radius:11px}.uikit-rounded-\[4px\]{border-radius:4px}.uikit-rounded-\[5px\]{border-radius:5px}.uikit-rounded-circle{border-radius:50%}.uikit-rounded-full{border-radius:9999px}.uikit-rounded-sm{border-radius:15px}.uikit-rounded-xs{border-radius:12px}.\!uikit-rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.\!uikit-rounded-b-xl{border-bottom-right-radius:30px!important;border-bottom-left-radius:30px!important}.\!uikit-rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.uikit-rounded-b{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.uikit-rounded-b-xl{border-bottom-right-radius:30px;border-bottom-left-radius:30px}.uikit-rounded-t{border-top-left-radius:20px;border-top-right-radius:20px}.uikit-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.\!uikit-border{border-width:1px!important}.\!uikit-border-0{border-width:0px!important}.uikit-border{border-width:1px}.uikit-border-0{border-width:0px}.uikit-border-2{border-width:2px}.\!uikit-border-b-0{border-bottom-width:0px!important}.uikit-border-b{border-bottom-width:1px}.uikit-border-b-0{border-bottom-width:0px}.uikit-border-b-2{border-bottom-width:2px}.uikit-border-l{border-left-width:1px}.uikit-border-l-2{border-left-width:2px}.uikit-border-r{border-right-width:1px}.uikit-border-r-0{border-right-width:0px}.uikit-border-t-0{border-top-width:0px}.uikit-border-solid{border-style:solid}.uikit-border-dashed{border-style:dashed}.\!uikit-border-none{border-style:none!important}.uikit-border-none{border-style:none}.\!uikit-border-w-lavender{--tw-border-opacity: 1 !important;border-color:rgb(233 239 254 / var(--tw-border-opacity, 1))!important}.\!uikit-border-w-secondary{--tw-border-opacity: 1 !important;border-color:rgb(180 194 240 / var(--tw-border-opacity, 1))!important}.uikit-border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.uikit-border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.uikit-border-w-black{--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1))}.uikit-border-w-danger{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.uikit-border-w-lavender{--tw-border-opacity: 1;border-color:rgb(233 239 254 / var(--tw-border-opacity, 1))}.uikit-border-w-lightgray{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-border-w-secondary{--tw-border-opacity: 1;border-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.uikit-border-b-w-secondary{--tw-border-opacity: 1;border-bottom-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.uikit-border-r-w-secondary{--tw-border-opacity: 1;border-right-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.\!uikit-bg-\[\#2a3761\]{--tw-bg-opacity: 1 !important;background-color:rgb(42 55 97 / var(--tw-bg-opacity, 1))!important}.\!uikit-bg-\[\#f20003\]{--tw-bg-opacity: 1 !important;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1))!important}.\!uikit-bg-w-cultured{--tw-bg-opacity: 1 !important;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))!important}.uikit-bg-\[\#C1C8D5\]{--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.uikit-bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.uikit-bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.uikit-bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.uikit-bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity, 1))}.uikit-bg-transparent{background-color:transparent}.uikit-bg-w-black{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.uikit-bg-w-carbon{--tw-bg-opacity: 1;background-color:rgb(60 71 77 / var(--tw-bg-opacity, 1))}.uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-danger{--tw-bg-opacity: 1;background-color:rgb(250 79 100 / var(--tw-bg-opacity, 1))}.uikit-bg-w-dark-primary{--tw-bg-opacity: 1;background-color:rgb(42 55 97 / var(--tw-bg-opacity, 1))}.uikit-bg-w-gray{--tw-bg-opacity: 1;background-color:rgb(109 118 135 / var(--tw-bg-opacity, 1))}.uikit-bg-w-lavender{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity, 1))}.uikit-bg-w-primary{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-secondary{--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity, 1))}.uikit-bg-w-secondary\/70{background-color:#b4c2f0b3}.uikit-bg-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.uikit-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.uikit-bg-no-repeat{background-repeat:no-repeat}.uikit-object-cover{-o-object-fit:cover;object-fit:cover}.uikit-p-0{padding:0}.uikit-p-10px{padding:10px}.uikit-p-5{padding:1.25rem}.uikit-p-5px{padding:5px}.uikit-p-\[16px\]{padding:16px}.\!uikit-px-0{padding-left:0!important;padding-right:0!important}.\!uikit-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.uikit-px-0{padding-left:0;padding-right:0}.uikit-px-10{padding-left:2.5rem;padding-right:2.5rem}.uikit-px-15px{padding-left:15px;padding-right:15px}.uikit-px-2{padding-left:.5rem;padding-right:.5rem}.uikit-px-20px{padding-left:20px;padding-right:20px}.uikit-px-3{padding-left:.75rem;padding-right:.75rem}.uikit-px-4{padding-left:1rem;padding-right:1rem}.uikit-px-5{padding-left:1.25rem;padding-right:1.25rem}.uikit-px-5px{padding-left:5px;padding-right:5px}.uikit-px-\[10px\]{padding-left:10px;padding-right:10px}.uikit-px-\[11px\]{padding-left:11px;padding-right:11px}.uikit-px-\[16px\]{padding-left:16px;padding-right:16px}.uikit-px-\[18px\]{padding-left:18px;padding-right:18px}.uikit-py-0{padding-top:0;padding-bottom:0}.uikit-py-1{padding-top:.25rem;padding-bottom:.25rem}.uikit-py-10px{padding-top:10px;padding-bottom:10px}.uikit-py-15px{padding-top:15px;padding-bottom:15px}.uikit-py-2{padding-top:.5rem;padding-bottom:.5rem}.uikit-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.uikit-py-5px{padding-top:5px;padding-bottom:5px}.uikit-py-\[16px\]{padding-top:16px;padding-bottom:16px}.uikit-py-\[5px\]{padding-top:5px;padding-bottom:5px}.\!uikit-pr-10{padding-right:2.5rem!important}.\!uikit-pr-9{padding-right:2.25rem!important}.uikit-pb-0{padding-bottom:0}.uikit-pb-10px{padding-bottom:10px}.uikit-pb-30px{padding-bottom:30px}.uikit-pb-35px{padding-bottom:35px}.uikit-pb-5{padding-bottom:1.25rem}.uikit-pb-8{padding-bottom:2rem}.uikit-pb-\[3px\]{padding-bottom:3px}.uikit-pb-\[8px\]{padding-bottom:8px}.uikit-pl-0{padding-left:0}.uikit-pl-2{padding-left:.5rem}.uikit-pl-3{padding-left:.75rem}.uikit-pl-4{padding-left:1rem}.uikit-pl-\[42px\]{padding-left:42px}.uikit-pr-4{padding-right:1rem}.uikit-pr-\[42px\]{padding-right:42px}.uikit-ps-25px{padding-inline-start:25px}.uikit-pt-20px{padding-top:20px}.uikit-pt-4{padding-top:1rem}.uikit-pt-\[3px\]{padding-top:3px}.uikit-text-left{text-align:left}.uikit-text-center{text-align:center}.uikit-text-start{text-align:start}.uikit-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!uikit-text-16{font-size:16px!important;line-height:20px!important}.\!uikit-text-18{font-size:18px!important;line-height:22px!important}.uikit-text{font-size:14px;line-height:18px}.uikit-text-10{font-size:10px;line-height:14px}.uikit-text-12,.uikit-text-12\/\[16px\]{font-size:12px;line-height:16px}.uikit-text-16{font-size:16px;line-height:20px}.uikit-text-18,.uikit-text-18\/\[22px\]{font-size:18px;line-height:22px}.uikit-text-20{font-size:20px;line-height:26px}.uikit-text-22{font-size:22px;line-height:28px}.uikit-text-22\/\[26px\]{font-size:22px;line-height:26px}.uikit-text-24{font-size:24px;line-height:30px}.uikit-text-26{font-size:26px;line-height:32px}.uikit-text-26\/\[30px\]{font-size:26px;line-height:30px}.uikit-text-30,.uikit-text-30\/\[36px\]{font-size:30px;line-height:36px}.uikit-text-lg{font-size:1.125rem;line-height:1.75rem}.uikit-text-sm{font-size:.875rem;line-height:1.25rem}.uikit-font-medium{font-weight:500}.uikit-font-regular{font-weight:400}.uikit-font-semibold{font-weight:600}.uikit-leading-\[inherit\]{line-height:inherit}.uikit-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.uikit-text-w-black{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-text-w-cultured{--tw-text-opacity: 1;color:rgb(244 247 255 / var(--tw-text-opacity, 1))}.uikit-text-w-danger{--tw-text-opacity: 1;color:rgb(250 79 100 / var(--tw-text-opacity, 1))}.uikit-text-w-dark-primary{--tw-text-opacity: 1;color:rgb(42 55 97 / var(--tw-text-opacity, 1))}.uikit-text-w-gray{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.uikit-text-w-primary{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-text-w-secondary{--tw-text-opacity: 1;color:rgb(180 194 240 / var(--tw-text-opacity, 1))}.uikit-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-no-underline{text-decoration-line:none}.uikit-opacity-0{opacity:0}.uikit-opacity-100{opacity:1}.uikit-opacity-30{opacity:.3}.uikit-shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[0_0_0_2px_white_inset\]{--tw-shadow: 0 0 0 2px white inset;--tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[0_1px_6px_\#79797929\]{--tw-shadow: 0 1px 6px #79797929;--tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-surface{--tw-shadow: 0px 1px 3px rgba(0,0,0,.1);--tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-w-primary\/10{--tw-shadow-color: rgb(43 93 255 / .1);--tw-shadow: var(--tw-shadow-colored)}.uikit-shadow-w-secondary{--tw-shadow-color: #B4C2F0;--tw-shadow: var(--tw-shadow-colored)}.uikit-outline-none{outline:2px solid transparent;outline-offset:2px}.uikit-outline-0{outline-width:0px}.uikit-invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.uikit-transition-\[border\]{transition-property:border;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[grid-template-rows\,opacity\,padding\,margin\]{transition-property:grid-template-rows,opacity,padding,margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[max-width\]{transition-property:max-width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-duration-100{transition-duration:.1s}.uikit-duration-200{transition-duration:.2s}.uikit-duration-300{transition-duration:.3s}.uikit-duration-75{transition-duration:75ms}.uikit-duration-\[50ms\]{transition-duration:50ms}.uikit-duration-\[50s\]{transition-duration:50s}.uikit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.uikit-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.uikit-will-change-transform{will-change:transform}.uikit-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.uikit-no-scrollbar::-webkit-scrollbar{display:none}.uikit-no-scrolling{overflow:hidden}.uikit-no-scrolling::-webkit-scrollbar{background-color:#b4c2f0b3}.uikit-safe-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.\[--swiper-pagination-color\:\#ccc\]{--swiper-pagination-color: #ccc}.\[--swiper-pagination-color\:\#fff\]{--swiper-pagination-color: #fff}.\[grid-area\:_action\]{grid-area:action}.before\:uikit-absolute:before{content:var(--tw-content);position:absolute}.before\:uikit-bottom-0:before{content:var(--tw-content);bottom:0}.before\:uikit-left-0:before{content:var(--tw-content);left:0}.before\:uikit-right-1\/4:before{content:var(--tw-content);right:25%}.before\:uikit-top-0:before{content:var(--tw-content);top:0}.before\:uikit-box-border:before{content:var(--tw-content);box-sizing:border-box}.before\:uikit-h-\[22px\]:before{content:var(--tw-content);height:22px}.before\:uikit-w-1\/2:before{content:var(--tw-content);width:50%}.before\:uikit-w-\[22px\]:before{content:var(--tw-content);width:22px}.before\:uikit-rounded-circle:before{content:var(--tw-content);border-radius:50%}.before\:uikit-border:before{content:var(--tw-content);border-width:1px}.before\:uikit-border-b:before{content:var(--tw-content);border-bottom-width:1px}.before\:uikit-border-solid:before{content:var(--tw-content);border-style:solid}.before\:uikit-border-w-secondary:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.before\:uikit-border-b-w-lavender:before{content:var(--tw-content);--tw-border-opacity: 1;border-bottom-color:rgb(233 239 254 / var(--tw-border-opacity, 1))}.before\:uikit-bg-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.before\:uikit-shadow-sm:before{content:var(--tw-content);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.before\:uikit-duration-300:before{content:var(--tw-content);transition-duration:.3s}.before\:uikit-content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.before\:\[border-bottom-style\:solid\]:before{content:var(--tw-content);border-bottom-style:solid}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-l-w-secondary:hover{--tw-border-opacity: 1;border-left-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-primary:hover{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:uikit-shadow-none:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.disabled\:uikit-bg-w-cultured:disabled{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.disabled\:uikit-text-w-secondary:disabled{--tw-text-opacity: 1;color:rgb(180 194 240 / var(--tw-text-opacity, 1))}.uikit-peer\/toggle:checked~.peer-checked\/toggle\:uikit-bg-w-primary{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.uikit-peer\/fieldset:focus~.peer-focus\/fieldset\:uikit-border-2{border-width:2px}.uikit-peer:focus~.peer-focus\:uikit-border-0{border-width:0px}.uikit-peer:focus~.peer-focus\:uikit-border-2{border-width:2px}.uikit-peer\/fieldset:focus~.peer-focus\/fieldset\:uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-peer:focus~.peer-focus\:uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-2{border-width:2px}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-peer\/fieldset:disabled~.peer-disabled\/fieldset\:uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-peer\/fieldset.disabled~.peer-\[\&\.disabled\]\/fieldset\:uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.aria-selected\:uikit-rounded-xs[aria-selected=true]{border-radius:12px}.aria-selected\:uikit-bg-w-cultured[aria-selected=true]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-peer[aria-invalid=true]~.peer-aria-invalid\:uikit-border-w-danger{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.data-\[state\=\'unchecked\'\]\:uikit-border[data-state=unchecked]{border-width:1px}.data-\[state\=\'unchecked\'\]\:uikit-border-solid[data-state=unchecked]{border-style:solid}.data-\[state\=\'unchecked\'\]\:uikit-border-w-lightgray[data-state=unchecked]{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}@media (prefers-reduced-motion: reduce){.motion-reduce\:uikit-transition-none{transition-property:none}}@media not all and (min-width: 768px){.max-md\:uikit-w-full{width:100%}}@media not all and (min-width: 576px){.max-sm\:uikit-fixed{position:fixed}.max-sm\:uikit-bottom-0{bottom:0}.max-sm\:uikit-max-h-\[95\%\]{max-height:95%}.max-sm\:uikit-rounded-bl-none{border-bottom-left-radius:0}.max-sm\:uikit-rounded-br-none{border-bottom-right-radius:0}.active\:max-sm\:uikit-bg-w-primary:active{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.active\:max-sm\:uikit-text-white:active{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media (min-width: 576px){.sm\:uikit-static{position:static}.sm\:uikit-sticky{position:sticky}.sm\:uikit-col-span-4{grid-column:span 4 / span 4}.sm\:uikit-col-span-8{grid-column:span 8 / span 8}.sm\:uikit-m-4{margin:1rem}.sm\:uikit-mx-0{margin-left:0;margin-right:0}.sm\:uikit-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.sm\:uikit-mt-5{margin-top:1.25rem}.sm\:uikit-block{display:block}.sm\:uikit-hidden{display:none}.sm\:uikit-h-\[1300px\]{height:1300px}.sm\:uikit-h-auto{height:auto}.sm\:uikit-h-full{height:100%}.sm\:uikit-h-screen{height:100vh}.sm\:uikit-max-h-\[1100px\]{max-height:1100px}.sm\:uikit-max-h-\[350px\]{max-height:350px}.sm\:uikit-max-w-\[460px\]{max-width:460px}.sm\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:uikit-gap-5{gap:1.25rem}.sm\:uikit-self-start{align-self:flex-start}.sm\:uikit-px-0{padding-left:0;padding-right:0}.sm\:uikit-px-4{padding-left:1rem;padding-right:1rem}.sm\:uikit-px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:uikit-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:uikit-py-0{padding-top:0;padding-bottom:0}.sm\:uikit-pb-25px{padding-bottom:25px}.sm\:uikit-pr-10px{padding-right:10px}.sm\:uikit-pr-15px{padding-right:15px}.sm\:uikit-pt-5{padding-top:1.25rem}.sm\:uikit-pt-\[30px\]{padding-top:30px}.sm\:uikit-text-22{font-size:22px;line-height:28px}.sm\:uikit-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:sm\:uikit-bg-w-primary:hover{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.hover\:sm\:uikit-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}@media (min-width: 768px){.md\:uikit-col-span-3{grid-column:span 3 / span 3}.md\:uikit-col-span-9{grid-column:span 9 / span 9}.md\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 992px){.lg\:uikit-col-span-1{grid-column:span 1 / span 1}.lg\:uikit-col-span-10{grid-column:span 10 / span 10}.lg\:uikit-col-span-2{grid-column:span 2 / span 2}.lg\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1200px){.xl\:uikit-col-span-1{grid-column:span 1 / span 1}}.dark\:uikit-border-w-lavender:where([class*=htw-dark],[class*=htw-dark] *){--tw-border-opacity: 1;border-color:rgb(233 239 254 / var(--tw-border-opacity, 1))}.dark\:uikit-bg-gray-500:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.dark\:uikit-bg-transparent:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:uikit-text-w-secondary:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(180 194 240 / var(--tw-text-opacity, 1))}.dark\:uikit-text-w-warning:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 209 103 / var(--tw-text-opacity, 1))}.dark\:uikit-text-white:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:uikit-bg-w-primary:hover:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.dark\:disabled\:uikit-bg-transparent:disabled:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:aria-selected\:uikit-bg-w-primary[aria-selected=true]:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.\[\&\.checked\]\:uikit-bg-w-warning.checked{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.\[\&\.has-right-icon\.is-invalid_\.text-input-icon\]\:uikit-mr-25px.has-right-icon.is-invalid .text-input-icon,.\[\&\.has-right-icon\.is-valid_\.text-input-icon\]\:uikit-mr-25px.has-right-icon.is-valid .text-input-icon{margin-right:25px}.uikit-peer\/fieldset:focus~.peer-focus\/fieldset\:\[\&\.is-invalid\]\:uikit-border-w-danger.is-invalid{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.uikit-peer:focus~.peer-focus\:\[\&\.is-invalid\]\:uikit-border-w-danger.is-invalid{--tw-border-opacity: 1;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))}.\[\&\.swiper-pagination-fraction\]\:uikit-flex.swiper-pagination-fraction{display:flex}.\[\&\.swiper-pagination-fraction\]\:uikit-justify-center.swiper-pagination-fraction{justify-content:center}.dark\:\[\&_g\]\:uikit-stroke-white g:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}.dark\:\[\&_path\]\:uikit-stroke-white path:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}@media not all and (min-width: 576px){.\[\&_svg\]\:active\:max-sm\:uikit-brightness-0:active svg{--tw-brightness: brightness(0);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)}.\[\&_svg\]\:active\:max-sm\:uikit-invert:active svg{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media (min-width: 576px){.\[\&_svg\]\:hover\:sm\:uikit-brightness-0:hover svg{--tw-brightness: brightness(0);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)}.\[\&_svg\]\:hover\:sm\:uikit-invert:hover svg{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export { default as RadioGroup } from './UIKit/Radio/RadioGroup';
 export { default as AccessibleSelect } from './UIKit/AccessibleSelect';
 export { default as BaseAlert } from './UIKit/BaseAlert';
 export { default as BaseAutocomplete } from './UIKit/BaseAutocomplete';
+export { default as ClearableAutocomplete } from './UIKit/Autocomplete/ClearableAutocomplete';
 export { default as BaseBadge } from './UIKit/BaseBadge';
 export { default as BaseButton, type ButtonType } from './UIKit/BaseButton';
 export { default as BaseCard } from './UIKit/BaseCard';

package/dist/index.js

@@ -1,89 +1,92 @@
-import { default as m } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
-import { default as u } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
-import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
-import { default as S } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as d } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as x } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
+import { default as B } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
+import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
+import { default as b } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
 import { default as g } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
 import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as T } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as w } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as k } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as v } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as G } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
-import { default as O } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import { default as I } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
+import { default as D } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as F } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as M } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as R } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
-import { default as P } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import { default as U } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
-import { default as V } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as j } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
+/* empty css                                                                      */
+import { default as y } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
-import { default as q } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as z } from "./UIKit/BaseCard.js";
-import { default as H } from "./UIKit/BaseComplexToggle.js";
-import { default as K } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+import { default as E } from "./packages/components/lib/UIKit/BaseButton.vue.js";
+import { default as J } from "./UIKit/BaseCard.js";
+import { default as N } from "./UIKit/BaseComplexToggle.js";
+import { default as W } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
 /* empty css                                                */
-import { default as Q } from "./UIKit/BaseFloatingLabel.js";
-import { default as X } from "./UIKit/BaseInput.js";
-import { default as Z } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as $ } from "./UIKit/BaseSlider.js";
-import { default as ae } from "./UIKit/BaseTextarea.js";
-import { default as te } from "./UIKit/BaseToggle.js";
-import { default as fe } from "./UIKit/BaseTooltip.js";
-import { default as le } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as me } from "./packages/components/lib/UIKit/BaseModal.vue.js";
+import { default as Y } from "./UIKit/BaseFloatingLabel.js";
+import { default as _ } from "./UIKit/BaseInput.js";
+import { default as ee } from "./packages/components/lib/UIKit/BasePagination.vue.js";
+import { default as oe } from "./UIKit/BaseSlider.js";
+import { default as re } from "./UIKit/BaseTextarea.js";
+import { default as se } from "./UIKit/BaseToggle.js";
+import { default as pe } from "./UIKit/BaseTooltip.js";
+import { default as de } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
+import { default as xe } from "./packages/components/lib/UIKit/BaseModal.vue.js";
 /* empty css                                             */
-import { default as ue } from "./UIKit/StaticSpinner.js";
-import { default as ie } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
-import { default as ne } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as Se } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as ge } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as he } from "./UIKit/Slider/SimpleSlider.js";
-import { default as Te } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
+import { default as Be } from "./UIKit/StaticSpinner.js";
+import { default as ce } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import { default as be } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as ge } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as he } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as Ie } from "./UIKit/Slider/SimpleSlider.js";
+import { default as Le } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
 /* empty css                                                */
-import { default as we } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as ke } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as ve } from "./components/carousel/SwiperCarousel.js";
-import { default as Ge } from "./components/carousel/SwiperSlide.js";
-import { default as Oe } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as De } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as Fe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as Me } from "./components/carousel/SwiperCarousel.js";
+import { default as Re } from "./components/carousel/SwiperSlide.js";
+import { default as Ue } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 export {
-  G as AccessibleSelect,
-  m as BaseAccordion,
-  u as BaseAccordionBtn,
-  i as BaseAccordionContent,
-  n as BaseAccordionItem,
-  O as BaseAlert,
-  P as BaseAutocomplete,
-  V as BaseBadge,
-  Oe as BaseBreadcrumb,
-  q as BaseButton,
-  z as BaseCard,
-  H as BaseComplexToggle,
-  K as BaseDropDown,
-  Q as BaseFloatingLabel,
-  X as BaseInput,
-  me as BaseModal,
-  Z as BasePagination,
-  ie as BaseShimmerLoader,
-  $ as BaseSlider,
-  Te as BaseSnackbar,
-  w as BaseTab,
-  T as BaseTabView,
-  ae as BaseTextarea,
-  te as BaseToggle,
-  fe as BaseTooltip,
-  le as BaseUploadFile,
+  M as AccessibleSelect,
+  d as BaseAccordion,
+  x as BaseAccordionBtn,
+  B as BaseAccordionContent,
+  c as BaseAccordionItem,
+  R as BaseAlert,
+  U as BaseAutocomplete,
+  y as BaseBadge,
+  Ue as BaseBreadcrumb,
+  E as BaseButton,
+  J as BaseCard,
+  N as BaseComplexToggle,
+  W as BaseDropDown,
+  Y as BaseFloatingLabel,
+  _ as BaseInput,
+  xe as BaseModal,
+  ee as BasePagination,
+  ce as BaseShimmerLoader,
+  oe as BaseSlider,
+  Le as BaseSnackbar,
+  L as BaseTab,
+  I as BaseTabView,
+  re as BaseTextarea,
+  se as BaseToggle,
+  pe as BaseTooltip,
+  de as BaseUploadFile,
   g as CheckboxBtn,
   h as CheckboxGroup,
-  Se as DoughnutChart,
-  we as IntersectionObservable,
-  ke as IntersectionObserver,
-  ge as LineChart,
-  k as RadioButton,
-  v as RadioGroup,
-  S as SelectItem,
-  ne as ShimmerMultiLine,
-  he as SimpleSlider,
-  ue as StaticSpinner,
-  ve as SwiperCarousel,
-  Ge as SwiperSlide
+  j as ClearableAutocomplete,
+  ge as DoughnutChart,
+  De as IntersectionObservable,
+  Fe as IntersectionObserver,
+  he as LineChart,
+  D as RadioButton,
+  F as RadioGroup,
+  b as SelectItem,
+  be as ShimmerMultiLine,
+  Ie as SimpleSlider,
+  Be as StaticSpinner,
+  Me as SwiperCarousel,
+  Re as SwiperSlide
 };

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as o, createTextVNode as f, toDisplayString as k } from "vue";
-import { AccordionItem as m, AccordionHeader as h, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
+import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as f, toDisplayString as k } from "vue";
+import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
 import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
 const b = /* @__PURE__ */ n({
   __name: "BaseAccordionItem",
@@ -13,24 +13,24 @@ const b = /* @__PURE__ */ n({
     headerClasses: {},
     contentClasses: {},
     arrowClasses: {},
-    accordionHeaderTag: { default: "h3" }
+    headerTag: { default: "h3" }
   },
   setup(e) {
-    const l = c("isActive");
-    return (i, v) => (d(), u(t(m), {
+    const o = c("isActive");
+    return (i, v) => (d(), u(t(h), {
       value: e.value,
       "data-cy": e.dataCy
     }, {
       default: a(() => [
-        s(t(h), {
-          as: e.accordionHeaderTag,
+        s(t(m), {
+          as: e.headerTag,
           class: r([
             e.headerClasses,
             "uikit-flex uikit-items-center uikit-justify-between"
           ])
         }, {
           default: a(() => [
-            o(i.$slots, "header-content"),
+            l(i.$slots, "header-content"),
             s(t(g), {
               class: r([
                 e.triggerClasses,
@@ -41,12 +41,12 @@ const b = /* @__PURE__ */ n({
               ])
             }, {
               default: a(() => [
-                o(i.$slots, "trigger", {
-                  active: t(l)(e.value)
+                l(i.$slots, "trigger", {
+                  active: t(o)(e.value)
                 }, () => [
                   f(k(e.title) + " ", 1),
                   s(t(C), {
-                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(l)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
+                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
                     "arrow-classes": e.arrowClasses,
                     width: e.arrowWidth,
                     height: e.arrowWidth
@@ -65,7 +65,7 @@ const b = /* @__PURE__ */ n({
           ])
         }, {
           default: a(() => [
-            o(i.$slots, "default")
+            l(i.$slots, "default")
           ]),
           _: 3
         }, 8, ["class"])

package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js

@@ -0,0 +1,144 @@
+import { defineComponent as F, mergeModels as S, useModel as g, shallowRef as r, useTemplateRef as M, onBeforeMount as L, watch as k, nextTick as N, createBlock as $, openBlock as p, withCtx as m, createElementBlock as V, Fragment as O, renderList as U, renderSlot as c, createElementVNode as d, normalizeClass as C, withDirectives as D, createCommentVNode as E, vModelText as H, toDisplayString as K, normalizeStyle as A, createTextVNode as P } from "vue";
+import X from "../BaseDropDown.vue.js";
+import '../../../../../assets/BaseDropDown.css';/* empty css                   */
+import j from "../BaseSelect/SelectItem.vue.js";
+import { debounce as q } from "@wikicasa-dev/utilities";
+const G = ["readonly"], J = ["innerHTML"], te = /* @__PURE__ */ F({
+  __name: "ClearableAutocomplete",
+  props: /* @__PURE__ */ S({
+    dataCy: {},
+    triggerWrapperClasses: {},
+    inputWrapperClasses: {},
+    dropdownClasses: {},
+    clearButtonClasses: {},
+    keepState: {},
+    onInputChangeCb: { type: Function },
+    onOptionSelectedCb: { type: [Function, null] }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {},
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["click"], ["update:open", "update:modelValue"]),
+  setup(l, { emit: B }) {
+    const s = g(l, "open"), i = g(l, "modelValue"), T = B, n = r(""), b = r(0), v = r(!1), y = r(null), a = r([]), x = M("dropdownRef"), f = M("hiddenSpan"), z = () => {
+      n.value = "", i.value = null;
+    }, W = async (t) => {
+      if (!t) {
+        a.value = [], s.value = !1;
+        return;
+      }
+      a.value = await y.value?.(t) || [], v.value = !0, s.value = !!a.value.length;
+    }, w = (t = -1) => {
+      const e = a.value[t];
+      !e || e.id === i.value?.id || (l.onOptionSelectedCb?.(e), n.value = e.label, s.value = !1, i.value = e, a.value = []);
+    };
+    return L(() => {
+      y.value = q({ delay: 300 }, l.onInputChangeCb);
+    }), k(n, () => {
+      N(() => {
+        f.value && (b.value = f.value.offsetWidth);
+      });
+    }), k(
+      () => x.value?.selectedIdx,
+      (t) => {
+        const e = t ?? -1;
+        e !== -1 && w(e);
+      }
+    ), k(
+      i,
+      (t, e) => {
+        t === e || t?.label === n.value || (n.value = t?.label || "");
+      },
+      { immediate: !0 }
+    ), (t, e) => (p(), $(X, {
+      ref: "dropdownRef",
+      class: "uikit-clearable-autocomplete",
+      "data-cy": l.dataCy,
+      "dropdown-element": "ul",
+      "dropdown-classes": ["uikit-z-30", l.dropdownClasses],
+      "open-dropdown": s.value,
+      "keep-state": !a.value.length || l.keepState === "closed" ? "closed" : "opened",
+      "reset-keyboard-controller": v.value,
+      "onUpdate:resetKeyboardController": e[1] || (e[1] = (o) => v.value = o),
+      "onUpdate:dropdownState": e[2] || (e[2] = (o) => s.value = o),
+      onClick: e[3] || (e[3] = (o) => T("click"))
+    }, {
+      btn_slot: m(() => [
+        d("div", {
+          class: C(["uikit-text-16", l.triggerWrapperClasses])
+        }, [
+          c(t.$slots, "left-icon"),
+          d("div", {
+            class: C(["uikit-relative", l.inputWrapperClasses])
+          }, [
+            D(d("input", {
+              "onUpdate:modelValue": [
+                e[0] || (e[0] = (o) => n.value = o),
+                W
+              ],
+              readonly: !!i.value?.label,
+              class: "uikit-w-full uikit-border-none focus-visible:uikit-outline-none",
+              style: {
+                font: "inherit",
+                fontSize: "inherit"
+              }
+            }, null, 8, G), [
+              [H, n.value]
+            ]),
+            d("span", {
+              ref_key: "hiddenSpan",
+              ref: f,
+              class: "uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre",
+              style: {
+                font: "inherit",
+                fontSize: "inherit"
+              }
+            }, K(n.value), 513),
+            i.value?.label ? (p(), V("button", {
+              key: 0,
+              type: "button",
+              class: C(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", l.clearButtonClasses]),
+              "aria-label": "Clear input",
+              style: A({
+                left: `${b.value + 16}px`
+              }),
+              onClick: z
+            }, [
+              c(t.$slots, "clear-icon", {}, () => [
+                e[4] || (e[4] = P("X", -1))
+              ])
+            ], 6)) : E("", !0)
+          ], 2),
+          c(t.$slots, "right-icon")
+        ], 2)
+      ]),
+      default: m(({ activeIdx: o, setActiveIdx: I }) => [
+        (p(!0), V(O, null, U(a.value, (h, u) => (p(), $(j, {
+          key: u,
+          active: o === u,
+          class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
+          onClick: (R) => w(u),
+          onMouseover: (R) => I(u)
+        }, {
+          default: m(() => [
+            c(t.$slots, "option-content", {
+              option: h,
+              idx: u
+            }, () => [
+              d("span", {
+                innerHTML: h.label
+              }, null, 8, J)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["active", "onClick", "onMouseover"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["data-cy", "dropdown-classes", "open-dropdown", "keep-state", "reset-keyboard-controller"]));
+  }
+});
+export {
+  te as default
+};

package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as L, mergeModels as b, useId as M, useModel as A, ref as h, computed as E, useTemplateRef as O, watch as d, onBeforeMount as W, onMounted as $, onUnmounted as H, createElementBlock as K, openBlock as c, withModifiers as y, normalizeClass as l, renderSlot as C, createBlock as g, createVNode as N, unref as n, withCtx as D, createElementVNode as T, createCommentVNode as V, resolveDynamicComponent as q } from "vue";
-import z from "./BaseButton.vue.js";
-import { ArrowIcon as R } from "@wikicasa-dev/svg-icons";
-import { useKeyboardController as U } from "@wikicasa-dev/vue-composables";
-const j = ["innerHTML"], X = /* @__PURE__ */ L({
+import { defineComponent as L, mergeModels as C, useId as E, useModel as h, ref as O, shallowRef as W, computed as $, useTemplateRef as T, watch as a, onBeforeMount as H, onMounted as N, onUnmounted as V, nextTick as R, createElementBlock as q, openBlock as f, withModifiers as g, normalizeClass as n, renderSlot as D, createBlock as x, createVNode as z, unref as d, withCtx as B, createElementVNode as U, createCommentVNode as j, resolveDynamicComponent as F } from "vue";
+import G from "./BaseButton.vue.js";
+import { ArrowIcon as J } from "@wikicasa-dev/svg-icons";
+import { useKeyboardController as P } from "@wikicasa-dev/vue-composables";
+const Q = ["innerHTML"], te = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "BaseDropDown",
-  props: /* @__PURE__ */ b({
+  props: /* @__PURE__ */ C({
     dropdownClasses: { default: "" },
     btnClasses: { default: "" },
     withArrowIcon: { type: Boolean, default: !1 },
@@ -23,87 +23,103 @@ const j = ["innerHTML"], X = /* @__PURE__ */ L({
     dataCy: { default: "" }
   }, {
     toggleDropdown: { type: Boolean, default: void 0 },
-    toggleDropdownModifiers: {}
+    toggleDropdownModifiers: {},
+    resetKeyboardController: { type: Boolean, default: !1 },
+    resetKeyboardControllerModifiers: {}
   }),
-  emits: /* @__PURE__ */ b(["click", "update:dropdownState"], ["update:toggleDropdown"]),
-  setup(t, { emit: B }) {
-    const i = t, f = M(), k = B, w = A(t, "toggleDropdown"), o = h(!1), r = h([]), x = E(() => r.value.length), v = O("dropdown"), { activeIdx: m, selectedIdx: u } = U({
-      optionsLength: x,
+  emits: /* @__PURE__ */ C(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController"]),
+  setup(t, { expose: I, emit: S }) {
+    const l = t, k = E(), w = S, v = h(t, "toggleDropdown"), m = h(
+      t,
+      "resetKeyboardController"
+    ), o = O(!1), s = W([]), M = $(() => s.value.length), p = T("dropdown"), { activeIdx: r, selectedIdx: i } = P({
+      optionsLength: M,
       isDropdownOpen: o,
-      activate: i.activateKeyboardController
+      activate: l.activateKeyboardController
     });
-    d(
-      () => i.openDropdown,
+    a(
+      () => l.openDropdown,
       (e) => {
         o.value = e;
       },
       {
         immediate: !0
       }
-    ), d(o, (e) => {
-      k("update:dropdownState", e);
-    }), d(w, (e) => {
-      e && (o.value = !o.value, w.value = !1);
-    }), d(u, (e) => {
-      e !== -1 && r.value[e].querySelector("a")?.click();
+    ), a(o, (e) => {
+      w("update:dropdownState", e);
+    }), a(v, (e) => {
+      e && (o.value = !o.value, v.value = !1);
+    }), a(i, (e) => {
+      e !== -1 && s.value[e].querySelector("a")?.click();
     });
-    const p = () => {
+    const b = () => {
       o.value = !1;
-    }, s = () => {
-      i.keepState === "closed" && !o.value || i.keepState === "opened" && o.value || (o.value = !o.value);
-    }, I = (e) => {
-      e != null && (m.value = e);
-    }, S = (e) => {
-      e != null && (u.value = e);
+    }, c = () => {
+      l.keepState === "closed" && !o.value || l.keepState === "opened" && o.value || (o.value = !o.value);
+    }, A = (e) => {
+      e != null && (r.value = e);
+    }, K = (e) => {
+      e != null && (i.value = e);
     };
-    return W(() => {
-      i.closeWhenClickedOutside && document.body.addEventListener("click", p);
-    }), $(() => {
-      v.value && (r.value = v.value.children || []);
-    }), H(() => {
-      i.closeWhenClickedOutside && document.body.removeEventListener("click", p);
-    }), (e, a) => (c(), K("div", {
-      class: l(["uikit-relative uikit-block", e.$attrs.class]),
-      onClick: a[1] || (a[1] = y((F) => {
-        k("click"), s();
+    H(() => {
+      l.closeWhenClickedOutside && document.body.addEventListener("click", b);
+    });
+    const y = () => {
+      p.value && (s.value = Array.from(p.value.children));
+    };
+    return N(() => {
+      y();
+    }), V(() => {
+      l.closeWhenClickedOutside && document.body.removeEventListener("click", b);
+    }), a(m, (e) => {
+      e && (r.value = -1, i.value = -1, R(() => {
+        y(), m.value = !1;
+      }));
+    }), I({
+      activeIdx: r,
+      selectedIdx: i
+    }), (e, u) => (f(), q("div", {
+      class: n(["uikit-relative uikit-block", e.$attrs.class]),
+      onClick: u[1] || (u[1] = g((X) => {
+        w("click"), c();
       }, ["stop"]))
     }, [
-      C(e.$slots, "btn_slot", {
-        toggleDropdown: s,
+      D(e.$slots, "btn_slot", {
+        toggleDropdown: c,
         isOpen: o.value
       }, () => [
-        N(z, {
-          id: n(f),
+        z(G, {
+          id: d(k),
           type: "button",
           "data-cy": t.dataCy,
-          class: l([
+          class: n([
             "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
             t.btnClasses
           ]),
           "aria-expanded": o.value,
           "btn-class": "uikit-btn-single-selection"
         }, {
-          default: D(() => [
-            T("span", {
-              class: l(["uikit-mr-5px", t.labelClasses]),
+          default: B(() => [
+            U("span", {
+              class: n(["uikit-mr-5px", t.labelClasses]),
               innerHTML: t.btnLabel
-            }, null, 10, j),
-            t.withArrowIcon ? (c(), g(n(R), {
+            }, null, 10, Q),
+            t.withArrowIcon ? (f(), x(d(J), {
               key: 0,
-              class: l(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
+              class: n(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
               width: t.arrowWidth,
               height: t.arrowWidth,
               "stroke-color": t.arrowStrokeColor
-            }, null, 8, ["class", "width", "height", "stroke-color"])) : V("", !0)
+            }, null, 8, ["class", "width", "height", "stroke-color"])) : j("", !0)
           ]),
           _: 1
         }, 8, ["id", "data-cy", "class", "aria-expanded"])
       ]),
-      (c(), g(q(t.dropdownElement), {
-        id: "dropdown_" + n(f),
+      (f(), x(F(t.dropdownElement), {
+        id: "dropdown_" + d(k),
         ref: "dropdown",
         "data-cy": t.dataCy && `${t.dataCy}_dropdown`,
-        class: l(["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
+        class: n(["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
           t.dropdownClasses,
           o.value ? "uikit-flex" : "uikit-hidden",
           { "uikit-bottom-[55px] uikit-rounded-xs": t.direction === "up" },
@@ -111,17 +127,17 @@ const j = ["innerHTML"], X = /* @__PURE__ */ L({
           { "uikit-absolute": t.isAbsolute }
         ]]),
         "aria-hidden": !o.value,
-        onClick: a[0] || (a[0] = y(() => {
+        onClick: u[0] || (u[0] = g(() => {
         }, ["stop"]))
       }, {
-        default: D(() => [
-          C(e.$slots, "default", {
+        default: B(() => [
+          D(e.$slots, "default", {
             isOpen: o.value,
-            toggleDropdown: s,
-            activeIdx: n(m),
-            selectedIdx: n(u),
-            setActiveIdx: I,
-            setSelectedIdx: S
+            toggleDropdown: c,
+            activeIdx: d(r),
+            selectedIdx: d(i),
+            setActiveIdx: A,
+            setSelectedIdx: K
           })
         ]),
         _: 3
@@ -130,5 +146,5 @@ const j = ["innerHTML"], X = /* @__PURE__ */ L({
   }
 });
 export {
-  X as default
+  te as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.8-alpha.5",
+  "version": "2.2.8-alpha.7",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,7 +44,7 @@
     "vue": "^3.5.0",
     "date-fns": "^4.0.0",
     "@wikicasa-dev/svg-icons": "^1.2.24",
-    "@wikicasa-dev/vue-composables": "^0.0.25",
+    "@wikicasa-dev/vue-composables": "^0.0.27",
     "@wikicasa-dev/types": "^2.4.0",
     "@wikicasa-dev/utilities": "^1.2.0"
   },
@@ -64,7 +64,7 @@
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@wikicasa-dev/svg-icons": "1.2.24",
-    "@wikicasa-dev/vue-composables": "0.0.25",
+    "@wikicasa-dev/vue-composables": "0.0.27",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
     "@wikicasa-dev/types": "2.4.6",
     "@wikicasa-dev/utilities": "1.2.0",