@wikicasa-dev/components 2.2.9-alpha.26 → 2.2.9-alpha.27

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/AccessibleSelect.d.ts +5 -3
  6. package/dist/UIKit/AccessibleSelect.js +3 -2
  7. package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +1 -1
  8. package/dist/UIKit/BaseDropDown.d.ts +7 -2
  9. package/dist/assets/AccessibleSelect.css +1 -0
  10. package/dist/assets/BaseDropDown.css +1 -1
  11. package/dist/assets/tailwind.css +1 -1
  12. package/dist/index.js +84 -83
  13. package/dist/packages/components/lib/UIKit/AccessibleSelect.vue.js +146 -152
  14. package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js +73 -69
  15. package/package.json +1 -1
  16. /package/dist/assets/{swiper-thumbs.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-thumbs.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-thumbs.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-thumbs.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-thumbs.css';/* empty css */
2
+ import '../assets/swiper-keyboard.css';/* empty css */
3
3
  export {
4
4
  p as Thumbs
5
5
  };
package/dist/UIKit/AccessibleSelect.d.ts CHANGED
@@ -7,10 +7,12 @@ declare const _default: <TID, TPayload>(__VLS_props: NonNullable<Awaited<typeof
7
7
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
8
8
  readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
9
9
  readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
10
- readonly "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
11
10
  readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
12
- } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:toggleDropdown" | "onUpdate:dropdownState"> & ({
11
+ readonly "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
12
+ readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
13
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onUpdate:dropdownState" | "onUpdate:toggleDropdown" | "onUpdate:open"> & ({
13
14
  modelValue?: Optional<AccessibleSelectOptions<TPayload, TID>>;
15
+ open?: boolean;
14
16
  toggleDropdown?: Optional<boolean>;
15
17
  } & {
16
18
  label?: string;
@@ -48,7 +50,7 @@ declare const _default: <TID, TPayload>(__VLS_props: NonNullable<Awaited<typeof
48
50
  slots: {
49
51
  lefticon?(_: {}): any;
50
52
  };
51
- emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & (((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:toggleDropdown", value: Optional<boolean>) => void));
53
+ emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & (((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<TPayload, TID>>) => void) & ((evt: "update:toggleDropdown", value: Optional<boolean>) => void) & ((evt: "update:open", value: boolean) => void));
52
54
  }>) => import('vue').VNode & {
53
55
  __ctx?: Awaited<typeof __VLS_setup>;
54
56
  };
package/dist/UIKit/AccessibleSelect.js CHANGED
@@ -1,4 +1,5 @@
1
- import f from "../packages/components/lib/UIKit/AccessibleSelect.vue.js";
1
+ import o from "../packages/components/lib/UIKit/AccessibleSelect.vue.js";
2
+ import '../assets/AccessibleSelect.css';/* empty css */
2
3
  export {
3
- f as default
4
+ o as default
4
5
  };
package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts CHANGED
@@ -27,8 +27,8 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
27
27
  readonly "onUpdate:modelValue"?: ((value: Nullable<AccessibleSelectOptions<TPayload, TID>>) => any) | undefined;
28
28
  readonly onInput?: ((args_0: InputEvent) => any) | undefined;
29
29
  readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
30
- readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
31
30
  readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
31
+ readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
32
32
  readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
33
33
  readonly onInputClick?: ((args_0: MouseEvent) => any) | undefined;
34
34
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onInput" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
package/dist/UIKit/BaseDropDown.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { Nullable, Optional } from '@wikicasa-dev/types';
2
2
  import { ClassTypeProp } from './types';
3
3
  type __VLS_Props = {
4
+ dropdownAttrs?: Record<string, unknown>;
4
5
  dropdownClasses?: ClassTypeProp;
5
6
  btnClasses?: string;
6
7
  withArrowIcon?: boolean;
@@ -30,6 +31,7 @@ type __VLS_Props = {
30
31
  type __VLS_PublicProps = {
31
32
  "toggleDropdown"?: Optional<boolean>;
32
33
  "resetKeyboardController"?: boolean;
34
+ "open"?: boolean;
33
35
  } & __VLS_Props;
34
36
  declare function __VLS_template(): {
35
37
  attrs: Partial<{}>;
@@ -37,6 +39,7 @@ declare function __VLS_template(): {
37
39
  btn_slot?(_: {
38
40
  toggleDropdown: () => void;
39
41
  isOpen: boolean;
42
+ activeIdx: number;
40
43
  }): any;
41
44
  default?(_: {
42
45
  isOpen: boolean;
@@ -61,14 +64,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
61
64
  getContentElement: () => HTMLElement | null;
62
65
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
63
66
  click: () => any;
64
- "update:toggleDropdown": (value: Optional<boolean>) => any;
65
67
  "update:dropdownState": (args_0: boolean) => any;
68
+ "update:toggleDropdown": (value: Optional<boolean>) => any;
66
69
  "update:resetKeyboardController": (value: boolean) => any;
70
+ "update:open": (value: boolean) => any;
67
71
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
68
72
  onClick?: (() => any) | undefined;
69
- "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
70
73
  "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
74
+ "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
71
75
  "onUpdate:resetKeyboardController"?: ((value: boolean) => any) | undefined;
76
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
72
77
  }>, {
73
78
  arrowWidth: number;
74
79
  dataCy: string;
package/dist/assets/AccessibleSelect.css ADDED
@@ -0,0 +1 @@
1
+ .uikit-select-dropdown.uikit-dropdown-content{--dropdown-border-color: #B4C2F0;--dropdown-max-height: 225px;--dropdown-min-width: unset}.uikit-select-dropdown.uikit-dropdown-content[data-side=down]{--dropdown-border-top-width: 1px;--dropdown-border-top-left-radius: 12px;--dropdown-border-top-right-radius: 12px;--dropdown-border-bottom-left-radius: 12px;--dropdown-border-bottom-right-radius: 12px}
package/dist/assets/BaseDropDown.css CHANGED
@@ -1 +1 @@
1
- .uikit-dropdown-content{--dropdown-border-color: #E9EFFE;--dropdown-max-height: 220px;--dropdown-min-width: 90px;max-height:var(--dropdown-max-height);min-width:var(--dropdown-min-width);border-color:var(--dropdown-border-color)}
1
+ .uikit-dropdown-content{--dropdown-border-color: #E9EFFE;--dropdown-max-height: 220px;--dropdown-min-width: 90px;max-height:var(--dropdown-max-height);min-width:var(--dropdown-min-width);border-color:var(--dropdown-border-color);--dropdown-border-top-left-radius: 0px;--dropdown-border-top-right-radius: 0px;--dropdown-border-bottom-left-radius: 0px;--dropdown-border-bottom-right-radius: 0px;--dropdown-border-top-width: 1px;--dropdown-border-right-width: 1px;--dropdown-border-bottom-width: 1px;--dropdown-border-left-width: 1px;border-width:var(--dropdown-border-top-width) var(--dropdown-border-right-width) var(--dropdown-border-bottom-width) var(--dropdown-border-left-width);border-radius:var(--dropdown-border-top-left-radius) var(--dropdown-border-top-right-radius) var(--dropdown-border-bottom-right-radius) var(--dropdown-border-bottom-left-radius)}.uikit-dropdown-content[data-side=up]{--dropdown-border-top-left-radius: 12px;--dropdown-border-top-right-radius: 12px;--dropdown-border-bottom-left-radius: 12px;--dropdown-border-bottom-right-radius: 12px}.uikit-dropdown-content[data-side=down]{--dropdown-border-top-width: 0px;--dropdown-border-bottom-left-radius: 20px;--dropdown-border-bottom-right-radius: 20px}
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-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-m-20px{margin:20px}.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-\[300px\]{height:300px!important}.\!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-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-m-20px{margin:20px}.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-mt-\[7px\]{margin-top:7px}.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-\[300px\]{height:300px!important}.\!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-\[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-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-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/index.js CHANGED
@@ -1,93 +1,94 @@
1
- import { default as u } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
- import { default as i } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
3
- import { default as n } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
4
- import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
5
- import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css */
6
- import { default as C } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
7
- import { default as A } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
1
+ import { default as x } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
+ import { default as B } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
3
+ import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
4
+ import { default as b } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
5
+ import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css */
6
+ import { default as g } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
7
+ import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
8
8
  /* empty css */
9
- import { default as T } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
10
- import { default as w } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
11
- import { default as k } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
12
- import { default as v } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
13
- import { default as G } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
14
- import { default as O } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
15
- import { default as P } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
9
+ import { default as I } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
10
+ import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
11
+ import { default as D } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
12
+ import { default as F } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
13
+ import { default as M } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
14
+ import { default as R } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
15
+ /* empty css */
16
+ import { default as U } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
16
17
  /* empty css */
17
- import { default as V } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
18
+ import { default as j } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
18
19
  /* empty css */
19
- import { default as q } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
20
+ import { default as y } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
20
21
  /* empty css */
21
- import { default as z } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
22
+ import { default as E } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
22
23
  /* empty css */
23
- import { default as H } from "./packages/components/lib/UIKit/BaseButton.vue.js";
24
- import { default as K } from "./UIKit/BaseCard.js";
25
- import { default as Q } from "./UIKit/BaseComplexToggle.js";
26
- import { default as X } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
24
+ import { default as J } from "./packages/components/lib/UIKit/BaseButton.vue.js";
25
+ import { default as N } from "./UIKit/BaseCard.js";
26
+ import { default as W } from "./UIKit/BaseComplexToggle.js";
27
+ import { default as Y } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
27
28
  /* empty css */
28
- import { default as Z } from "./UIKit/BaseFloatingLabel.js";
29
- import { default as $ } from "./UIKit/BaseInput.js";
30
- import { default as ae } from "./packages/components/lib/UIKit/BasePagination.vue.js";
31
- import { default as te } from "./UIKit/BaseSlider.js";
32
- import { default as fe } from "./UIKit/BaseTextarea.js";
33
- import { default as le } from "./UIKit/BaseToggle.js";
34
- import { default as me } from "./UIKit/BaseTooltip.js";
35
- import { default as ue } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
36
- import { default as ie } from "./packages/components/lib/UIKit/BaseModal.vue.js";
29
+ import { default as _ } from "./UIKit/BaseFloatingLabel.js";
30
+ import { default as ee } from "./UIKit/BaseInput.js";
31
+ import { default as oe } from "./packages/components/lib/UIKit/BasePagination.vue.js";
32
+ import { default as re } from "./UIKit/BaseSlider.js";
33
+ import { default as se } from "./UIKit/BaseTextarea.js";
34
+ import { default as pe } from "./UIKit/BaseToggle.js";
35
+ import { default as de } from "./UIKit/BaseTooltip.js";
36
+ import { default as xe } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
37
+ import { default as Be } from "./packages/components/lib/UIKit/BaseModal.vue.js";
37
38
  /* empty css */
38
- import { default as ne } from "./UIKit/StaticSpinner.js";
39
- import { default as Se } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
40
- import { default as Ce } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
41
- import { default as Ae } from "./packages/components/lib/chart/DoughnutChart.vue.js";
42
- import { default as Te } from "./packages/components/lib/chart/LineChart.vue.js";
43
- import { default as we } from "./UIKit/Slider/SimpleSlider.js";
44
- import { default as ke } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
39
+ import { default as ce } from "./UIKit/StaticSpinner.js";
40
+ import { default as be } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
41
+ import { default as ge } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
42
+ import { default as he } from "./packages/components/lib/chart/DoughnutChart.vue.js";
43
+ import { default as Ie } from "./packages/components/lib/chart/LineChart.vue.js";
44
+ import { default as Le } from "./UIKit/Slider/SimpleSlider.js";
45
+ import { default as De } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
45
46
  /* empty css */
46
- import { default as ve } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
47
- import { default as Ge } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
48
- import { default as Oe } from "./components/carousel/SwiperCarousel.js";
49
- import { default as Pe } from "./components/carousel/SwiperSlide.js";
50
- import { default as Ve } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
47
+ import { default as Fe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
48
+ import { default as Me } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
49
+ import { default as Re } from "./components/carousel/SwiperCarousel.js";
50
+ import { default as Ue } from "./components/carousel/SwiperSlide.js";
51
+ import { default as je } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
51
52
  export {
52
- O as AccessibleSelect,
53
- u as BaseAccordion,
54
- i as BaseAccordionBtn,
55
- n as BaseAccordionContent,
56
- S as BaseAccordionItem,
57
- P as BaseAlert,
58
- V as BaseAutocomplete,
59
- z as BaseBadge,
60
- Ve as BaseBreadcrumb,
61
- H as BaseButton,
62
- K as BaseCard,
63
- Q as BaseComplexToggle,
64
- X as BaseDropDown,
65
- Z as BaseFloatingLabel,
66
- $ as BaseInput,
67
- ie as BaseModal,
68
- ae as BasePagination,
69
- Se as BaseShimmerLoader,
70
- te as BaseSlider,
71
- ke as BaseSnackbar,
72
- k as BaseTab,
73
- w as BaseTabView,
74
- fe as BaseTextarea,
75
- le as BaseToggle,
76
- me as BaseTooltip,
77
- ue as BaseUploadFile,
78
- A as CheckboxBtn,
79
- T as CheckboxGroup,
80
- q as ClearableAutocomplete,
81
- Ae as DoughnutChart,
82
- ve as IntersectionObservable,
83
- Ge as IntersectionObserver,
84
- Te as LineChart,
85
- v as RadioButton,
86
- G as RadioGroup,
87
- C as SelectItem,
88
- Ce as ShimmerMultiLine,
89
- we as SimpleSlider,
90
- ne as StaticSpinner,
91
- Oe as SwiperCarousel,
92
- Pe as SwiperSlide
53
+ R as AccessibleSelect,
54
+ x as BaseAccordion,
55
+ B as BaseAccordionBtn,
56
+ c as BaseAccordionContent,
57
+ b as BaseAccordionItem,
58
+ U as BaseAlert,
59
+ j as BaseAutocomplete,
60
+ E as BaseBadge,
61
+ je as BaseBreadcrumb,
62
+ J as BaseButton,
63
+ N as BaseCard,
64
+ W as BaseComplexToggle,
65
+ Y as BaseDropDown,
66
+ _ as BaseFloatingLabel,
67
+ ee as BaseInput,
68
+ Be as BaseModal,
69
+ oe as BasePagination,
70
+ be as BaseShimmerLoader,
71
+ re as BaseSlider,
72
+ De as BaseSnackbar,
73
+ D as BaseTab,
74
+ L as BaseTabView,
75
+ se as BaseTextarea,
76
+ pe as BaseToggle,
77
+ de as BaseTooltip,
78
+ xe as BaseUploadFile,
79
+ h as CheckboxBtn,
80
+ I as CheckboxGroup,
81
+ y as ClearableAutocomplete,
82
+ he as DoughnutChart,
83
+ Fe as IntersectionObservable,
84
+ Me as IntersectionObserver,
85
+ Ie as LineChart,
86
+ F as RadioButton,
87
+ M as RadioGroup,
88
+ g as SelectItem,
89
+ ge as ShimmerMultiLine,
90
+ Le as SimpleSlider,
91
+ ce as StaticSpinner,
92
+ Re as SwiperCarousel,
93
+ Ue as SwiperSlide
93
94
  };
package/dist/packages/components/lib/UIKit/AccessibleSelect.vue.js CHANGED
@@ -1,10 +1,11 @@
1
- import { defineComponent as H, mergeModels as $, useModel as p, useId as I, computed as M, ref as D, watch as h, onMounted as F, onUnmounted as P, createElementBlock as u, openBlock as n, normalizeClass as a, createElementVNode as o, createCommentVNode as r, withModifiers as c, renderSlot as z, unref as b, createBlock as A, createVNode as E, Fragment as V, renderList as N } from "vue";
2
- import { useKeyboardController as O } from "@wikicasa-dev/vue-composables";
3
- import { WarningIconRounded as S, ArrowIcon as q } from "@wikicasa-dev/svg-icons";
4
- const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], R = ["innerHTML"], U = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, W = ["innerHTML"], G = ["data-cy"], J = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, X = ["name", "checked", "onInput"], Y = ["innerHTML"], Z = ["id", "arial-live", "innerHTML"], _ = ["id", "arial-live", "innerHTML"], le = /* @__PURE__ */ H({
1
+ import { defineComponent as D, mergeModels as y, useModel as h, useId as F, useTemplateRef as z, computed as C, watch as A, createElementBlock as a, openBlock as l, createVNode as $, createCommentVNode as r, normalizeClass as o, withCtx as x, Fragment as M, renderList as I, withModifiers as f, createElementVNode as n, renderSlot as N, createBlock as E, unref as V } from "vue";
2
+ import { WarningIconRounded as P, ArrowIcon as R } from "@wikicasa-dev/svg-icons";
3
+ import q from "./BaseDropDown.vue.js";
4
+ import '../../../../assets/BaseDropDown.css';/* empty css */
5
+ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, U = ["id", "innerHTML"], j = ["onClick"], G = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "onClick"], W = ["innerHTML"], J = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, K = ["innerHTML"], O = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, X = ["name", "checked", "onInput"], Y = ["innerHTML"], Z = ["id", "arial-live", "innerHTML"], _ = ["id", "arial-live", "innerHTML"], ae = /* @__PURE__ */ D({
5
6
  inheritAttrs: !1,
6
7
  __name: "AccessibleSelect",
7
- props: /* @__PURE__ */ $({
8
+ props: /* @__PURE__ */ y({
8
9
  label: { default: "" },
9
10
  dropdownPosition: { default: "bottom" },
10
11
  namespace: {},
@@ -28,181 +29,174 @@ const j = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-cont
28
29
  default: () => ({ id: "", label: "" })
29
30
  },
30
31
  modelModifiers: {},
32
+ open: { type: Boolean, default: !1 },
33
+ openModifiers: {},
31
34
  toggleDropdown: { type: Boolean, default: void 0 },
32
35
  toggleDropdownModifiers: {}
33
36
  }),
34
- emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
35
- setup(e, { emit: L }) {
36
- const y = L, k = p(e, "modelValue"), g = p(e, "toggleDropdown"), T = I(), l = M(() => e.namespace || T), t = D(!1), m = M(() => !!k.value.label), { activeIdx: v, selectedIdx: B } = O({
37
- optionsLength: e.options.length,
38
- isDropdownOpen: t
39
- }), w = (i) => {
40
- t.value = !1, k.value = i;
37
+ emits: /* @__PURE__ */ y(["click", "update:dropdownState"], ["update:modelValue", "update:open", "update:toggleDropdown"]),
38
+ setup(e, { emit: T }) {
39
+ const L = T, k = h(e, "modelValue"), m = h(e, "open"), p = h(e, "toggleDropdown"), B = F(), H = z("dropdownRef"), t = C(() => e.namespace || B), v = C(() => !!k.value.label), w = (i) => {
40
+ m.value = !1, k.value = i, console.log("DEBUG:handleChange", i);
41
41
  };
42
- h(B, (i) => {
43
- w(e.options[i]), t.value = !1;
44
- }), h(g, (i) => {
45
- i && (t.value = !t.value, g.value = !1);
46
- }), h(t, (i) => {
47
- y("update:dropdownState", i);
48
- });
49
- const C = ({ target: i }) => {
50
- `${l.value}_btn` !== i.id && (t.value = !1);
51
- };
52
- return F(() => {
53
- e.closeOnBodyPressed && document.addEventListener("click", C);
54
- }), P(() => {
55
- e.closeOnBodyPressed && document.removeEventListener("click", C);
56
- }), (i, s) => (n(), u("div", {
57
- class: a(i.$attrs.class)
58
- }, [
59
- o("div", {
60
- class: a(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", e.wrapperClasses])
61
- }, [
62
- e.label ? (n(), u("label", {
63
- key: 0,
64
- id: `${l.value}_label`,
65
- class: a(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
66
- m.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
67
- e.labelClasses,
68
- { "uikit-left-9": i.$slots.lefticon && !m.value },
69
- { "uikit-left-4": !i.$slots.lefticon && !m.value }
70
- ]]),
71
- innerHTML: e.label
72
- }, null, 10, j)) : r("", !0),
73
- i.$slots.lefticon ? (n(), u("span", {
74
- key: 1,
75
- class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
76
- onClick: s[0] || (s[0] = c((d) => t.value = !t.value, ["stop"]))
77
- }, [
78
- z(i.$slots, "lefticon")
79
- ])) : r("", !0),
80
- o("button", {
81
- id: `${l.value}_btn`,
82
- ref: "btnEl",
83
- type: "button",
84
- "data-cy": e.dataCy,
85
- class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
86
- "aria-required": !!i.$attrs.required,
87
- role: "combobox",
88
- "aria-haspopup": "listbox",
89
- "aria-controls": `${l.value}_dropdown`,
90
- "aria-labelledby": `${l.value}_label ${l.value}_btn`,
91
- "aria-expanded": t.value,
92
- "aria-activedescendant": b(v) >= 0 && t.value ? `${l.value}_element_${e.options[b(v)].label}` : "",
93
- "aria-invalid": e.isValid === !1,
94
- "aria-describedby": e.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
95
- onClick: s[1] || (s[1] = (d) => {
96
- t.value = !t.value, y("click", d);
97
- })
98
- }, [
99
- o("span", {
100
- class: a(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
101
- innerHTML: k.value.visibleLabel || k.value.label
102
- }, null, 10, R),
103
- o("span", U, [
104
- e.isValid == !1 ? (n(), A(b(S), {
42
+ return A(
43
+ () => H.value?.selectedIdx,
44
+ (i) => {
45
+ i === void 0 || i === -1 || (w(e.options[i]), m.value = !1);
46
+ }
47
+ ), (i, c) => (l(), a("div", null, [
48
+ $(q, {
49
+ ref: "dropdownRef",
50
+ open: m.value,
51
+ "onUpdate:open": c[1] || (c[1] = (s) => m.value = s),
52
+ "toggle-dropdown": p.value,
53
+ "onUpdate:toggleDropdown": c[2] || (c[2] = (s) => p.value = s),
54
+ class: o([e.wrapperClasses]),
55
+ "close-when-clicked-outside": e.closeOnBodyPressed,
56
+ direction: e.dropdownPosition === "top" ? "up" : "down",
57
+ "dropdown-element": "ul",
58
+ "dropdown-classes": [
59
+ "uikit-select-dropdown uikit-z-30 uikit-mt-[7px] uikit-mb-0",
60
+ e.dropdownClasses
61
+ ],
62
+ "dropdown-attrs": {
63
+ role: "listbox",
64
+ tabindex: -1,
65
+ "aria-multiselectable": !1
66
+ }
67
+ }, {
68
+ btn_slot: x(({ toggleDropdown: s, isOpen: b, activeIdx: u }) => [
69
+ n("div", S, [
70
+ e.label ? (l(), a("label", {
105
71
  key: 0,
106
- class: "uikit-mr-1",
107
- width: 20,
108
- height: 20,
109
- "stroke-color": "#FA4F64"
110
- })) : r("", !0),
111
- E(b(q), {
112
- class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
113
- t.value ? "uikit-rotate-180" : "",
114
- e.arrowIcon?.classes
72
+ id: `${t.value}_label`,
73
+ class: o(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
74
+ v.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
75
+ e.labelClasses,
76
+ { "uikit-left-9": i.$slots.lefticon && !v.value },
77
+ { "uikit-left-4": !i.$slots.lefticon && !v.value }
115
78
  ]]),
116
- width: e.arrowIcon?.width ?? 18,
117
- height: e.arrowIcon?.height ?? 18,
118
- "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
119
- }, null, 8, ["class", "width", "height", "stroke-color"])
120
- ])
121
- ], 10, K),
122
- o("fieldset", {
123
- "aria-hidden": "true",
124
- class: a(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
125
- e.fieldsetClasses,
126
- e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
127
- {
128
- "uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger": e.border
129
- },
130
- { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
131
- ]])
132
- }, [
133
- o("legend", {
134
- class: a([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
135
- }, [
136
- e.label ? (n(), u("span", {
137
- key: 0,
138
- class: a(["uikit-mx-5px", [k.value.label ? "uikit-invisible" : "uikit-hidden"]]),
139
79
  innerHTML: e.label
140
- }, null, 10, W)) : r("", !0)
141
- ], 2)
142
- ], 2),
143
- o("ul", {
144
- "data-cy": e.dataCy && `${e.dataCy}_dropdown`,
145
- role: "listbox",
146
- tabindex: -1,
147
- "aria-multiselectable": !1,
148
- class: a(["uikit-absolute uikit-z-30 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
149
- { "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !t.value },
150
- {
151
- "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": t.value
152
- },
153
- { "uikit-bottom-[55px]": e.dropdownPosition === "top" },
154
- { "uikit-top-[55px]": e.dropdownPosition === "bottom" },
155
- e.dropdownClasses
156
- ]]),
157
- onClick: s[3] || (s[3] = c(() => {
158
- }, ["stop"]))
159
- }, [
160
- (n(!0), u(V, null, N(e.options, (d, f) => (n(), u("li", {
161
- id: `${l.value}_element_${e.options[f].label}`,
162
- key: `${d.label}_${f}`,
80
+ }, null, 10, U)) : r("", !0),
81
+ i.$slots.lefticon ? (l(), a("span", {
82
+ key: 1,
83
+ class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
84
+ onClick: f((d) => s(), ["stop"])
85
+ }, [
86
+ N(i.$slots, "lefticon")
87
+ ], 8, j)) : r("", !0),
88
+ n("button", {
89
+ id: `${t.value}_btn`,
90
+ ref: "btnEl",
91
+ type: "button",
92
+ "data-cy": e.dataCy,
93
+ class: o(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
94
+ "aria-required": !!i.$attrs.required,
95
+ role: "combobox",
96
+ "aria-haspopup": "listbox",
97
+ "aria-controls": `${t.value}_dropdown`,
98
+ "aria-labelledby": `${t.value}_label ${t.value}_btn`,
99
+ "aria-expanded": b,
100
+ "aria-activedescendant": u >= 0 && b ? `${t.value}_element_${e.options[u].label}` : "",
101
+ "aria-invalid": e.isValid === !1,
102
+ "aria-describedby": e.isValid === !1 ? `${t.value}_invalid_msg` : void 0,
103
+ onClick: (d) => {
104
+ s(), L("click", d);
105
+ }
106
+ }, [
107
+ n("span", {
108
+ class: o(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
109
+ innerHTML: k.value?.visibleLabel || k.value?.label
110
+ }, null, 10, W),
111
+ n("span", J, [
112
+ e.isValid == !1 ? (l(), E(V(P), {
113
+ key: 0,
114
+ class: "uikit-mr-1",
115
+ width: 20,
116
+ height: 20,
117
+ "stroke-color": "#FA4F64"
118
+ })) : r("", !0),
119
+ $(V(R), {
120
+ class: o(["uikit-transition-transform motion-reduce:uikit-transition-none", [b ? "uikit-rotate-180" : "", e.arrowIcon?.classes]]),
121
+ width: e.arrowIcon?.width ?? 18,
122
+ height: e.arrowIcon?.height ?? 18,
123
+ "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
124
+ }, null, 8, ["class", "width", "height", "stroke-color"])
125
+ ])
126
+ ], 10, G),
127
+ n("fieldset", {
128
+ "aria-hidden": "true",
129
+ class: o(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
130
+ e.fieldsetClasses,
131
+ e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
132
+ {
133
+ "uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger": e.border
134
+ },
135
+ { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
136
+ ]])
137
+ }, [
138
+ n("legend", {
139
+ class: o([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
140
+ }, [
141
+ e.label ? (l(), a("span", {
142
+ key: 0,
143
+ class: o(["uikit-mx-5px", [
144
+ k.value.label ? "uikit-invisible" : "uikit-hidden"
145
+ ]]),
146
+ innerHTML: e.label
147
+ }, null, 10, K)) : r("", !0)
148
+ ], 2)
149
+ ], 2)
150
+ ])
151
+ ]),
152
+ default: x(({ activeIdx: s, setActiveIdx: b }) => [
153
+ (l(!0), a(M, null, I(e.options, (u, d) => (l(), a("li", {
154
+ id: `${t.value}_element_${e.options[d].label}`,
155
+ key: `${u.label}_${d}`,
163
156
  role: "option",
164
- "aria-selected": b(v) === f,
165
- class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
166
- onClick: c((x) => w(d), ["stop"]),
167
- onMouseover: c((x) => v.value = f, ["stop"]),
168
- onBlur: s[2] || (s[2] = c(() => {
157
+ "aria-selected": s === d,
158
+ class: o(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
159
+ onClick: f((g) => w(u), ["stop"]),
160
+ onMouseover: f((g) => b(d), ["stop"]),
161
+ onBlur: c[0] || (c[0] = f(() => {
169
162
  }, ["stop"]))
170
163
  }, [
171
- o("label", Q, [
172
- o("input", {
164
+ n("label", Q, [
165
+ n("input", {
173
166
  tabindex: "-1",
174
167
  class: "uikit-m-0 uikit-appearance-none",
175
- name: `${l.value}_radio`,
168
+ name: `${t.value}_radio`,
176
169
  type: "radio",
177
- checked: d.label === k.value.label,
178
- onInput: c((x) => w(d), ["stop"])
170
+ checked: u.label === k.value.label,
171
+ onInput: f((g) => w(u), ["stop"])
179
172
  }, null, 40, X),
180
- o("span", {
181
- innerHTML: d.label
173
+ n("span", {
174
+ innerHTML: u.label
182
175
  }, null, 8, Y)
183
176
  ])
184
- ], 42, J))), 128))
185
- ], 10, G)
186
- ], 2),
187
- e.feedback ? (n(), u(V, { key: 0 }, [
188
- e.feedback.valid ? (n(), u("span", {
177
+ ], 42, O))), 128))
178
+ ]),
179
+ _: 3
180
+ }, 8, ["open", "toggle-dropdown", "class", "close-when-clicked-outside", "direction", "dropdown-classes"]),
181
+ e.feedback ? (l(), a(M, { key: 0 }, [
182
+ e.feedback.valid ? (l(), a("span", {
189
183
  key: 0,
190
- id: `${l.value}_valid_msg`,
184
+ id: `${t.value}_valid_msg`,
191
185
  "arial-live": i.$attrs["aria-live"],
192
186
  class: "uikit-mt-1 uikit-inline-block uikit-text-12",
193
187
  innerHTML: e.isValid ? e.feedback.valid : ""
194
188
  }, null, 8, Z)) : r("", !0),
195
- e.feedback.invalid ? (n(), u("span", {
189
+ e.feedback.invalid ? (l(), a("span", {
196
190
  key: 1,
197
- id: `${l.value}_invalid_msg`,
191
+ id: `${t.value}_invalid_msg`,
198
192
  "arial-live": i.$attrs["aria-live"],
199
193
  class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
200
194
  innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
201
195
  }, null, 8, _)) : r("", !0)
202
196
  ], 64)) : r("", !0)
203
- ], 2));
197
+ ]));
204
198
  }
205
199
  });
206
200
  export {
207
- le as default
201
+ ae as default
208
202
  };
package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js CHANGED
@@ -1,11 +1,12 @@
1
- import { defineComponent as N, mergeModels as E, useId as R, useModel as K, shallowRef as I, computed as V, useTemplateRef as x, onMounted as z, onUnmounted as q, watch as l, nextTick as F, createElementBlock as U, openBlock as k, normalizeClass as i, renderSlot as B, createBlock as L, createVNode as j, unref as r, withCtx as S, createElementVNode as G, createCommentVNode as J, resolveDynamicComponent as P } from "vue";
2
- import Q from "./BaseButton.vue.js";
3
- import { ArrowIcon as X } from "@wikicasa-dev/svg-icons";
4
- import { useKeyboardController as Y } from "@wikicasa-dev/vue-composables";
5
- const Z = ["innerHTML"], le = /* @__PURE__ */ N({
1
+ import { defineComponent as T, mergeModels as K, useId as N, useModel as v, shallowRef as R, computed as V, useTemplateRef as I, onMounted as z, onUnmounted as q, watch as l, nextTick as F, createElementBlock as P, openBlock as k, normalizeClass as d, renderSlot as B, createBlock as x, unref as a, createVNode as U, withCtx as A, createElementVNode as j, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q } from "vue";
2
+ import X from "./BaseButton.vue.js";
3
+ import { ArrowIcon as Y } from "@wikicasa-dev/svg-icons";
4
+ import { useKeyboardController as Z } from "@wikicasa-dev/vue-composables";
5
+ const _ = ["innerHTML"], ae = /* @__PURE__ */ T({
6
6
  inheritAttrs: !1,
7
7
  __name: "BaseDropDown",
8
- props: /* @__PURE__ */ E({
8
+ props: /* @__PURE__ */ K({
9
+ dropdownAttrs: {},
9
10
  dropdownClasses: { default: "" },
10
11
  btnClasses: { default: "" },
11
12
  withArrowIcon: { type: Boolean, default: !1 },
@@ -26,44 +27,46 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
26
27
  toggleDropdown: { type: Boolean, default: void 0 },
27
28
  toggleDropdownModifiers: {},
28
29
  resetKeyboardController: { type: Boolean, default: !1 },
29
- resetKeyboardControllerModifiers: {}
30
+ resetKeyboardControllerModifiers: {},
31
+ open: { type: Boolean, default: !1 },
32
+ openModifiers: {}
30
33
  }),
31
- emits: /* @__PURE__ */ E(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController"]),
32
- setup(t, { expose: A, emit: M }) {
33
- const n = t, v = R(), w = M, m = K(t, "toggleDropdown"), p = K(
34
+ emits: /* @__PURE__ */ K(["click", "update:dropdownState"], ["update:toggleDropdown", "update:resetKeyboardController", "update:open"]),
35
+ setup(t, { expose: L, emit: S }) {
36
+ const n = t, w = N(), m = S, p = v(t, "toggleDropdown"), y = v(
34
37
  t,
35
38
  "resetKeyboardController"
36
- );
37
- let y = !1;
38
- const o = I(!1), s = I([]), O = V(() => s.value.length), u = x("container"), c = x("dropdown"), { activeIdx: d, selectedIdx: a, onKeyDownHandler: W } = Y({
39
- optionsLength: O,
39
+ ), o = v(t, "open");
40
+ let C = !1;
41
+ const s = R([]), M = V(() => s.value.length), u = I("container"), c = I("dropdown"), { activeIdx: i, selectedIdx: r, onKeyDownHandler: O } = Z({
42
+ optionsLength: M,
40
43
  isDropdownOpen: o,
41
44
  global: !1,
42
45
  closeKeys: n.closeKeys ? n.closeKeys : []
43
- }), b = () => {
46
+ }), h = () => {
44
47
  o.value = !1, console.trace();
45
- }, C = ({ target: e }) => {
46
- u.value?.contains(e) || b();
47
- }, h = (e) => {
48
- o.value && (u.value?.contains(e.target) || b());
49
- }, $ = (e) => {
50
- n.activateKeyboardController && W(e);
48
+ }, b = ({ target: e }) => {
49
+ u.value?.contains(e) || h();
50
+ }, g = (e) => {
51
+ o.value && (u.value?.contains(e.target) || h());
52
+ }, W = (e) => {
53
+ n.activateKeyboardController && O(e);
51
54
  }, f = () => {
52
55
  n.keepState === "closed" && !o.value || n.keepState === "opened" && o.value || (o.value = !o.value);
56
+ }, $ = (e) => {
57
+ e != null && (i.value = e);
53
58
  }, H = (e) => {
54
- e != null && (d.value = e);
55
- }, T = (e) => {
56
- e != null && (a.value = e);
57
- }, g = () => {
59
+ e != null && (r.value = e);
60
+ }, D = () => {
58
61
  c.value && (s.value = Array.from(c.value.children));
59
62
  };
60
63
  return z(() => {
61
- g();
64
+ D();
62
65
  }), q(() => {
63
- n.closeWhenClickedOutside && (document.removeEventListener("click", C), document.removeEventListener("focusin", h));
64
- }), l(p, (e) => {
65
- e && (d.value = -1, a.value = -1, F(() => {
66
- g(), p.value = !1;
66
+ n.closeWhenClickedOutside && (document.removeEventListener("click", b), document.removeEventListener("focusin", g));
67
+ }), l(y, (e) => {
68
+ e && (i.value = -1, r.value = -1, F(() => {
69
+ D(), y.value = !1;
67
70
  }));
68
71
  }), l(
69
72
  () => n.openDropdown,
@@ -74,85 +77,86 @@ const Z = ["innerHTML"], le = /* @__PURE__ */ N({
74
77
  immediate: !0
75
78
  }
76
79
  ), l(o, (e) => {
77
- w("update:dropdownState", e);
80
+ m("update:dropdownState", e);
78
81
  }), l(o, (e) => {
79
- !e || y || !n.closeWhenClickedOutside || (document.addEventListener("click", C), document.addEventListener("focusin", h), y = !0);
80
- }), l(m, (e) => {
81
- e && (o.value = !o.value, m.value = !1);
82
- }), l(a, (e) => {
82
+ !e || C || !n.closeWhenClickedOutside || (document.addEventListener("click", b), document.addEventListener("focusin", g), C = !0);
83
+ }), l(p, (e) => {
84
+ e && (o.value = !o.value, p.value = !1);
85
+ }), l(r, (e) => {
83
86
  e !== -1 && s.value[e]?.querySelector("a")?.click();
84
- }), A({
85
- activeIdx: d,
86
- selectedIdx: a,
87
+ }), L({
88
+ activeIdx: i,
89
+ selectedIdx: r,
87
90
  getRootElement: () => u.value,
88
91
  getContentElement: () => c.value
89
- }), (e, D) => (k(), U("div", {
92
+ }), (e, E) => (k(), P("div", {
90
93
  ref: "container",
91
- class: i(["uikit-relative uikit-block", e.$attrs.class]),
92
- onKeydown: $
94
+ class: d(["uikit-relative uikit-block", e.$attrs.class]),
95
+ onKeydown: W
93
96
  }, [
94
97
  B(e.$slots, "btn_slot", {
95
98
  toggleDropdown: f,
96
- isOpen: o.value
99
+ isOpen: o.value,
100
+ activeIdx: a(i)
97
101
  }, () => [
98
- j(Q, {
99
- id: r(v),
102
+ U(X, {
103
+ id: a(w),
100
104
  type: "button",
101
105
  "data-cy": t.dataCy,
102
- class: i([
106
+ class: d([
103
107
  "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
104
108
  t.btnClasses
105
109
  ]),
106
110
  "aria-expanded": o.value,
107
111
  "btn-class": "uikit-btn-single-selection",
108
- onClick: D[0] || (D[0] = (_) => {
109
- w("click"), f();
112
+ onClick: E[0] || (E[0] = (ee) => {
113
+ m("click"), f();
110
114
  })
111
115
  }, {
112
- default: S(() => [
113
- G("span", {
114
- class: i(["uikit-mr-5px", t.labelClasses]),
116
+ default: A(() => [
117
+ j("span", {
118
+ class: d(["uikit-mr-5px", t.labelClasses]),
115
119
  innerHTML: t.btnLabel
116
- }, null, 10, Z),
117
- t.withArrowIcon ? (k(), L(r(X), {
120
+ }, null, 10, _),
121
+ t.withArrowIcon ? (k(), x(a(Y), {
118
122
  key: 0,
119
- class: i(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
123
+ class: d(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
120
124
  width: t.arrowWidth,
121
125
  height: t.arrowWidth,
122
126
  "stroke-color": t.arrowStrokeColor
123
- }, null, 8, ["class", "width", "height", "stroke-color"])) : J("", !0)
127
+ }, null, 8, ["class", "width", "height", "stroke-color"])) : G("", !0)
124
128
  ]),
125
129
  _: 1
126
130
  }, 8, ["id", "data-cy", "class", "aria-expanded"])
127
131
  ]),
128
- (k(), L(P(t.dropdownElement), {
129
- id: "dropdown_" + r(v),
132
+ (k(), x(J(t.dropdownElement), Q({
133
+ id: "dropdown_" + a(w),
130
134
  ref: "dropdown",
131
135
  "data-cy": t.dataCy && `${t.dataCy}_dropdown`,
132
- 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
+ class: ["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
133
137
  t.dropdownClasses,
134
138
  o.value ? "uikit-flex" : "uikit-hidden",
135
- { "uikit-bottom-[55px] uikit-rounded-xs": t.direction === "up" },
136
- { "uikit-rounded-b uikit-border-t-0": t.direction === "down" },
139
+ { "uikit-bottom-[55px]": t.direction === "up" },
137
140
  { "uikit-absolute": t.isAbsolute }
138
- ]]),
139
- "aria-hidden": !o.value
140
- }, {
141
- default: S(() => [
141
+ ]],
142
+ "aria-hidden": !o.value,
143
+ "data-side": t.direction
144
+ }, t.dropdownAttrs), {
145
+ default: A(() => [
142
146
  B(e.$slots, "default", {
143
147
  isOpen: o.value,
144
148
  toggleDropdown: f,
145
- activeIdx: r(d),
146
- selectedIdx: r(a),
147
- setActiveIdx: H,
148
- setSelectedIdx: T
149
+ activeIdx: a(i),
150
+ selectedIdx: a(r),
151
+ setActiveIdx: $,
152
+ setSelectedIdx: H
149
153
  })
150
154
  ]),
151
155
  _: 3
152
- }, 8, ["id", "data-cy", "class", "aria-hidden"]))
156
+ }, 16, ["id", "data-cy", "class", "aria-hidden", "data-side"]))
153
157
  ], 34));
154
158
  }
155
159
  });
156
160
  export {
157
- le as default
161
+ ae as default
158
162
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.2.9-alpha.26",
3
+ "version": "2.2.9-alpha.27",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",