@wikicasa-dev/components 2.2.9-alpha.2 → 2.2.9-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/Swiper/autoplay.js +1 -1
  2. package/dist/Swiper/controller.js +1 -1
  3. package/dist/Swiper/keyboard.js +1 -1
  4. package/dist/Swiper/thumbs.js +1 -1
  5. package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +9 -3
  6. package/dist/UIKit/BaseButton.d.ts +6 -2
  7. package/dist/UIKit/BaseDropDown.d.ts +9 -0
  8. package/dist/assets/tailwind.css +1 -1
  9. package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js +120 -99
  10. package/dist/packages/components/lib/UIKit/BaseButton.vue.js +26 -23
  11. package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js +45 -38
  12. package/dist/packages/components/lib/UIKit/BaseModal.vue.js +2 -2
  13. package/dist/packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js +18 -17
  14. package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js +14 -14
  15. package/package.json +3 -3
  16. /package/dist/assets/{swiper-controller.css → swiper-keyboard.css} +0 -0
package/dist/Swiper/autoplay.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Autoplay as t } from "swiper/modules";
2
- import '../assets/swiper-controller.css';/* empty css */
2
+ import '../assets/swiper-keyboard.css';/* empty css */
3
3
  export {
4
4
  t as Autoplay
5
5
  };
package/dist/Swiper/controller.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Controller as e } from "swiper/modules";
2
- import '../assets/swiper-controller.css';/* empty css */
2
+ import '../assets/swiper-keyboard.css';/* empty css */
3
3
  export {
4
4
  e as Controller
5
5
  };
package/dist/Swiper/keyboard.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Keyboard as m } from "swiper/modules";
2
- import '../assets/swiper-controller.css';/* empty css */
2
+ import '../assets/swiper-keyboard.css';/* empty css */
3
3
  export {
4
4
  m as Keyboard
5
5
  };
package/dist/Swiper/thumbs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Thumbs as p } from "swiper/modules";
2
- import '../assets/swiper-controller.css';/* empty css */
2
+ import '../assets/swiper-keyboard.css';/* empty css */
3
3
  export {
4
4
  p as Thumbs
5
5
  };
package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts CHANGED
@@ -8,27 +8,33 @@ export interface ClearableAutocompleteProps<TID extends string | number | undefi
8
8
  triggerWrapperClasses?: ClassTypeProp;
9
9
  inputWrapperClasses?: ClassTypeProp;
10
10
  inputClasses?: ClassTypeProp;
11
+ hiddenTextClasses?: ClassTypeProp;
11
12
  dropdownClasses?: ClassTypeProp;
12
13
  clearButton?: {
13
14
  classes?: ClassTypeProp;
14
15
  /** Space between the input element and the clear button */
15
16
  offset?: number;
17
+ width?: number;
18
+ height?: number;
16
19
  };
17
20
  keepState?: Nullable<"closed" | "open">;
21
+ disableCb?: boolean;
18
22
  onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<TPayload, TID>[]>;
19
23
  onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<TPayload, TID>) => void>;
20
24
  }
21
25
  declare const _default: <TID extends string | number | undefined, TPayload>(__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<{
22
26
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
23
27
  readonly "onUpdate:modelValue"?: ((value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
28
+ readonly onInput?: ((args_0: InputEvent) => any) | undefined;
24
29
  readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
25
30
  readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
26
31
  readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
32
+ readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
27
33
  readonly onInputClick?: ((args_0: MouseEvent) => any) | undefined;
28
- readonly "onUpdate:inputValue"?: ((args_0: string) => any) | undefined;
29
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:open" | "onInputClick" | "onUpdate:inputValue"> & ({
34
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onInput" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
30
35
  open?: boolean;
31
36
  modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
37
+ inputValue?: string;
32
38
  } & ClearableAutocompleteProps<TID, TPayload>) & Partial<{}>> & import('vue').PublicProps;
33
39
  expose(exposed: import('vue').ShallowUnwrapRef<{
34
40
  getRootElement: () => HTMLDivElement | null | undefined;
@@ -45,7 +51,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
45
51
  idx: number;
46
52
  }): any;
47
53
  };
48
- emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => void) & ((evt: "update:inputValue", args_0: string) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void));
54
+ emit: (((evt: "input", args_0: InputEvent) => void) & ((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "inputClick", args_0: MouseEvent) => void)) & (((evt: "update:modelValue", value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:inputValue", value: string) => void));
49
55
  }>) => import('vue').VNode & {
50
56
  __ctx?: Awaited<typeof __VLS_setup>;
51
57
  };
package/dist/UIKit/BaseButton.d.ts CHANGED
@@ -16,7 +16,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
16
16
  title?: string;
17
17
  dataCy?: string;
18
18
  type?: "button" | "submit" | "reset" | undefined;
19
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
19
+ }, {
20
+ getRootElement: () => HTMLButtonElement | null;
21
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
22
  click: (e: Event) => any;
21
23
  mouseover: (e: Event) => any;
22
24
  mouseout: (e: Event) => any;
@@ -39,7 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
39
41
  onClick?: ((e: Event) => any) | undefined;
40
42
  onMouseover?: ((e: Event) => any) | undefined;
41
43
  onMouseout?: ((e: Event) => any) | undefined;
42
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>, {
44
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
45
+ buttonEl: HTMLButtonElement;
46
+ }, HTMLButtonElement>, {
43
47
  default?(_: {
44
48
  hover: boolean;
45
49
  }): any;
package/dist/UIKit/BaseDropDown.d.ts CHANGED
@@ -18,6 +18,13 @@ type __VLS_Props = {
18
18
  dropdownElement?: "div" | "ul" | "ol";
19
19
  keepState?: "opened" | "closed" | "";
20
20
  activateKeyboardController?: boolean;
21
+ /**
22
+ * List of keys that will close the dropdown.
23
+ * For the full list of keys, see
24
+ * @link https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
25
+ * @default "Escape" and "Enter"
26
+ */
27
+ closeKeys?: false | string[];
21
28
  dataCy?: string;
22
29
  };
23
30
  type __VLS_PublicProps = {
@@ -51,6 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
51
58
  activeIdx: import('vue').Ref<number, number>;
52
59
  selectedIdx: import('vue').Ref<number, number>;
53
60
  getRootElement: () => HTMLDivElement | null;
61
+ getContentElement: () => HTMLElement | null;
54
62
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
55
63
  click: () => any;
56
64
  "update:toggleDropdown": (value: Optional<boolean>) => any;
@@ -77,6 +85,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
77
85
  dropdownElement: "div" | "ul" | "ol";
78
86
  keepState: "opened" | "closed" | "";
79
87
  activateKeyboardController: boolean;
88
+ closeKeys: false | string[];
80
89
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
81
90
  container: HTMLDivElement;
82
91
  dropdown: unknown;
package/dist/assets/tailwind.css CHANGED
@@ -1 +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-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-30px{-moz-column-gap:30px;column-gap:30px}.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}.\[font-size\:inherit\]{font-size:inherit}.\[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)}}
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-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-z-50{z-index:50}.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-30px{-moz-column-gap:30px;column-gap:30px}.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}.\[font-size\:inherit\]{font-size:inherit}.\[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/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js CHANGED
@@ -1,162 +1,183 @@
1
- import { defineComponent as L, mergeModels as M, useModel as V, useTemplateRef as m, shallowRef as p, onBeforeMount as W, watch as b, nextTick as I, createBlock as F, openBlock as C, withCtx as y, createElementBlock as N, Fragment as A, renderList as H, renderSlot as c, createElementVNode as u, normalizeClass as f, withDirectives as $, vModelText as G, toDisplayString as P, withModifiers as X, normalizeStyle as j, createTextVNode as q, vShow as J } from "vue";
2
- import Q from "../BaseDropDown.vue.js";
1
+ import { defineComponent as X, mergeModels as O, useModel as B, useId as j, useTemplateRef as d, shallowRef as c, onBeforeMount as q, watch as g, nextTick as G, createBlock as V, openBlock as T, withCtx as S, createElementBlock as J, Fragment as Q, renderList as Y, renderSlot as m, createElementVNode as s, normalizeClass as f, normalizeStyle as W, withDirectives as U, unref as Z, vModelText as _, toDisplayString as ee, withModifiers as te, createTextVNode as le, vShow as ne } from "vue";
2
+ import oe from "../BaseDropDown.vue.js";
3
3
  import '../../../../../assets/BaseDropDown.css';/* empty css */
4
- import Y from "../BaseSelect/SelectItem.vue.js";
5
- import { debounce as Z } from "@wikicasa-dev/utilities";
6
- const _ = ["readonly", "placeholder"], ee = ["innerHTML"], ue = /* @__PURE__ */ L({
4
+ import ae from "../BaseSelect/SelectItem.vue.js";
5
+ import { debounce as ie } from "@wikicasa-dev/utilities";
6
+ const ue = ["id", "data-cy", "placeholder"], se = ["innerHTML"], ke = /* @__PURE__ */ X({
7
7
  __name: "ClearableAutocomplete",
8
- props: /* @__PURE__ */ M({
8
+ props: /* @__PURE__ */ O({
9
9
  dataCy: {},
10
10
  placeholder: {},
11
11
  enableKeyboardController: { type: Boolean, default: !0 },
12
12
  triggerWrapperClasses: {},
13
13
  inputWrapperClasses: {},
14
14
  inputClasses: {},
15
+ hiddenTextClasses: {},
15
16
  dropdownClasses: {},
16
17
  clearButton: {},
17
18
  keepState: {},
19
+ disableCb: { type: Boolean, default: !1 },
18
20
  onInputChangeCb: { type: Function },
19
21
  onOptionSelectedCb: { type: [Function, null] }
20
22
  }, {
21
23
  open: { type: Boolean, default: !1 },
22
24
  openModifiers: {},
23
25
  modelValue: { default: null },
24
- modelModifiers: {}
26
+ modelModifiers: {},
27
+ inputValue: {
28
+ default: ""
29
+ },
30
+ inputValueModifiers: {}
25
31
  }),
26
- emits: /* @__PURE__ */ M(["click", "inputClick", "update:inputValue", "keydown"], ["update:open", "update:modelValue"]),
27
- setup(o, { expose: E, emit: O }) {
28
- const s = V(o, "open"), a = V(o, "modelValue"), r = O, w = m("inputRef"), n = p(a.value?.label || ""), v = p(0), k = p(!1), g = p(null), i = p([]), h = m("dropdownRef"), S = m("hiddenSpan"), R = () => {
29
- n.value = "", a.value = null, r("update:inputValue", "");
30
- }, U = async (t) => {
31
- if (r("update:inputValue", t), !t) {
32
- i.value = [], s.value = !1;
32
+ emits: /* @__PURE__ */ O(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
33
+ setup(t, { expose: E, emit: I }) {
34
+ const r = B(t, "open"), u = B(t, "modelValue"), o = B(t, "inputValue");
35
+ o.value = o.value ?? u.value?.label ?? "";
36
+ const p = I, L = j(), C = d("inputRef"), v = c(0), b = c(!1), h = c(!!u.value?.label), x = c(null), a = c([]), M = d("dropdownRef"), R = d("hiddenSpan"), z = d("inputWrapperRef"), D = d("clearButtonRef"), K = () => {
37
+ o.value = "", u.value = null;
38
+ }, N = async (l) => {
39
+ if (!l) {
40
+ a.value = [], r.value = !1;
33
41
  return;
34
42
  }
35
- i.value = await g.value?.(t) || [], k.value = !0, s.value = !!i.value.length;
36
- }, T = (t = -1) => {
37
- const e = i.value[t];
38
- !e || e.id === a.value?.id || (o.onOptionSelectedCb?.(e), n.value = e.label, s.value = !1, a.value = e, i.value = []);
39
- }, x = () => {
40
- w.value?.select();
41
- }, z = () => {
42
- w.value?.focus();
43
+ t.disableCb || (a.value = await x.value?.(l) || [], b.value = !0, r.value = !!a.value.length);
44
+ }, $ = (l = -1) => {
45
+ const e = a.value[l];
46
+ !e || e.id === u.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, r.value = !1, u.value = e, h.value = !0, a.value = []);
47
+ }, A = () => {
48
+ C.value?.select();
49
+ }, H = () => {
50
+ C.value?.focus();
43
51
  };
44
- return W(() => {
45
- g.value = Z({ delay: 300 }, o.onInputChangeCb);
46
- }), b(
47
- [n, () => S.value],
48
- ([t, e]) => {
49
- e && I(() => {
50
- if (!e) return;
51
- const l = e.offsetWidth;
52
- l !== v.value && (console.log("DEBUG:updating icon positioning", {
53
- curInputValue: t
54
- }), v.value = l);
52
+ return q(() => {
53
+ x.value = ie({ delay: 300 }, t.onInputChangeCb);
54
+ }), g(
55
+ [o, R, z, D],
56
+ ([, l, e, n]) => {
57
+ !l || !e || G(() => {
58
+ if (!l || !e) return;
59
+ const y = l.offsetWidth, k = e.offsetWidth, i = t.clearButton?.offset || 0, w = t.clearButton?.width || n?.offsetWidth || 0, P = k - i - w, F = Math.min(y, P);
60
+ F !== v.value && (v.value = F);
55
61
  });
56
62
  },
57
63
  { immediate: !0 }
58
- ), b(
59
- () => h.value?.selectedIdx,
60
- (t) => {
61
- const e = t ?? -1;
62
- e !== -1 && T(e);
64
+ ), g(
65
+ () => M.value?.selectedIdx,
66
+ (l) => {
67
+ const e = l ?? -1;
68
+ e !== -1 && $(e);
63
69
  }
64
- ), b(
65
- a,
66
- (t, e) => {
67
- t === e || t?.label === n.value || (n.value = t?.label || "");
70
+ ), g(
71
+ u,
72
+ (l, e) => {
73
+ l === e || l?.label === o.value || (o.value = l?.label || "");
68
74
  },
69
75
  { immediate: !0 }
70
76
  ), E({
71
- getRootElement: () => h.value?.getRootElement(),
72
- select: x,
73
- focus: z
74
- }), (t, e) => (C(), F(Q, {
77
+ getRootElement: () => M.value?.getRootElement(),
78
+ select: A,
79
+ focus: H
80
+ }), (l, e) => (T(), V(oe, {
75
81
  ref: "dropdownRef",
76
82
  class: "uikit-clearable-autocomplete",
77
- "data-cy": o.dataCy,
83
+ "data-cy": t.dataCy,
78
84
  "dropdown-element": "ul",
79
- "dropdown-classes": ["uikit-z-30", o.dropdownClasses],
80
- "open-dropdown": s.value,
81
- "keep-state": !i.value.length || o.keepState === "closed" ? "closed" : "opened",
82
- "activate-keyboard-controller": o.enableKeyboardController,
83
- "reset-keyboard-controller": k.value,
84
- "onUpdate:resetKeyboardController": e[4] || (e[4] = (l) => k.value = l),
85
- "onUpdate:dropdownState": e[5] || (e[5] = (l) => s.value = l)
85
+ "dropdown-classes": ["uikit-z-30", t.dropdownClasses],
86
+ "open-dropdown": r.value,
87
+ "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
88
+ "activate-keyboard-controller": t.enableKeyboardController,
89
+ "reset-keyboard-controller": b.value,
90
+ "onUpdate:resetKeyboardController": e[5] || (e[5] = (n) => b.value = n),
91
+ "onUpdate:dropdownState": e[6] || (e[6] = (n) => r.value = n)
86
92
  }, {
87
- btn_slot: y(() => [
88
- u("div", {
89
- class: f(["uikit-text-16", o.triggerWrapperClasses]),
90
- onClick: e[3] || (e[3] = (l) => r("click", l))
93
+ btn_slot: S(() => [
94
+ s("div", {
95
+ class: f(["uikit-text-16", t.triggerWrapperClasses]),
96
+ onClick: e[4] || (e[4] = (n) => p("click", n))
91
97
  }, [
92
- c(t.$slots, "left-icon"),
93
- u("div", {
94
- class: f(["uikit-relative", o.inputWrapperClasses])
98
+ m(l.$slots, "left-icon"),
99
+ s("div", {
100
+ ref: "inputWrapperRef",
101
+ class: f(["uikit-relative", t.inputWrapperClasses]),
102
+ style: W(
103
+ t.clearButton?.width ? {
104
+ paddingRight: `${t.clearButton.width}px`
105
+ } : {}
106
+ )
95
107
  }, [
96
- $(u("input", {
108
+ U(s("input", {
97
109
  ref: "inputRef",
98
110
  "onUpdate:modelValue": [
99
- e[0] || (e[0] = (l) => n.value = l),
100
- U
111
+ e[0] || (e[0] = (n) => o.value = n),
112
+ N
101
113
  ],
102
- readonly: !!a.value?.label,
114
+ id: Z(L),
115
+ "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : "",
103
116
  type: "text",
104
117
  autocomplete: "off",
105
- class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", o.inputClasses]),
118
+ class: f(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", t.inputClasses]),
106
119
  style: {
107
120
  font: "inherit",
108
121
  fontSize: "inherit"
109
122
  },
110
- placeholder: o.placeholder,
111
- onKeydown: e[1] || (e[1] = (l) => r("keydown", l)),
112
- onClick: e[2] || (e[2] = (l) => r("inputClick", l))
113
- }, null, 42, _), [
114
- [G, n.value]
123
+ placeholder: t.placeholder,
124
+ onKeydown: e[1] || (e[1] = (n) => p("keydown", n)),
125
+ onInput: e[2] || (e[2] = (n) => {
126
+ p("input", n), h.value = !1;
127
+ }),
128
+ onClick: e[3] || (e[3] = (n) => {
129
+ p("inputClick", n), C.value?.select();
130
+ })
131
+ }, null, 42, ue), [
132
+ [_, o.value]
115
133
  ]),
116
- u("span", {
134
+ s("span", {
117
135
  ref_key: "hiddenSpan",
118
- ref: S,
119
- class: "uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre",
136
+ ref: R,
137
+ class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
120
138
  style: {
121
139
  font: "inherit",
122
140
  fontSize: "inherit"
123
141
  }
124
- }, P(n.value), 513),
125
- $(u("button", {
142
+ }, ee(o.value), 3),
143
+ U(s("button", {
144
+ ref: "clearButtonRef",
126
145
  type: "button",
127
- class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", o.clearButton?.classes]),
146
+ class: f(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", t.clearButton?.classes]),
128
147
  "aria-label": "Clear input",
129
- style: j({
130
- left: `${v.value + (o.clearButton?.offset || 10)}px`
148
+ style: W({
149
+ left: `${v.value + (t.clearButton?.offset || 0)}px`,
150
+ width: t.clearButton?.width ? `${t.clearButton.width}px` : "auto",
151
+ height: t.clearButton?.height ? `${t.clearButton.height}px` : "auto"
131
152
  }),
132
- onClick: X(R, ["stop"])
153
+ onClick: te(K, ["stop"])
133
154
  }, [
134
- c(t.$slots, "clear-icon", {}, () => [
135
- e[6] || (e[6] = q("X", -1))
155
+ m(l.$slots, "clear-icon", {}, () => [
156
+ e[7] || (e[7] = le("X", -1))
136
157
  ])
137
158
  ], 6), [
138
- [J, a.value?.label]
159
+ [ne, h.value && v.value]
139
160
  ])
140
- ], 2),
141
- c(t.$slots, "right-icon")
161
+ ], 6),
162
+ m(l.$slots, "right-icon")
142
163
  ], 2)
143
164
  ]),
144
- default: y(({ activeIdx: l, setActiveIdx: D }) => [
145
- (C(!0), N(A, null, H(i.value, (B, d) => (C(), F(Y, {
146
- key: d,
147
- active: l === d,
165
+ default: S(({ activeIdx: n, setActiveIdx: y }) => [
166
+ (T(!0), J(Q, null, Y(a.value, (k, i) => (T(), V(ae, {
167
+ key: i,
168
+ active: n === i,
148
169
  class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
149
- onClick: (K) => T(d),
150
- onMouseover: (K) => D(d)
170
+ onClick: (w) => $(i),
171
+ onMouseover: (w) => y(i)
151
172
  }, {
152
- default: y(() => [
153
- c(t.$slots, "option-content", {
154
- option: B,
155
- idx: d
173
+ default: S(() => [
174
+ m(l.$slots, "option-content", {
175
+ option: k,
176
+ idx: i
156
177
  }, () => [
157
- u("span", {
158
- innerHTML: B.label
159
- }, null, 8, ee)
178
+ s("span", {
179
+ innerHTML: k.label
180
+ }, null, 8, se)
160
181
  ])
161
182
  ]),
162
183
  _: 2
@@ -167,5 +188,5 @@ const _ = ["readonly", "placeholder"], ee = ["innerHTML"], ue = /* @__PURE__ */
167
188
  }
168
189
  });
169
190
  export {
170
- ue as default
191
+ ke as default
171
192
  };
package/dist/packages/components/lib/UIKit/BaseButton.vue.js CHANGED
@@ -1,6 +1,6 @@
1
- import { defineComponent as c, ref as b, computed as l, createElementBlock as f, openBlock as v, withModifiers as s, normalizeStyle as B, normalizeClass as C, renderSlot as u, createVNode as M } from "vue";
2
- import z from "../../../../UIKit/StaticSpinner.js";
3
- const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], $ = /* @__PURE__ */ c({
1
+ import { defineComponent as y, useTemplateRef as v, shallowRef as B, computed as n, createElementBlock as C, openBlock as M, withModifiers as s, normalizeStyle as h, normalizeClass as z, renderSlot as u, createVNode as L } from "vue";
2
+ import g from "../../../../UIKit/StaticSpinner.js";
3
+ const w = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], A = /* @__PURE__ */ y({
4
4
  __name: "BaseButton",
5
5
  props: {
6
6
  btnClass: { default: "uikit-btn-w-primary" },
@@ -16,17 +16,20 @@ const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
16
16
  type: {}
17
17
  },
18
18
  emits: ["mouseover", "mouseout", "click"],
19
- setup(e, { emit: d }) {
20
- const o = d, n = b(!1), r = l(() => e.size ? `uikit-btn-${e.size}` : ""), m = l(() => e.outlined ? "uikit-btn-outline" : ""), k = () => {
21
- n.value = !0;
22
- }, y = () => {
23
- n.value = !1;
19
+ setup(e, { expose: d, emit: r }) {
20
+ const a = r, m = v("buttonEl"), l = B(!1), b = n(() => e.size ? `uikit-btn-${e.size}` : ""), c = n(() => e.outlined ? "uikit-btn-outline" : ""), f = () => {
21
+ l.value = !0;
22
+ }, k = () => {
23
+ l.value = !1;
24
24
  };
25
- return (a, t) => (v(), f("button", {
26
- id: a.$attrs.id,
25
+ return d({
26
+ getRootElement: () => m.value
27
+ }), (o, t) => (M(), C("button", {
28
+ ref: "buttonEl",
29
+ id: o.$attrs.id,
27
30
  "data-cy": e.dataCy,
28
31
  type: e.type,
29
- class: C([
32
+ class: z([
30
33
  "uikit-btn",
31
34
  {
32
35
  "uikit-btn-empty": !e.withMinWidth,
@@ -34,33 +37,33 @@ const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
34
37
  "uikit-flex uikit-items-center uikit-justify-center": e.isLoading
35
38
  },
36
39
  e.btnClass,
37
- r.value,
38
- m.value
40
+ b.value,
41
+ c.value
39
42
  ]),
40
- style: B(a.$attrs.style),
43
+ style: h(o.$attrs.style),
41
44
  "data-active": e.keepActive,
42
45
  disabled: e.isLoading || e.disabled,
43
46
  "aria-label": e.ariaLabel,
44
47
  title: e.title,
45
48
  onMouseover: t[0] || (t[0] = s((i) => {
46
- k(), o("mouseover", i);
49
+ f(), a("mouseover", i);
47
50
  }, ["stop"])),
48
51
  onMouseout: t[1] || (t[1] = s((i) => {
49
- y(), o("mouseout", i);
52
+ k(), a("mouseout", i);
50
53
  }, ["stop"])),
51
- onClick: t[2] || (t[2] = (i) => o("click", i))
54
+ onClick: t[2] || (t[2] = (i) => a("click", i))
52
55
  }, [
53
- e.isLoading ? u(a.$slots, "spinner", { key: 1 }, () => [
54
- M(z, {
56
+ e.isLoading ? u(o.$slots, "spinner", { key: 1 }, () => [
57
+ L(g, {
55
58
  "stroke-color": e.outlined ? "#ACB4C3" : "#fff"
56
59
  }, null, 8, ["stroke-color"])
57
- ]) : u(a.$slots, "default", {
60
+ ]) : u(o.$slots, "default", {
58
61
  key: 0,
59
- hover: n.value
62
+ hover: l.value
60
63
  })
61
- ], 46, L));
64
+ ], 46, w));
62
65
  }
63
66
  });
64
67
  export {
65
- $ as default
68
+ A as default
66
69
  };
package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as N, mergeModels as D, useId as R, useModel as E, shallowRef as x, computed as V, useTemplateRef as I, onMounted as z, onUnmounted as q, watch as l, nextTick as U, createElementBlock as j, openBlock as f, normalizeClass as i, renderSlot as K, createBlock as B, createVNode as F, unref as r, withCtx as L, createElementVNode as G, createCommentVNode as J, resolveDynamicComponent as P } from "vue";
1
+ import { defineComponent as N, mergeModels as D, useId as R, useModel as E, shallowRef as K, computed as V, useTemplateRef as B, onMounted as z, onUnmounted as U, watch as l, nextTick as q, createElementBlock as G, openBlock as k, normalizeClass as i, renderSlot as x, createBlock as I, createVNode as j, unref as r, withCtx as L, createElementVNode as F, createCommentVNode as J, resolveDynamicComponent as P } from "vue";
2
2
  import Q from "./BaseButton.vue.js";
3
3
  import { ArrowIcon as X } from "@wikicasa-dev/svg-icons";
4
4
  import { useKeyboardController as Y } from "@wikicasa-dev/vue-composables";
@@ -20,6 +20,7 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
20
20
  dropdownElement: { default: "div" },
21
21
  keepState: { default: "" },
22
22
  activateKeyboardController: { type: Boolean, default: !0 },
23
+ closeKeys: { type: [Boolean, Array], default: () => ["Escape", "Enter"] },
23
24
  dataCy: { default: "" }
24
25
  }, {
25
26
  toggleDropdown: { type: Boolean, default: void 0 },
@@ -29,39 +30,44 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
29
30
  }),
30
31
  emits: /* @__PURE__ */ D(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController"]),
31
32
  setup(o, { expose: S, emit: A }) {
32
- const n = o, k = R(), v = A, w = E(o, "toggleDropdown"), m = E(
33
+ const n = o, v = R(), w = A, m = E(o, "toggleDropdown"), y = E(
33
34
  o,
34
35
  "resetKeyboardController"
35
36
  );
36
37
  let p = !1;
37
- const t = x(!1), u = x([]), M = V(() => u.value.length), s = I("container"), y = I("dropdown"), { activeIdx: d, selectedIdx: a, onKeyDownHandler: O } = Y({
38
+ const t = K(!1), s = K([]), M = V(() => s.value.length), u = B("container"), c = B("dropdown"), { activeIdx: d, selectedIdx: a, onKeyDownHandler: O } = Y({
38
39
  optionsLength: M,
39
40
  isDropdownOpen: t,
40
- global: !1
41
+ global: !1,
42
+ closeKeys: n.closeKeys ? n.closeKeys : []
41
43
  }), W = () => {
42
44
  t.value = !1;
43
45
  }, b = ({ target: e }) => {
44
- s.value?.contains(e) || W();
45
- }, h = (e) => {
46
- t.value && s.value?.contains(document.activeElement) && e.key === "Tab" && (t.value = !1);
46
+ u.value?.contains(e) || W();
47
+ }, g = (e) => {
48
+ t.value && (u.value?.contains(e.target) || (t.value = !1));
47
49
  }, $ = (e) => {
48
- n.activateKeyboardController && O(e);
49
- }, c = () => {
50
+ if (!n.activateKeyboardController) {
51
+ console.log("DEBUG:not triggering kkeyboard controller");
52
+ return;
53
+ }
54
+ O(e);
55
+ }, f = () => {
50
56
  n.keepState === "closed" && !t.value || n.keepState === "opened" && t.value || (t.value = !t.value);
51
- }, T = (e) => {
52
- e != null && (d.value = e);
53
57
  }, H = (e) => {
58
+ e != null && (d.value = e);
59
+ }, T = (e) => {
54
60
  e != null && (a.value = e);
55
61
  }, C = () => {
56
- y.value && (u.value = Array.from(y.value.children));
62
+ c.value && (s.value = Array.from(c.value.children));
57
63
  };
58
64
  return z(() => {
59
65
  C();
60
- }), q(() => {
61
- n.closeWhenClickedOutside && (document.removeEventListener("click", b), document.removeEventListener("keydown", h));
62
- }), l(m, (e) => {
63
- e && (d.value = -1, a.value = -1, U(() => {
64
- C(), m.value = !1;
66
+ }), U(() => {
67
+ n.closeWhenClickedOutside && (document.removeEventListener("click", b), document.removeEventListener("focusin", g));
68
+ }), l(y, (e) => {
69
+ e && (d.value = -1, a.value = -1, q(() => {
70
+ C(), y.value = !1;
65
71
  }));
66
72
  }), l(
67
73
  () => n.openDropdown,
@@ -72,28 +78,29 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
72
78
  immediate: !0
73
79
  }
74
80
  ), l(t, (e) => {
75
- v("update:dropdownState", e);
81
+ w("update:dropdownState", e);
76
82
  }), l(t, (e) => {
77
- !e || p || !n.closeWhenClickedOutside || (document.addEventListener("click", b), document.addEventListener("keydown", h), p = !0);
78
- }), l(w, (e) => {
79
- e && (t.value = !t.value, w.value = !1);
83
+ !e || p || !n.closeWhenClickedOutside || (document.addEventListener("click", b), document.addEventListener("focusin", g), p = !0);
84
+ }), l(m, (e) => {
85
+ e && (t.value = !t.value, m.value = !1);
80
86
  }), l(a, (e) => {
81
- e !== -1 && u.value[e].querySelector("a")?.click();
87
+ e !== -1 && s.value[e]?.querySelector("a")?.click();
82
88
  }), S({
83
89
  activeIdx: d,
84
90
  selectedIdx: a,
85
- getRootElement: () => s.value
86
- }), (e, g) => (f(), j("div", {
91
+ getRootElement: () => u.value,
92
+ getContentElement: () => c.value
93
+ }), (e, h) => (k(), G("div", {
87
94
  ref: "container",
88
95
  class: i(["uikit-relative uikit-block", e.$attrs.class]),
89
96
  onKeydown: $
90
97
  }, [
91
- K(e.$slots, "btn_slot", {
92
- toggleDropdown: c,
98
+ x(e.$slots, "btn_slot", {
99
+ toggleDropdown: f,
93
100
  isOpen: t.value
94
101
  }, () => [
95
- F(Q, {
96
- id: r(k),
102
+ j(Q, {
103
+ id: r(v),
97
104
  type: "button",
98
105
  "data-cy": o.dataCy,
99
106
  class: i([
@@ -102,16 +109,16 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
102
109
  ]),
103
110
  "aria-expanded": t.value,
104
111
  "btn-class": "uikit-btn-single-selection",
105
- onClick: g[0] || (g[0] = (_) => {
106
- v("click"), c();
112
+ onClick: h[0] || (h[0] = (_) => {
113
+ w("click"), f();
107
114
  })
108
115
  }, {
109
116
  default: L(() => [
110
- G("span", {
117
+ F("span", {
111
118
  class: i(["uikit-mr-5px", o.labelClasses]),
112
119
  innerHTML: o.btnLabel
113
120
  }, null, 10, Z),
114
- o.withArrowIcon ? (f(), B(r(X), {
121
+ o.withArrowIcon ? (k(), I(r(X), {
115
122
  key: 0,
116
123
  class: i(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.value ? "uikit-rotate-180" : ""]),
117
124
  width: o.arrowWidth,
@@ -122,8 +129,8 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
122
129
  _: 1
123
130
  }, 8, ["id", "data-cy", "class", "aria-expanded"])
124
131
  ]),
125
- (f(), B(P(o.dropdownElement), {
126
- id: "dropdown_" + r(k),
132
+ (k(), I(P(o.dropdownElement), {
133
+ id: "dropdown_" + r(v),
127
134
  ref: "dropdown",
128
135
  "data-cy": o.dataCy && `${o.dataCy}_dropdown`,
129
136
  class: i(["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", [
@@ -136,13 +143,13 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
136
143
  "aria-hidden": !t.value
137
144
  }, {
138
145
  default: L(() => [
139
- K(e.$slots, "default", {
146
+ x(e.$slots, "default", {
140
147
  isOpen: t.value,
141
- toggleDropdown: c,
148
+ toggleDropdown: f,
142
149
  activeIdx: r(d),
143
150
  selectedIdx: r(a),
144
- setActiveIdx: T,
145
- setSelectedIdx: H
151
+ setActiveIdx: H,
152
+ setSelectedIdx: T
146
153
  })
147
154
  ]),
148
155
  _: 3
package/dist/packages/components/lib/UIKit/BaseModal.vue.js CHANGED
@@ -110,8 +110,8 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
110
110
  }, [
111
111
  D(K(V), {
112
112
  class: s(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
113
- width: e.closeIcon?.size || 30,
114
- height: e.closeIcon?.size || 30
113
+ width: e.closeIcon?.size || 20,
114
+ height: e.closeIcon?.size || 20
115
115
  }, null, 8, ["class", "width", "height"])
116
116
  ], 2)) : w("", !0),
117
117
  d(t.$slots, "header", { closeModal: o }, () => [
package/dist/packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as u, useTemplateRef as r, watch as m, nextTick as c, createElementBlock as d, openBlock as f, normalizeClass as k, renderSlot as v, createElementVNode as x } from "vue";
2
- const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
1
+ import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
2
+ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
3
3
  __name: "SelectItem",
4
4
  props: {
5
5
  label: { default: "" },
@@ -7,33 +7,34 @@ const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
7
7
  idx: { default: -1 }
8
8
  },
9
9
  emits: ["click", "mouseover"],
10
- setup(l, { emit: a }) {
11
- const n = a, t = l, o = r("liItem");
12
- return m(
13
- () => t.active,
10
+ setup(t, { emit: o }) {
11
+ const a = o, i = t, n = c("liItem");
12
+ return d(
13
+ () => i.active,
14
14
  (e) => {
15
- e && c(() => {
16
- o.value && o.value.focus();
15
+ e && m(() => {
16
+ n.value && n.value.focus();
17
17
  });
18
18
  },
19
19
  { immediate: !0 }
20
- ), (e, i) => (f(), d("li", {
20
+ ), (e, l) => (f(), r("li", {
21
21
  ref: "liItem",
22
- class: k(["uikit-list-none uikit-text-w-black", [
23
- { "active uikit-bg-w-cultured": l.active },
22
+ class: v(["uikit-list-none uikit-text-w-black", [
23
+ { "active uikit-bg-w-cultured": t.active },
24
24
  "uikit-outline-none",
25
25
  e.$attrs.class
26
26
  ]]),
27
+ "data-active": t.active,
27
28
  tabindex: e.$attrs.tabindex ?? -1,
28
- onClick: i[0] || (i[0] = (s) => n("click", t.idx)),
29
- onMouseover: i[1] || (i[1] = (s) => n("mouseover", t.idx))
29
+ onClick: l[0] || (l[0] = (s) => a("click", i.idx)),
30
+ onMouseover: l[1] || (l[1] = (s) => a("mouseover", i.idx))
30
31
  }, [
31
- v(e.$slots, "default", { itemIdx: l.idx }, () => [
32
+ k(e.$slots, "default", { itemIdx: t.idx }, () => [
32
33
  x("span", {
33
- innerHTML: t.label
34
- }, null, 8, b)
34
+ innerHTML: i.label
35
+ }, null, 8, p)
35
36
  ])
36
- ], 42, p));
37
+ ], 42, b));
37
38
  }
38
39
  });
39
40
  export {
package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js CHANGED
@@ -1,8 +1,8 @@
1
- import { defineComponent as p, ref as v, computed as h, watch as D, renderSlot as b, createElementVNode as E, normalizeClass as $, createElementBlock as B, createCommentVNode as A, openBlock as g, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
1
+ import { defineComponent as v, ref as D, computed as h, watch as E, renderSlot as b, createElementVNode as $, normalizeClass as g, createElementBlock as B, createCommentVNode as A, openBlock as C, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
2
2
  import { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
3
3
  import N from "./CheckboxBtn.vue.js";
4
4
  import '../../../../../assets/CheckboxBtn.css';/* empty css */
5
- const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
5
+ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
6
6
  inheritAttrs: !1,
7
7
  __name: "CheckboxGroup",
8
8
  props: {
@@ -20,14 +20,14 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
20
20
  dataCy: { default: "" }
21
21
  },
22
22
  emits: ["resetted", "update:modelValue", "checkedGroup"],
23
- setup(a, { emit: C }) {
24
- const o = a, s = C, l = v(
23
+ setup(a, { emit: y }) {
24
+ const o = a, s = y, l = D(
25
25
  /* @__PURE__ */ new Map()
26
26
  ), r = h(() => {
27
27
  for (const e of o.checkboxData)
28
28
  if (e.reset) return e;
29
29
  return null;
30
- }), y = h(() => o.checkboxData.length), f = h(() => {
30
+ }), x = h(() => o.checkboxData.length), f = h(() => {
31
31
  let e = 0;
32
32
  return l.value.forEach((t) => {
33
33
  t.checked && e++;
@@ -60,7 +60,7 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
60
60
  }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
61
61
  if (G(o.checkboxData)) return;
62
62
  const t = l.value.get(e.id);
63
- t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === y.value - 1 && l.value.forEach((n) => {
63
+ t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === x.value - 1 && l.value.forEach((n) => {
64
64
  n.checked = !!n.reset;
65
65
  }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
66
66
  const c = [];
@@ -68,7 +68,7 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
68
68
  n.checked && c.push(n);
69
69
  }), s("update:modelValue", c), s("checkedGroup", o.groupId);
70
70
  };
71
- return D(
71
+ return E(
72
72
  () => o.reset,
73
73
  (e) => {
74
74
  e && m();
@@ -78,9 +78,9 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
78
78
  handleChange: i,
79
79
  checkboxesData: a.checkboxData
80
80
  }, () => [
81
- E("div", {
81
+ $("div", {
82
82
  id: a.groupId,
83
- class: $(["checkbox-group-container", e.$attrs.class || ""]),
83
+ class: g(["checkbox-group-container", e.$attrs.class || ""]),
84
84
  "data-cy": a.dataCy
85
85
  }, [
86
86
  b(e.$slots, "checkbox_elements", {
@@ -89,19 +89,19 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
89
89
  checkboxesData: a.checkboxData,
90
90
  reset: m
91
91
  }, () => [
92
- a.checkboxData ? (g(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (g(), K(N, {
92
+ a.checkboxData ? (C(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (C(), K(N, {
93
93
  id: a.getKey(c),
94
94
  key: n,
95
95
  "data-cy": c.dataCy ?? `checkbox_${V(L)(`${c.label}`)}`,
96
96
  label: c.label,
97
97
  inline: a.formCheckInline,
98
98
  "model-value": d(c),
99
- "container-class": [
99
+ class: g([
100
100
  a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
101
101
  a.checkboxContainerClasses
102
- ],
103
- onChange: t[0] || (t[0] = (x) => i(x))
104
- }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : A("", !0)
102
+ ]),
103
+ onChange: t[0] || (t[0] = (p) => i(p))
104
+ }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : A("", !0)
105
105
  ])
106
106
  ], 10, T)
107
107
  ]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.2.9-alpha.2",
3
+ "version": "2.2.9-alpha.21",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -44,7 +44,7 @@
44
44
  "vue": "^3.5.0",
45
45
  "date-fns": "^4.0.0",
46
46
  "@wikicasa-dev/svg-icons": "^1.2.24",
47
- "@wikicasa-dev/vue-composables": "^0.0.29",
47
+ "@wikicasa-dev/vue-composables": "^0.0.32",
48
48
  "@wikicasa-dev/types": "^2.4.0",
49
49
  "@wikicasa-dev/utilities": "^1.2.0"
50
50
  },
@@ -64,7 +64,7 @@
64
64
  "@vue/eslint-config-prettier": "^10.2.0",
65
65
  "@vue/eslint-config-typescript": "^14.6.0",
66
66
  "@wikicasa-dev/svg-icons": "1.2.24",
67
- "@wikicasa-dev/vue-composables": "0.0.29",
67
+ "@wikicasa-dev/vue-composables": "0.0.32",
68
68
  "@wikicasa-dev/tailwind-plugins": "^0.0.3",
69
69
  "@wikicasa-dev/types": "2.4.6",
70
70
  "@wikicasa-dev/utilities": "1.2.0",