@wikicasa-dev/components 2.0.0 → 2.0.2

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 (29) hide show
  1. package/dist/AccessibleSelect.js +1 -1
  2. package/dist/BaseAutocomplete.js +1 -1
  3. package/dist/BaseButton.js +1 -1
  4. package/dist/BaseDropDown.js +1 -1
  5. package/dist/BaseIcon.js +24 -36
  6. package/dist/BaseModal.js +1 -1
  7. package/dist/BaseTabList.js +1 -1
  8. package/dist/BaseTabView.js +1 -1
  9. package/dist/StaticSpinner.js +2 -2
  10. package/dist/UIKit/AccessibleSelect.vue.d.ts +35 -0
  11. package/dist/UIKit/BaseButton.vue.d.ts +21 -26
  12. package/dist/UIKit/BaseDropDown.vue.d.ts +3 -0
  13. package/dist/UIKit/BaseIcon.vue.d.ts +16 -49
  14. package/dist/UIKit/BaseUploadFile.vue.d.ts +2 -2
  15. package/dist/UIKit/StaticSpinner.vue.d.ts +1 -4
  16. package/dist/UIKit/types.d.ts +5 -0
  17. package/dist/assets/BaseIcon.css +1 -1
  18. package/dist/assets/StaticSpinner.css +1 -1
  19. package/dist/assets/index.css +1 -1
  20. package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.BlYI8zO3.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.MhVm5k0I.js} +43 -35
  21. package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.FVR77AHA.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.CwGssIPe.js} +1 -1
  22. package/dist/chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js +66 -0
  23. package/dist/chunks/{BaseDropDown.vue_vue_type_script_setup_true_lang.B6bPMnvl.js → BaseDropDown.vue_vue_type_script_setup_true_lang.H0XcZCcL.js} +16 -15
  24. package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.Bl0EkSNw.js → BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js} +2 -2
  25. package/dist/chunks/{BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js → BaseTabList.vue_vue_type_script_setup_true_lang.CpIiJy6I.js} +5 -4
  26. package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.CrzWV8VV.js → BaseTabView.vue_vue_type_script_setup_true_lang.DGeL_YSc.js} +8 -7
  27. package/dist/index.js +6 -6
  28. package/package.json +1 -1
  29. package/dist/chunks/BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js +0 -79
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BlYI8zO3.js";
1
+ import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.MhVm5k0I.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.FVR77AHA.js";
1
+ import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CwGssIPe.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
1
+ import { _ as f } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.B6bPMnvl.js";
1
+ import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.H0XcZCcL.js";
2
2
  export {
3
3
  f as default
4
4
  };
package/dist/BaseIcon.js CHANGED
@@ -1,40 +1,28 @@
1
- import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as n, normalizeStyle as o } from "vue";
2
- import { _ as s } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
3
- import './assets/BaseIcon.css';const r = e({
4
- name: "BaseIcon",
1
+ import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as o, normalizeStyle as s } from "vue";
2
+ import { _ as l } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
3
+ import './assets/BaseIcon.css';const n = ["id", "alt", "src", "width", "height", "loading"], r = /* @__PURE__ */ e({
4
+ __name: "BaseIcon",
5
5
  props: {
6
- lazyLoading: { type: Boolean, default: !1 },
7
- altAttribute: {
8
- type: String,
9
- default: ""
10
- },
11
- iconName: {
12
- type: String,
13
- default: ""
14
- },
15
- iconType: {
16
- type: String,
17
- default: "icon-md"
18
- },
19
- iconClass: {
20
- type: String,
21
- default: "uikit-mr-5px"
22
- }
6
+ lazyLoading: { type: Boolean },
7
+ altAttribute: {},
8
+ iconType: { default: "icon-md" },
9
+ iconClass: { default: "uikit-mr-5px" },
10
+ width: {},
11
+ height: {}
12
+ },
13
+ setup(d) {
14
+ return (t, c) => (a(), i("img", {
15
+ id: t.$attrs.id,
16
+ class: o(["uikit-inline-block", t.iconType, t.iconClass]),
17
+ alt: t.altAttribute || t.$attrs.alt,
18
+ style: s(t.$attrs.style),
19
+ src: t.$attrs.src ? t.$attrs.src : "",
20
+ width: t.width,
21
+ height: t.height,
22
+ loading: t.lazyLoading ? "lazy" : "eager"
23
+ }, null, 14, n));
23
24
  }
24
- }), l = ["id", "alt", "src", "width", "height", "loading"];
25
- function d(t, p, c, f, m, u) {
26
- return a(), i("img", {
27
- id: t.$attrs.id,
28
- class: n(["uikit-inline-block", t.iconType, t.iconClass]),
29
- alt: t.altAttribute || t.$attrs.alt,
30
- style: o(t.$attrs.style),
31
- src: t.$attrs.src ? t.$attrs.src : "",
32
- width: t.$attrs.width,
33
- height: t.$attrs.height,
34
- loading: t.lazyLoading ? "lazy" : "eager"
35
- }, null, 14, l);
36
- }
37
- const h = /* @__PURE__ */ s(r, [["render", d], ["__scopeId", "data-v-8b2e5b08"]]);
25
+ }), m = /* @__PURE__ */ l(r, [["__scopeId", "data-v-40c30bac"]]);
38
26
  export {
39
- h as default
27
+ m as default
40
28
  };
package/dist/BaseModal.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Bl0EkSNw.js";
1
+ import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
1
+ import { _ as f } from "./chunks/BaseTabList.vue_vue_type_script_setup_true_lang.CpIiJy6I.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CrzWV8VV.js";
1
+ import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DGeL_YSc.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -22,7 +22,7 @@ import './assets/StaticSpinner.css';const c = {
22
22
  }, null, 8, i)
23
23
  ]));
24
24
  }
25
- }), k = /* @__PURE__ */ n(a, [["__scopeId", "data-v-ff694776"]]);
25
+ }), d = /* @__PURE__ */ n(a, [["__scopeId", "data-v-10e0c0fd"]]);
26
26
  export {
27
- k as default
27
+ d as default
28
28
  };
@@ -1,4 +1,5 @@
1
1
  import { AccessibleSelectOptions } from './types';
2
+ import { ClassType } from '@wikicasa-dev/types';
2
3
  declare function __VLS_template(): {
3
4
  slots: {
4
5
  lefticon?(_: {}): any;
@@ -25,6 +26,16 @@ declare const __VLS_component: import('vue').DefineComponent<{
25
26
  */
26
27
  closeOnBodyPressed?: boolean;
27
28
  border?: boolean;
29
+ fieldsetClasses?: ClassType;
30
+ legendClasses?: ClassType;
31
+ dropdownClasses?: ClassType;
32
+ arrowIcon?: Partial<{
33
+ width: number;
34
+ height: number;
35
+ strokeColor: `#${string}`;
36
+ classes: ClassType;
37
+ }>;
38
+ dataCy?: string;
28
39
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
29
40
  "update:modelValue": (args_0: AccessibleSelectOptions) => any;
30
41
  }, string, import('vue').PublicProps, Readonly<{
@@ -43,15 +54,39 @@ declare const __VLS_component: import('vue').DefineComponent<{
43
54
  */
44
55
  closeOnBodyPressed?: boolean;
45
56
  border?: boolean;
57
+ fieldsetClasses?: ClassType;
58
+ legendClasses?: ClassType;
59
+ dropdownClasses?: ClassType;
60
+ arrowIcon?: Partial<{
61
+ width: number;
62
+ height: number;
63
+ strokeColor: `#${string}`;
64
+ classes: ClassType;
65
+ }>;
66
+ dataCy?: string;
46
67
  }> & Readonly<{
47
68
  "onUpdate:modelValue"?: ((args_0: AccessibleSelectOptions) => any) | undefined;
48
69
  }>, {
49
70
  label: string;
71
+ arrowIcon: Partial<{
72
+ width: number;
73
+ height: number;
74
+ strokeColor: `#${string}`;
75
+ classes: ClassType;
76
+ }>;
77
+ dataCy: string;
50
78
  isValid: boolean | null;
51
79
  modelValue: AccessibleSelectOptions;
52
80
  dropdownPosition: "top" | "bottom";
81
+ feedback: Partial<{
82
+ valid: string;
83
+ invalid: string;
84
+ }>;
53
85
  closeOnBodyPressed: boolean;
54
86
  border: boolean;
87
+ fieldsetClasses: ClassType;
88
+ legendClasses: ClassType;
89
+ dropdownClasses: ClassType;
55
90
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
56
91
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
57
92
  export default _default;
@@ -1,4 +1,5 @@
1
- import { ButtonTypes } from '@wikicasa-dev/types';
1
+ import { ButtonType } from './types';
2
+ type HTMLButtonType = "button" | "submit" | "reset" | undefined;
2
3
  declare function __VLS_template(): {
3
4
  slots: {
4
5
  default?(_: {
@@ -11,50 +12,44 @@ declare function __VLS_template(): {
11
12
  };
12
13
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
14
  declare const __VLS_component: import('vue').DefineComponent<{
14
- lazyLoadIcon?: boolean;
15
- btnClass?: ButtonTypes;
15
+ btnClass?: ButtonType;
16
16
  outlined?: boolean;
17
17
  size?: "sm" | "lg" | "";
18
- iconName?: string;
19
- iconNameHovering?: string;
20
- iconClass?: string;
21
- isEmpty?: boolean;
18
+ withMinWidth?: boolean;
22
19
  keepActive?: boolean;
23
20
  isLoading?: boolean;
24
21
  disabled?: boolean;
22
+ ariaLabel?: string;
23
+ /**
24
+ * Add the title for screen readers when the button consists of just an icon
25
+ */
26
+ title?: string;
27
+ dataCy?: string;
28
+ type?: HTMLButtonType;
25
29
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
26
30
  click: (e: Event) => any;
27
31
  mouseover: (e: Event) => any;
28
32
  mouseout: (e: Event) => any;
29
33
  }, string, import('vue').PublicProps, Readonly<{
30
- lazyLoadIcon?: boolean;
31
- btnClass?: ButtonTypes;
34
+ btnClass?: ButtonType;
32
35
  outlined?: boolean;
33
36
  size?: "sm" | "lg" | "";
34
- iconName?: string;
35
- iconNameHovering?: string;
36
- iconClass?: string;
37
- isEmpty?: boolean;
37
+ withMinWidth?: boolean;
38
38
  keepActive?: boolean;
39
39
  isLoading?: boolean;
40
40
  disabled?: boolean;
41
+ ariaLabel?: string;
42
+ /**
43
+ * Add the title for screen readers when the button consists of just an icon
44
+ */
45
+ title?: string;
46
+ dataCy?: string;
47
+ type?: HTMLButtonType;
41
48
  }> & Readonly<{
42
49
  onClick?: ((e: Event) => any) | undefined;
43
50
  onMouseover?: ((e: Event) => any) | undefined;
44
51
  onMouseout?: ((e: Event) => any) | undefined;
45
- }>, {
46
- disabled: boolean;
47
- size: "sm" | "lg" | "";
48
- iconName: string;
49
- iconClass: string;
50
- lazyLoadIcon: boolean;
51
- btnClass: ButtonTypes;
52
- outlined: boolean;
53
- iconNameHovering: string;
54
- isEmpty: boolean;
55
- keepActive: boolean;
56
- isLoading: boolean;
57
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
52
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
58
53
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
59
54
  export default _default;
60
55
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -32,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
32
32
  dropdownElement?: "div" | "ul" | "ol";
33
33
  keepState?: "opened" | "closed" | "";
34
34
  activateKeyboardController?: boolean;
35
+ dataCy?: string;
35
36
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
36
37
  click: () => any;
37
38
  "update:dropdownState": (args_0: boolean) => any;
@@ -49,11 +50,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
49
50
  dropdownElement?: "div" | "ul" | "ol";
50
51
  keepState?: "opened" | "closed" | "";
51
52
  activateKeyboardController?: boolean;
53
+ dataCy?: string;
52
54
  }> & Readonly<{
53
55
  onClick?: (() => any) | undefined;
54
56
  "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
55
57
  }>, {
56
58
  arrowWidth: number;
59
+ dataCy: string;
57
60
  btnClasses: string;
58
61
  labelClasses: ClassType;
59
62
  dropdownClasses: ClassType;
@@ -1,50 +1,17 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- lazyLoading: {
3
- type: BooleanConstructor;
4
- default: boolean;
5
- };
6
- altAttribute: {
7
- type: StringConstructor;
8
- default: string;
9
- };
10
- iconName: {
11
- type: StringConstructor;
12
- default: string;
13
- };
14
- iconType: {
15
- type: () => "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
16
- default: string;
17
- };
18
- iconClass: {
19
- type: StringConstructor;
20
- default: string;
21
- };
22
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
23
- lazyLoading: {
24
- type: BooleanConstructor;
25
- default: boolean;
26
- };
27
- altAttribute: {
28
- type: StringConstructor;
29
- default: string;
30
- };
31
- iconName: {
32
- type: StringConstructor;
33
- default: string;
34
- };
35
- iconType: {
36
- type: () => "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
37
- default: string;
38
- };
39
- iconClass: {
40
- type: StringConstructor;
41
- default: string;
42
- };
43
- }>> & Readonly<{}>, {
44
- lazyLoading: boolean;
45
- altAttribute: string;
46
- iconName: string;
47
- iconType: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
48
- iconClass: string;
49
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1
+ import { ClassType } from '@wikicasa-dev/types';
2
+ declare const _default: import('vue').DefineComponent<{
3
+ lazyLoading?: boolean;
4
+ altAttribute?: string;
5
+ iconType?: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
6
+ iconClass?: ClassType;
7
+ width?: number;
8
+ height?: number;
9
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
10
+ lazyLoading?: boolean;
11
+ altAttribute?: string;
12
+ iconType?: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
13
+ iconClass?: ClassType;
14
+ width?: number;
15
+ height?: number;
16
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
50
17
  export default _default;
@@ -34,10 +34,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
34
34
  }>, {
35
35
  clear: boolean;
36
36
  labelClasses: ClassType;
37
- labelText: string;
38
37
  fieldsetClasses: ClassType;
39
- floatingLabelClasses: ClassType;
40
38
  legendClasses: ClassType;
39
+ labelText: string;
40
+ floatingLabelClasses: ClassType;
41
41
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
42
42
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
43
43
  export default _default;
@@ -4,8 +4,5 @@ declare const _default: import('vue').DefineComponent<{
4
4
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
5
5
  thickness?: number;
6
6
  strokeColor?: string;
7
- }> & Readonly<{}>, {
8
- strokeColor: string;
9
- thickness: number;
10
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
7
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
11
8
  export default _default;
@@ -1,4 +1,5 @@
1
1
  import { ClassType, Icon, LabelItem, IconItem, AccordionItem } from '@wikicasa-dev/types';
2
+ import { TwPrefix } from '../types';
2
3
  export type CardTypes = "mini" | "vertical" | "news" | "";
3
4
  export type CardRootTypes = "div" | "article";
4
5
  /** Toggle types */
@@ -18,6 +19,7 @@ export type BaseTabProps = Partial<{
18
19
  class: string;
19
20
  "active-tab-panel-idx": number;
20
21
  "tab-panel-classes": ClassType;
22
+ "data-cy": string;
21
23
  }>;
22
24
  export type TabType = {
23
25
  renderFn: any;
@@ -52,3 +54,6 @@ export type RadioButtonType<T = unknown> = {
52
54
  active?: boolean;
53
55
  };
54
56
  export type AccordionItemDecorated<T = unknown> = Record<string | number, T & Partial<AccordionItem>>;
57
+ type BtnPrefix = "btn-";
58
+ export type ButtonType = `${TwPrefix}${BtnPrefix}${"w-primary" | "w-secondary" | "w-warning" | "w-danger" | "transparent" | "light" | "show-more" | "multi-selection" | "single-selection" | "facile"}`;
59
+ export {};
@@ -1 +1 @@
1
- .icon-sm[data-v-8b2e5b08]{width:9px;height:5px}.icon-md[data-v-8b2e5b08]{width:16px;height:16px}.icon-lg[data-v-8b2e5b08]{width:24px;height:24px}.icon-xl[data-v-8b2e5b08]{width:30px;height:30px}.icon-xxl[data-v-8b2e5b08]{width:36px;height:36px}
1
+ .icon-sm[data-v-40c30bac]{width:9px;height:5px}.icon-md[data-v-40c30bac]{width:16px;height:16px}.icon-lg[data-v-40c30bac]{width:24px;height:24px}.icon-xl[data-v-40c30bac]{width:30px;height:30px}.icon-xxl[data-v-40c30bac]{width:36px;height:36px}
@@ -1 +1 @@
1
- .icon-spin[data-v-ff694776]{animation:rotate-ff694776 2s linear infinite}.icon-spin .path[data-v-ff694776]{animation:dash-ff694776 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate-ff694776{to{transform:rotate(360deg)}}@keyframes dash-ff694776{0%{stroke-dasharray:1,275;stroke-dashoffset:0}50%{stroke-dasharray:195,275;stroke-dashoffset:-50}to{stroke-dasharray:195,275;stroke-dashoffset:-260}}
1
+ .icon-spin[data-v-10e0c0fd]{animation:rotate-10e0c0fd 2s linear infinite}.icon-spin .path[data-v-10e0c0fd]{animation:dash-10e0c0fd 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate-10e0c0fd{to{transform:rotate(360deg)}}@keyframes dash-10e0c0fd{0%{stroke-dasharray:1,275;stroke-dashoffset:0}50%{stroke-dasharray:195,275;stroke-dashoffset:-50}to{stroke-dasharray:195,275;stroke-dashoffset:-260}}
@@ -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}@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}@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}@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}@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}@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}@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}@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}@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}@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-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-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-\[0\.3rem\]{top:-.3rem}.uikit-bottom-0{bottom:0}.uikit-bottom-10px{bottom:10px}.uikit-bottom-\[3px\]{bottom:3px}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-10px{left:10px}.uikit-left-15px{left:15px}.uikit-left-4{left:1rem}.uikit-left-9{left:2.25rem}.uikit-left-\[22px\]{left:22px}.uikit-right-0{right:0}.uikit-right-15px{right:15px}.uikit-top-0{top:0}.uikit-top-15px{top:15px}.uikit-top-4{top:1rem}.uikit-top-\[55px\]{top:55px}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-z-\[2000\]{z-index:2000}.uikit-col-span-2{grid-column:span 2 / span 2}.uikit-col-span-3{grid-column:span 3 / span 3}.uikit-col-span-full{grid-column:1 / -1}.uikit-float-none{float:none}.uikit-m-0{margin:0}.uikit-m-1{margin:.25rem}.uikit-mx-10px{margin-left:10px;margin-right:10px}.uikit-mx-4{margin-left:1rem;margin-right:1rem}.uikit-mx-5px{margin-left:5px;margin-right:5px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-10px{margin-top:10px;margin-bottom:10px}.uikit-my-2{margin-top:.5rem;margin-bottom:.5rem}.uikit-my-4{margin-top:1rem;margin-bottom:1rem}.uikit-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.uikit-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.\!uikit-ml-0{margin-left:0!important}.\!uikit-mt-0{margin-top:0!important}.uikit-mb-0{margin-bottom:0}.uikit-mb-10px{margin-bottom:10px}.uikit-mb-15px{margin-bottom:15px}.uikit-mb-2{margin-bottom:.5rem}.uikit-mb-20px{margin-bottom:20px}.uikit-mb-3{margin-bottom:.75rem}.uikit-mb-30px{margin-bottom:30px}.uikit-mb-5{margin-bottom:1.25rem}.uikit-mb-5px{margin-bottom:5px}.uikit-ml-10px{margin-left:10px}.uikit-ml-2{margin-left:.5rem}.uikit-ml-\[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-mr-\[5px\]{margin-right:5px}.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-4{width:1rem;height:1rem}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.\!uikit-h-\[52px\]{height:52px!important}.\!uikit-h-\[60px\]{height:60px!important}.uikit-h-0{height:0px}.uikit-h-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-\[1em\]{height:1em}.uikit-h-\[23px\]{height:23px}.uikit-h-\[42px\]{height:42px}.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-\[210px\]{max-height:210px!important}.uikit-max-h-\[220px\]{max-height:220px}.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-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-\[90px\]{min-width:90px}.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-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-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-animate-\[backdrop-opacity_0\.3s_ease-out_0s_backwards\]{animation:backdrop-opacity .3s ease-out 0s backwards}.uikit-cursor-default{cursor:default}.uikit-cursor-pointer{cursor:pointer}.uikit-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.uikit-resize-none{resize:none}.uikit-list-none{list-style-type:none}.uikit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uikit-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.uikit-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uikit-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.uikit-grid-rows-\[0fr\]{grid-template-rows:0fr}.uikit-grid-rows-\[1fr\]{grid-template-rows:1fr}.uikit-flex-col{flex-direction:column}.uikit-flex-wrap{flex-wrap:wrap}.uikit-content-center{align-content:center}.uikit-items-center{align-items:center}.uikit-justify-center{justify-content:center}.uikit-justify-between{justify-content:space-between}.uikit-justify-around{justify-content:space-around}.uikit-justify-evenly{justify-content:space-evenly}.uikit-gap-10px{gap:10px}.uikit-gap-2{gap:.5rem}.uikit-gap-20px{gap:20px}.uikit-gap-4{gap:1rem}.uikit-gap-5{gap:1.25rem}.uikit-gap-5px{gap:5px}.uikit-gap-6{gap:1.5rem}.uikit-gap-x-15px{-moz-column-gap:15px;column-gap:15px}.uikit-gap-x-20px{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.uikit-gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.uikit-gap-y-15px{row-gap:15px}.uikit-gap-y-20px{row-gap:20px}.uikit-gap-y-6{row-gap:1.5rem}.uikit-self-end{align-self:flex-end}.uikit-overflow-auto{overflow:auto}.uikit-overflow-hidden{overflow:hidden}.uikit-overflow-y-auto{overflow-y:auto}.uikit-overflow-x-hidden{overflow-x:hidden}.uikit-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-whitespace-nowrap{white-space:nowrap}.uikit-whitespace-pre-wrap{white-space:pre-wrap}.\!uikit-rounded{border-radius:20px!important}.\!uikit-rounded-xl{border-radius:30px!important}.\!uikit-rounded-xs{border-radius:12px!important}.uikit-rounded{border-radius:20px}.uikit-rounded-2xl{border-radius:35px}.uikit-rounded-3xs{border-radius:4px}.uikit-rounded-\[10px\]{border-radius:10px}.uikit-rounded-\[11px\]{border-radius:11px}.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-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-danger{--tw-border-opacity: 1 !important;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))!important}.\!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-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-w-cultured{--tw-bg-opacity: 1 !important;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))!important}.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-contain{background-size:contain}.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-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-\[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-4{padding-top:1rem;padding-bottom:1rem}.uikit-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.uikit-py-5px,.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-30px{padding-left:30px}.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-w-secondary{--tw-text-opacity: 1 !important;color:rgb(180 194 240 / var(--tw-text-opacity, 1))!important}.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-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-\[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-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}.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}.after\:uikit-text-w-danger:after{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(250 79 100 / var(--tw-text-opacity, 1))}.after\:uikit-text-w-primary:after{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.after\:uikit-content-\[\'\*\'\]:after{--tw-content: "*";content:var(--tw-content)}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.checked\:uikit-bg-center:checked{background-position:center}.checked\:uikit-bg-no-repeat:checked{background-repeat:no-repeat}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-l-w-secondary:hover{--tw-border-opacity: 1;border-left-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-primary:hover{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:uikit-shadow-none:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.uikit-group:hover .group-hover\:uikit-cursor-pointer{cursor:pointer}.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))}@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-absolute{position:absolute}.max-sm\:uikit-relative{position:relative}.max-sm\:uikit-bottom-0{bottom:0}.max-sm\:uikit-left-0{left:0}.max-sm\:uikit-right-5{right:1.25rem}.max-sm\:uikit-mx-10px{margin-left:10px;margin-right:10px}.max-sm\:uikit-my-0{margin-top:0;margin-bottom:0}.max-sm\:uikit-max-h-\[95\%\]{max-height:95%}.max-sm\:uikit-w-full{width:100%}.max-sm\:uikit-max-w-\[80\%\]{max-width:80%}.max-sm\:uikit-rounded-bl-none{border-bottom-left-radius:0}.max-sm\:uikit-rounded-br-none{border-bottom-right-radius:0}.max-sm\:uikit-pr-0{padding-right:0}.active\:max-sm\:uikit-bg-w-cultured:active{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-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-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-16{font-size:16px;line-height:20px}.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-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-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-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))}.\[\&\.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}.\[\&_\>_svg\]\:hover\: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\: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}@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}@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}@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}@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}@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}@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}@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}@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}@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-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-\[0\.3rem\]{top:-.3rem}.uikit-bottom-0{bottom:0}.uikit-bottom-10px{bottom:10px}.uikit-bottom-\[3px\]{bottom:3px}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-10px{left:10px}.uikit-left-15px{left:15px}.uikit-left-4{left:1rem}.uikit-left-9{left:2.25rem}.uikit-left-\[22px\]{left:22px}.uikit-right-0{right:0}.uikit-right-15px{right:15px}.uikit-top-0{top:0}.uikit-top-15px{top:15px}.uikit-top-4{top:1rem}.uikit-top-\[55px\]{top:55px}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-z-\[2000\]{z-index:2000}.uikit-col-span-2{grid-column:span 2 / span 2}.uikit-col-span-3{grid-column:span 3 / span 3}.uikit-col-span-full{grid-column:1 / -1}.uikit-float-none{float:none}.uikit-m-0{margin:0}.uikit-m-1{margin:.25rem}.uikit-mx-10px{margin-left:10px;margin-right:10px}.uikit-mx-4{margin-left:1rem;margin-right:1rem}.uikit-mx-5px{margin-left:5px;margin-right:5px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-10px{margin-top:10px;margin-bottom:10px}.uikit-my-2{margin-top:.5rem;margin-bottom:.5rem}.uikit-my-4{margin-top:1rem;margin-bottom:1rem}.uikit-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.uikit-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.\!uikit-ml-0{margin-left:0!important}.\!uikit-mt-0{margin-top:0!important}.uikit-mb-0{margin-bottom:0}.uikit-mb-10px{margin-bottom:10px}.uikit-mb-15px{margin-bottom:15px}.uikit-mb-2{margin-bottom:.5rem}.uikit-mb-20px{margin-bottom:20px}.uikit-mb-3{margin-bottom:.75rem}.uikit-mb-30px{margin-bottom:30px}.uikit-mb-5{margin-bottom:1.25rem}.uikit-mb-5px{margin-bottom:5px}.uikit-ml-10px{margin-left:10px}.uikit-ml-2{margin-left:.5rem}.uikit-ml-\[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-4{width:1rem;height:1rem}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.\!uikit-h-\[52px\]{height:52px!important}.\!uikit-h-\[60px\]{height:60px!important}.uikit-h-0{height:0px}.uikit-h-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-\[1em\]{height:1em}.uikit-h-\[23px\]{height:23px}.uikit-h-\[42px\]{height:42px}.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-\[210px\]{max-height:210px!important}.uikit-max-h-\[220px\]{max-height:220px}.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-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-\[90px\]{min-width:90px}.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-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-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-animate-\[backdrop-opacity_0\.3s_ease-out_0s_backwards\]{animation:backdrop-opacity .3s ease-out 0s backwards}.uikit-cursor-default{cursor:default}.uikit-cursor-pointer{cursor:pointer}.uikit-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.uikit-resize-none{resize:none}.uikit-list-none{list-style-type:none}.uikit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uikit-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.uikit-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uikit-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.uikit-grid-rows-\[0fr\]{grid-template-rows:0fr}.uikit-grid-rows-\[1fr\]{grid-template-rows:1fr}.uikit-flex-col{flex-direction:column}.uikit-flex-wrap{flex-wrap:wrap}.uikit-content-center{align-content:center}.uikit-items-center{align-items:center}.uikit-justify-center{justify-content:center}.uikit-justify-between{justify-content:space-between}.uikit-justify-around{justify-content:space-around}.uikit-justify-evenly{justify-content:space-evenly}.uikit-gap-10px{gap:10px}.uikit-gap-2{gap:.5rem}.uikit-gap-20px{gap:20px}.uikit-gap-4{gap:1rem}.uikit-gap-5{gap:1.25rem}.uikit-gap-5px{gap:5px}.uikit-gap-6{gap:1.5rem}.uikit-gap-x-15px{-moz-column-gap:15px;column-gap:15px}.uikit-gap-x-20px{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.uikit-gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.uikit-gap-y-15px{row-gap:15px}.uikit-gap-y-20px{row-gap:20px}.uikit-gap-y-6{row-gap:1.5rem}.uikit-self-end{align-self:flex-end}.uikit-overflow-auto{overflow:auto}.uikit-overflow-hidden{overflow:hidden}.uikit-overflow-y-auto{overflow-y:auto}.uikit-overflow-x-hidden{overflow-x:hidden}.uikit-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-whitespace-nowrap{white-space:nowrap}.uikit-whitespace-pre-wrap{white-space:pre-wrap}.\!uikit-rounded{border-radius:20px!important}.\!uikit-rounded-xl{border-radius:30px!important}.\!uikit-rounded-xs{border-radius:12px!important}.uikit-rounded{border-radius:20px}.uikit-rounded-2xl{border-radius:35px}.uikit-rounded-3xs{border-radius:4px}.uikit-rounded-\[10px\]{border-radius:10px}.uikit-rounded-\[11px\]{border-radius:11px}.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-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-danger{--tw-border-opacity: 1 !important;border-color:rgb(250 79 100 / var(--tw-border-opacity, 1))!important}.\!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-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-w-cultured{--tw-bg-opacity: 1 !important;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))!important}.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-contain{background-size:contain}.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-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-\[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-4{padding-top:1rem;padding-bottom:1rem}.uikit-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.uikit-py-5px,.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-30px{padding-left:30px}.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-w-secondary{--tw-text-opacity: 1 !important;color:rgb(180 194 240 / var(--tw-text-opacity, 1))!important}.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-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-\[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-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}.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}.after\:uikit-text-w-danger:after{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(250 79 100 / var(--tw-text-opacity, 1))}.after\:uikit-text-w-primary:after{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.after\:uikit-content-\[\'\*\'\]:after{--tw-content: "*";content:var(--tw-content)}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.checked\:uikit-bg-center:checked{background-position:center}.checked\:uikit-bg-no-repeat:checked{background-repeat:no-repeat}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-l-w-secondary:hover{--tw-border-opacity: 1;border-left-color:rgb(180 194 240 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-primary:hover{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.hover\:uikit-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:uikit-shadow-none:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.uikit-group:hover .group-hover\:uikit-cursor-pointer{cursor:pointer}.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))}@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-absolute{position:absolute}.max-sm\:uikit-relative{position:relative}.max-sm\:uikit-bottom-0{bottom:0}.max-sm\:uikit-left-0{left:0}.max-sm\:uikit-right-5{right:1.25rem}.max-sm\:uikit-mx-10px{margin-left:10px;margin-right:10px}.max-sm\:uikit-my-0{margin-top:0;margin-bottom:0}.max-sm\:uikit-max-h-\[95\%\]{max-height:95%}.max-sm\:uikit-w-full{width:100%}.max-sm\:uikit-max-w-\[80\%\]{max-width:80%}.max-sm\:uikit-rounded-bl-none{border-bottom-left-radius:0}.max-sm\:uikit-rounded-br-none{border-bottom-right-radius:0}.max-sm\:uikit-pr-0{padding-right:0}.active\:max-sm\:uikit-bg-w-cultured:active{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-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-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-16{font-size:16px;line-height:20px}.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-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-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-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))}.\[\&\.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}.\[\&_\>_svg\]\:hover\: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\: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,9 +1,9 @@
1
- import { h as m, defineComponent as B, ref as $, computed as H, watch as T, onMounted as C, onUnmounted as F, openBlock as a, createElementBlock as s, normalizeClass as l, createElementVNode as o, createCommentVNode as d, withModifiers as k, renderSlot as z, unref as p, createBlock as A, createVNode as E, Fragment as g, renderList as P } from "vue";
2
- import { A as O } from "./useKeyboardController.CutKeclN.js";
3
- import { a as q } from "./ArrowIcon.CCFMdsq6.js";
4
- import { e as N } from "./PharmacyIcon.56ql_DYl.js";
5
- const j = (n, { attrs: f }) => {
6
- n = { ...N(), ...n };
1
+ import { h as m, defineComponent as M, ref as $, computed as B, watch as H, onMounted as T, onUnmounted as F, openBlock as a, createElementBlock as s, normalizeClass as l, createElementVNode as o, createCommentVNode as d, withModifiers as k, renderSlot as z, unref as p, createBlock as A, createVNode as E, Fragment as g, renderList as P } from "vue";
2
+ import { A as I } from "./useKeyboardController.CutKeclN.js";
3
+ import { a as O } from "./ArrowIcon.CCFMdsq6.js";
4
+ import { e as q } from "./PharmacyIcon.56ql_DYl.js";
5
+ const N = (n, { attrs: f }) => {
6
+ n = { ...q(), ...n };
7
7
  const { width: t, height: e } = n;
8
8
  return m(
9
9
  "svg",
@@ -36,7 +36,7 @@ const j = (n, { attrs: f }) => {
36
36
  })
37
37
  ]
38
38
  );
39
- }, D = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, S = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], G = ["innerHTML"], I = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, J = ["innerHTML"], K = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], R = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, W = ["name", "checked", "onInput"], X = ["innerHTML"], Y = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], ti = /* @__PURE__ */ B({
39
+ }, j = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, D = ["id", "innerHTML"], S = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], G = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, J = ["innerHTML"], K = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], R = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, W = ["name", "checked", "onInput"], X = ["innerHTML"], Y = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], ti = /* @__PURE__ */ M({
40
40
  inheritAttrs: !1,
41
41
  __name: "AccessibleSelect",
42
42
  props: {
@@ -49,32 +49,37 @@ const j = (n, { attrs: f }) => {
49
49
  label: ""
50
50
  }) },
51
51
  isValid: { type: [Boolean, null], default: null },
52
- feedback: {},
52
+ feedback: { default: void 0 },
53
53
  closeOnBodyPressed: { type: Boolean, default: !0 },
54
- border: { type: Boolean, default: !0 }
54
+ border: { type: Boolean, default: !0 },
55
+ fieldsetClasses: { default: "" },
56
+ legendClasses: { default: "" },
57
+ dropdownClasses: { default: "" },
58
+ arrowIcon: { default: void 0 },
59
+ dataCy: { default: "" }
55
60
  },
56
61
  emits: ["update:modelValue"],
57
62
  setup(n, { emit: f }) {
58
- const t = n, e = $(!1), V = $(null), v = H(() => !!t.modelValue.label), L = f, { activeIdx: b, selectedIdx: M } = O({
63
+ const t = n, e = $(!1), V = $(null), v = B(() => !!t.modelValue.label), C = f, { activeIdx: b, selectedIdx: L } = I({
59
64
  optionsLength: t.options.length,
60
65
  isDropdownOpen: e
61
66
  }), h = (i) => {
62
- e.value = !1, L("update:modelValue", i);
67
+ e.value = !1, C("update:modelValue", i);
63
68
  };
64
- T(M, (i) => {
69
+ H(L, (i) => {
65
70
  h(t.options[i]), e.value = !1;
66
71
  });
67
- const y = ({ target: i }) => {
72
+ const w = ({ target: i }) => {
68
73
  `${t.namespace}_btn` !== i.id && (e.value = !1);
69
74
  };
70
- return C(() => {
71
- t.closeOnBodyPressed && document && document.addEventListener("click", y);
75
+ return T(() => {
76
+ t.closeOnBodyPressed && document.addEventListener("click", w);
72
77
  }), F(() => {
73
- t.closeOnBodyPressed && document && document.removeEventListener("click", y);
78
+ t.closeOnBodyPressed && document.removeEventListener("click", w);
74
79
  }), (i, r) => (a(), s("div", {
75
80
  class: l([i.$attrs.class])
76
81
  }, [
77
- o("div", D, [
82
+ o("div", j, [
78
83
  i.label ? (a(), s("label", {
79
84
  key: 0,
80
85
  id: `${i.namespace}_label`,
@@ -85,7 +90,7 @@ const j = (n, { attrs: f }) => {
85
90
  { "uikit-left-4": !i.$slots.lefticon && !v.value }
86
91
  ]]),
87
92
  innerHTML: i.label
88
- }, null, 10, S)) : d("", !0),
93
+ }, null, 10, D)) : d("", !0),
89
94
  i.$slots.lefticon ? (a(), s("span", {
90
95
  key: 1,
91
96
  class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
@@ -98,7 +103,7 @@ const j = (n, { attrs: f }) => {
98
103
  ref_key: "btnEl",
99
104
  ref: V,
100
105
  type: "button",
101
- "data-cy": i.$attrs["data-cy"],
106
+ "data-cy": i.dataCy,
102
107
  class: l(["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", [
103
108
  i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4",
104
109
  i.$attrs["btn-classes"]
@@ -117,26 +122,29 @@ const j = (n, { attrs: f }) => {
117
122
  o("span", {
118
123
  class: l(["uikit-pointer-events-none uikit-mt-1", i.$attrs["btn-text-classes"]]),
119
124
  innerHTML: i.modelValue.visibleLabel || i.modelValue.label
120
- }, null, 10, G),
121
- o("span", I, [
122
- t.isValid == !1 ? (a(), A(p(j), {
125
+ }, null, 10, U),
126
+ o("span", G, [
127
+ t.isValid == !1 ? (a(), A(p(N), {
123
128
  key: 0,
124
129
  class: "uikit-mr-1",
125
130
  width: 20,
126
131
  height: 20
127
132
  })) : d("", !0),
128
- E(p(q), {
129
- class: l(["uikit-transition-transform motion-reduce:uikit-transition-none", e.value ? "uikit-rotate-180" : ""]),
130
- width: 18,
131
- height: 18,
132
- "stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : "#222"
133
- }, null, 8, ["class", "stroke-color"])
133
+ E(p(O), {
134
+ class: l(["uikit-transition-transform motion-reduce:uikit-transition-none", [
135
+ e.value ? "uikit-rotate-180" : "",
136
+ i.arrowIcon?.classes
137
+ ]]),
138
+ width: i.arrowIcon?.width ?? 18,
139
+ height: i.arrowIcon?.height ?? 18,
140
+ "stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : i.arrowIcon?.strokeColor ?? "#222"
141
+ }, null, 8, ["class", "width", "height", "stroke-color"])
134
142
  ])
135
- ], 10, U),
143
+ ], 10, S),
136
144
  o("fieldset", {
137
145
  "aria-hidden": "true",
138
146
  class: l(["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", [
139
- i.$attrs["fieldset-classes"],
147
+ i.fieldsetClasses,
140
148
  i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
141
149
  {
142
150
  "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": i.border
@@ -145,7 +153,7 @@ const j = (n, { attrs: f }) => {
145
153
  ]])
146
154
  }, [
147
155
  o("legend", {
148
- class: l([[i.$attrs["legend-classes"], { "uikit-m-0 uikit-w-0": !i.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
156
+ class: l([[i.legendClasses, { "uikit-m-0 uikit-w-0": !i.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
149
157
  }, [
150
158
  i.label ? (a(), s("span", {
151
159
  key: 0,
@@ -166,7 +174,7 @@ const j = (n, { attrs: f }) => {
166
174
  },
167
175
  { "uikit-bottom-[55px]": i.dropdownPosition === "top" },
168
176
  { "uikit-top-[55px]": i.dropdownPosition === "bottom" },
169
- i.$attrs["dropdown-classes"]
177
+ i.dropdownClasses
170
178
  ]]),
171
179
  onClick: r[3] || (r[3] = k(() => {
172
180
  }, ["stop"]))
@@ -177,8 +185,8 @@ const j = (n, { attrs: f }) => {
177
185
  role: "option",
178
186
  "aria-selected": p(b) === c,
179
187
  class: l(["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", i.$attrs["dropdown-item-classes"]]),
180
- onClick: k((w) => h(u), ["stop"]),
181
- onMouseover: k((w) => b.value = c, ["stop"]),
188
+ onClick: k((y) => h(u), ["stop"]),
189
+ onMouseover: k((y) => b.value = c, ["stop"]),
182
190
  onBlur: r[2] || (r[2] = k(() => {
183
191
  }, ["stop"]))
184
192
  }, [
@@ -189,7 +197,7 @@ const j = (n, { attrs: f }) => {
189
197
  name: `${i.namespace}_radio`,
190
198
  type: "radio",
191
199
  checked: u.label === i.modelValue.label,
192
- onInput: k((w) => h(u), ["stop"])
200
+ onInput: k((y) => h(u), ["stop"])
193
201
  }, null, 40, W),
194
202
  o("span", {
195
203
  innerHTML: u.label
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as L, mergeModels as S, useModel as H, ref as s, computed as k, onBeforeMount as z, watch as f, openBlock as y, createBlock as V, normalizeClass as A, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as N, Fragment as U, renderList as F, unref as W, createElementVNode as j } from "vue";
2
2
  import q from "../BaseInput.js";
3
- import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.B6bPMnvl.js";
3
+ import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.H0XcZCcL.js";
4
4
  import "./types-B0dZ7OiV.D29wNgoj.js";
5
5
  import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
6
6
  import { A as Q } from "./useKeyboardController.CutKeclN.js";
@@ -0,0 +1,66 @@
1
+ import { defineComponent as y, ref as b, computed as s, openBlock as f, createElementBlock as v, normalizeClass as B, normalizeStyle as C, withModifiers as l, renderSlot as u, createVNode as c } from "vue";
2
+ import M from "../StaticSpinner.js";
3
+ const z = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], S = /* @__PURE__ */ y({
4
+ __name: "BaseButton",
5
+ props: {
6
+ btnClass: { default: "uikit-btn-w-primary" },
7
+ outlined: { type: Boolean },
8
+ size: {},
9
+ withMinWidth: { type: Boolean, default: !0 },
10
+ keepActive: { type: Boolean },
11
+ isLoading: { type: Boolean },
12
+ disabled: { type: Boolean },
13
+ ariaLabel: {},
14
+ title: {},
15
+ dataCy: {},
16
+ type: {}
17
+ },
18
+ emits: ["mouseover", "mouseout", "click"],
19
+ setup(o, { emit: r }) {
20
+ const a = r, n = b(!1), d = s(() => o.size ? `uikit-btn-${o.size}` : ""), m = s(() => o.outlined ? "uikit-btn-outline" : ""), p = () => {
21
+ n.value = !0;
22
+ }, k = () => {
23
+ n.value = !1;
24
+ };
25
+ return (e, t) => (f(), v("button", {
26
+ id: e.$attrs.id,
27
+ "data-cy": e.dataCy,
28
+ type: e.type,
29
+ class: B([
30
+ "uikit-btn",
31
+ {
32
+ "uikit-btn-empty": !e.withMinWidth,
33
+ "active uikit-font-medium": e.keepActive,
34
+ "uikit-flex uikit-items-center uikit-justify-center": e.isLoading
35
+ },
36
+ e.btnClass,
37
+ d.value,
38
+ m.value
39
+ ]),
40
+ style: C(e.$attrs.style),
41
+ "data-active": e.keepActive,
42
+ disabled: e.isLoading || e.disabled,
43
+ "aria-label": e.ariaLabel,
44
+ title: e.title,
45
+ onMouseover: t[0] || (t[0] = l((i) => {
46
+ p(), a("mouseover", i);
47
+ }, ["stop"])),
48
+ onMouseout: t[1] || (t[1] = l((i) => {
49
+ k(), a("mouseout", i);
50
+ }, ["stop"])),
51
+ onClick: t[2] || (t[2] = (i) => a("click", i))
52
+ }, [
53
+ e.isLoading ? u(e.$slots, "spinner", { key: 1 }, () => [
54
+ c(M, {
55
+ "stroke-color": e.outlined ? "#ACB4C3" : "#fff"
56
+ }, null, 8, ["stroke-color"])
57
+ ]) : u(e.$slots, "default", {
58
+ key: 0,
59
+ hover: n.value
60
+ })
61
+ ], 46, z));
62
+ }
63
+ });
64
+ export {
65
+ S as _
66
+ };
@@ -1,9 +1,9 @@
1
- import { defineComponent as $, useId as D, ref as m, computed as L, useTemplateRef as E, watch as r, onBeforeMount as I, onMounted as S, onUnmounted as A, openBlock as s, createElementBlock as O, normalizeClass as i, withModifiers as w, renderSlot as v, createVNode as W, unref as a, withCtx as b, createElementVNode as M, createBlock as h, createCommentVNode as H, resolveDynamicComponent as N } from "vue";
2
- import { _ as T } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
1
+ import { defineComponent as D, useId as $, ref as m, computed as L, useTemplateRef as E, watch as r, onBeforeMount as I, onMounted as S, onUnmounted as A, openBlock as s, createElementBlock as O, normalizeClass as i, withModifiers as w, renderSlot as v, createVNode as W, unref as a, withCtx as b, createElementVNode as M, createBlock as h, createCommentVNode as H, resolveDynamicComponent as N } from "vue";
2
+ import { _ as T } from "./BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
3
3
  import { a as V } from "./ArrowIcon.CCFMdsq6.js";
4
4
  import "./PharmacyIcon.56ql_DYl.js";
5
5
  import { A as K } from "./useKeyboardController.CutKeclN.js";
6
- const q = ["innerHTML"], G = /* @__PURE__ */ $({
6
+ const q = ["innerHTML"], G = /* @__PURE__ */ D({
7
7
  inheritAttrs: !1,
8
8
  __name: "BaseDropDown",
9
9
  props: {
@@ -19,11 +19,12 @@ const q = ["innerHTML"], G = /* @__PURE__ */ $({
19
19
  closeWhenClickedOutside: { type: Boolean, default: !0 },
20
20
  dropdownElement: { default: "div" },
21
21
  keepState: { default: "" },
22
- activateKeyboardController: { type: Boolean, default: !0 }
22
+ activateKeyboardController: { type: Boolean, default: !0 },
23
+ dataCy: { default: "" }
23
24
  },
24
25
  emits: ["click", "update:dropdownState"],
25
26
  setup(y, { emit: C }) {
26
- const o = y, u = D(), c = C, t = m(!1), l = m([]), g = L(() => l.value.length), p = E("dropdown"), { activeIdx: B, selectedIdx: k } = K({
27
+ const o = y, u = $(), p = C, t = m(!1), n = m([]), g = L(() => n.value.length), c = E("dropdown"), { activeIdx: B, selectedIdx: k } = K({
27
28
  optionsLength: g,
28
29
  isDropdownOpen: t,
29
30
  activate: o.activateKeyboardController
@@ -37,9 +38,9 @@ const q = ["innerHTML"], G = /* @__PURE__ */ $({
37
38
  immediate: !0
38
39
  }
39
40
  ), r(t, (e) => {
40
- c("update:dropdownState", e);
41
+ p("update:dropdownState", e);
41
42
  }), r(k, (e) => {
42
- e !== -1 && l.value[e].querySelector("a")?.click();
43
+ e !== -1 && n.value[e].querySelector("a")?.click();
43
44
  });
44
45
  const f = () => {
45
46
  t.value = !1;
@@ -47,15 +48,15 @@ const q = ["innerHTML"], G = /* @__PURE__ */ $({
47
48
  o.keepState === "closed" && !t.value || o.keepState === "opened" && t.value || (t.value = !t.value);
48
49
  };
49
50
  return I(() => {
50
- o.closeWhenClickedOutside && document && document.body.addEventListener("click", f);
51
+ o.closeWhenClickedOutside && document.body.addEventListener("click", f);
51
52
  }), S(() => {
52
- p.value && (l.value = p.value.children || []);
53
+ c.value && (n.value = c.value.children || []);
53
54
  }), A(() => {
54
- o.closeWhenClickedOutside && document && document.body.removeEventListener("click", f);
55
- }), (e, n) => (s(), O("div", {
55
+ o.closeWhenClickedOutside && document.body.removeEventListener("click", f);
56
+ }), (e, l) => (s(), O("div", {
56
57
  class: i(["uikit-relative uikit-block", e.$attrs.class]),
57
- onClick: n[1] || (n[1] = w((z) => {
58
- c("click"), d();
58
+ onClick: l[1] || (l[1] = w((z) => {
59
+ p("click"), d();
59
60
  }, ["stop"]))
60
61
  }, [
61
62
  v(e.$slots, "btn_slot", {
@@ -65,7 +66,7 @@ const q = ["innerHTML"], G = /* @__PURE__ */ $({
65
66
  W(T, {
66
67
  id: a(u),
67
68
  type: "button",
68
- "data-cy": e.$attrs["data-cy"],
69
+ "data-cy": e.dataCy,
69
70
  class: i([
70
71
  "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
71
72
  e.btnClasses
@@ -101,7 +102,7 @@ const q = ["innerHTML"], G = /* @__PURE__ */ $({
101
102
  { "uikit-absolute": e.isAbsolute }
102
103
  ]]),
103
104
  "aria-hidden": !t.value,
104
- onClick: n[0] || (n[0] = w(() => {
105
+ onClick: l[0] || (l[0] = w(() => {
105
106
  }, ["stop"]))
106
107
  }, {
107
108
  default: b(() => [
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as L, ref as d, onUnmounted as B, watch as E, openBlock as k, createBlock as y, Teleport as $, createElementVNode as l, normalizeClass as o, withModifiers as v, withCtx as T, createVNode as z, unref as H, createCommentVNode as h, renderSlot as n, createElementBlock as O, nextTick as I } from "vue";
2
2
  import "./types-B0dZ7OiV.D29wNgoj.js";
3
- import { _ as K } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
3
+ import { _ as K } from "./BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
4
4
  import { l as N } from "./CloseIcon.DIkr4soH.js";
5
5
  import "./PharmacyIcon.56ql_DYl.js";
6
6
  import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("Windows"), V = (a, r) => new Promise((s, u) => {
@@ -101,7 +101,7 @@ import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("
101
101
  class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.$attrs["close-icon-btn-classes"]]),
102
102
  type: "button",
103
103
  "aria-label": "Close",
104
- "is-empty": !0,
104
+ "with-min-width": !0,
105
105
  onClick: v(i, ["prevent", "stop"])
106
106
  }, {
107
107
  default: T(() => [
@@ -1,5 +1,5 @@
1
- import { defineComponent as p, inject as l, openBlock as a, createElementBlock as r, normalizeClass as o, Fragment as m, renderList as h, unref as i, toDisplayString as C, createBlock as _, resolveDynamicComponent as y, createCommentVNode as f } from "vue";
2
- const v = ["aria-labelledby"], B = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], F = { key: 0 }, $ = /* @__PURE__ */ p({
1
+ import { defineComponent as p, inject as l, openBlock as a, createElementBlock as r, normalizeClass as o, Fragment as m, renderList as h, unref as i, toDisplayString as y, createBlock as C, resolveDynamicComponent as _, createCommentVNode as f } from "vue";
2
+ const v = ["aria-labelledby"], B = ["id", "data-cy", "aria-selected", "aria-controls", "tabindex", "onClick"], F = { key: 0 }, $ = /* @__PURE__ */ p({
3
3
  __name: "BaseTabList",
4
4
  props: {
5
5
  uid: {},
@@ -14,8 +14,9 @@ const v = ["aria-labelledby"], B = ["id", "aria-selected", "aria-controls", "tab
14
14
  class: o(n.tabListClasses)
15
15
  }, [
16
16
  (a(!0), r(m, null, h(i(d), (e, t) => (a(), r("button", {
17
- key: t,
18
17
  id: e.tabId,
18
+ key: t,
19
+ "data-cy": e["data-cy"],
19
20
  type: "button",
20
21
  role: "tab",
21
22
  "aria-selected": i(s)(t),
@@ -32,7 +33,7 @@ const v = ["aria-labelledby"], B = ["id", "aria-selected", "aria-controls", "tab
32
33
  i(b)(t), u("tabClick", k, t);
33
34
  }
34
35
  }, [
35
- e["header-title"] ? (a(), r("span", F, C(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), _(y(e.renderFn.children.header), { key: 1 })) : f("", !0)
36
+ e["header-title"] ? (a(), r("span", F, y(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), C(_(e.renderFn.children.header), { key: 1 })) : f("", !0)
36
37
  ], 10, B))), 128))
37
38
  ], 10, v));
38
39
  }
@@ -1,10 +1,10 @@
1
- import { defineComponent as E, mergeModels as k, useModel as M, ref as u, useId as N, useSlots as S, computed as z, provide as b, watch as y, openBlock as n, createElementBlock as C, normalizeClass as I, createElementVNode as j, unref as p, toDisplayString as q, createBlock as o, createCommentVNode as v, Fragment as G, renderList as H, withCtx as J, resolveDynamicComponent as K } from "vue";
1
+ import { defineComponent as E, mergeModels as y, useModel as M, ref as u, useId as N, useSlots as S, computed as z, provide as b, watch as k, openBlock as n, createElementBlock as C, normalizeClass as I, createElementVNode as j, unref as p, toDisplayString as q, createBlock as o, createCommentVNode as v, Fragment as G, renderList as H, withCtx as J, resolveDynamicComponent as K } from "vue";
2
2
  import { _ as O } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
3
- import { _ } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
3
+ import { _ } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CpIiJy6I.js";
4
4
  const Q = ["id"], Z = /* @__PURE__ */ E({
5
5
  inheritAttrs: !1,
6
6
  __name: "BaseTabView",
7
- props: /* @__PURE__ */ k({
7
+ props: /* @__PURE__ */ y({
8
8
  tabsPosition: { default: "top" },
9
9
  tabViewDescription: {},
10
10
  tabListClasses: { default: "" }
@@ -12,7 +12,7 @@ const Q = ["id"], Z = /* @__PURE__ */ E({
12
12
  activeIdx: { default: 0 },
13
13
  activeIdxModifiers: {}
14
14
  }),
15
- emits: /* @__PURE__ */ k(["tabClicked"], ["update:activeIdx"]),
15
+ emits: /* @__PURE__ */ y(["tabClicked"], ["update:activeIdx"]),
16
16
  setup(g, { emit: P }) {
17
17
  const B = P, r = M(g, "activeIdx"), $ = u(""), d = u(null), x = u(null), i = N(), f = S(), c = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
18
18
  renderFn: e,
@@ -20,7 +20,8 @@ const Q = ["id"], Z = /* @__PURE__ */ E({
20
20
  "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? a,
21
21
  "header-title": c(e)?.["header-title"] || "",
22
22
  class: c(e)?.class || "",
23
- "tab-panel-classes": c(e)?.["tab-panel-classes"] || ""
23
+ "tab-panel-classes": c(e)?.["tab-panel-classes"] || "",
24
+ "data-cy": c(e)?.["data-cy"] || ""
24
25
  }), l = z(() => f.default ? f.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
25
26
  m(t) && e.push(h(t, e.length));
26
27
  }) : m(a) && e.push(h(a, e.length)), e), []) : []);
@@ -33,7 +34,7 @@ const Q = ["id"], Z = /* @__PURE__ */ E({
33
34
  };
34
35
  b("handleClick", (e) => {
35
36
  w(e), r.value = e, B("tabClicked", { tabIdx: e });
36
- }), y(
37
+ }), k(
37
38
  r,
38
39
  (e) => {
39
40
  D(e ?? -1);
@@ -47,7 +48,7 @@ const Q = ["id"], Z = /* @__PURE__ */ E({
47
48
  if (e[t] !== a[t]) return t;
48
49
  return null;
49
50
  };
50
- return y(
51
+ return k(
51
52
  () => l.value.map((e) => e["active-tab-panel-idx"]),
52
53
  (e, a) => {
53
54
  const t = L(e, a);
package/dist/index.js CHANGED
@@ -6,17 +6,17 @@ import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.
6
6
  import { default as d } from "./CheckboxBtn.js";
7
7
  import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js";
8
8
  import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
9
- import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CrzWV8VV.js";
9
+ import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DGeL_YSc.js";
10
10
  import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
11
11
  import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
12
- import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BlYI8zO3.js";
12
+ import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.MhVm5k0I.js";
13
13
  import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
14
- import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.FVR77AHA.js";
14
+ import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CwGssIPe.js";
15
15
  import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
16
- import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
16
+ import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
17
17
  import { default as O } from "./BaseCard.js";
18
18
  import { default as R } from "./BaseComplexToggle.js";
19
- import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.B6bPMnvl.js";
19
+ import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.H0XcZCcL.js";
20
20
  import { default as q } from "./BaseFloatingLabel.js";
21
21
  import { default as z } from "./BaseIcon.js";
22
22
  import { default as H } from "./BaseInput.js";
@@ -27,7 +27,7 @@ import { default as Z } from "./BaseTextarea.js";
27
27
  import { default as ee } from "./BaseToggle.js";
28
28
  import { default as re } from "./BaseTooltip.js";
29
29
  import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
30
- import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Bl0EkSNw.js";
30
+ import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
31
31
  import { default as me } from "./BaseSnackbar.js";
32
32
  import { default as le } from "./StaticSpinner.js";
33
33
  import { default as de } from "./BaseShimmerLoader.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.0.0",
3
+ "version": "2.0.2",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -1,79 +0,0 @@
1
- import { defineComponent as v, ref as s, computed as u, onBeforeMount as b, openBlock as r, createElementBlock as B, normalizeClass as $, normalizeStyle as g, withModifiers as d, createBlock as N, createCommentVNode as z, renderSlot as m, createVNode as C } from "vue";
2
- import L from "../BaseIcon.js";
3
- import M from "../StaticSpinner.js";
4
- const H = ["id", "data-cy", "type", "data-active", "disabled", "aria-labelledby"], E = /* @__PURE__ */ v({
5
- __name: "BaseButton",
6
- props: {
7
- lazyLoadIcon: { type: Boolean, default: !0 },
8
- btnClass: { default: "uikit-btn-w-primary" },
9
- outlined: { type: Boolean, default: !1 },
10
- size: { default: "" },
11
- iconName: { default: "" },
12
- iconNameHovering: { default: "" },
13
- iconClass: { default: "uikit-mr-[5px]" },
14
- isEmpty: { type: Boolean, default: !1 },
15
- keepActive: { type: Boolean, default: !1 },
16
- isLoading: { type: Boolean, default: !1 },
17
- disabled: { type: Boolean, default: !1 }
18
- },
19
- emits: ["mouseover", "mouseout", "click"],
20
- setup(f) {
21
- const o = f, i = s(!1), n = s(""), p = u(() => o.size ? `uikit-btn-${o.size}` : ""), y = u(() => o.outlined ? "uikit-btn-outline" : "");
22
- b(() => {
23
- n.value = o.iconName ?? "";
24
- });
25
- const c = () => {
26
- i.value = !0, o.iconNameHovering && l(o.iconNameHovering);
27
- }, k = () => {
28
- i.value = !1, o.iconNameHovering && l(o.iconName);
29
- }, l = (e) => {
30
- n.value = e;
31
- };
32
- return (e, t) => (r(), B("button", {
33
- id: e.$attrs.id,
34
- "data-cy": e.$attrs["data-cy"],
35
- type: e.$attrs.type,
36
- class: $([
37
- {
38
- "uikit-btn": !e.isEmpty,
39
- "uikit-btn-empty": e.isEmpty,
40
- "active uikit-font-medium": e.keepActive,
41
- "uikit-flex uikit-items-center uikit-justify-center": e.iconName || e.isLoading
42
- },
43
- e.btnClass,
44
- p.value,
45
- y.value
46
- ]),
47
- style: g(e.$attrs.style),
48
- "data-active": e.keepActive,
49
- disabled: e.isLoading || e.disabled,
50
- "aria-labelledby": e.$attrs.id,
51
- onMouseover: t[0] || (t[0] = d((a) => {
52
- c(), e.$emit("mouseover", a);
53
- }, ["stop"])),
54
- onMouseout: t[1] || (t[1] = d((a) => {
55
- k(), e.$emit("mouseout", a);
56
- }, ["stop"])),
57
- onClick: t[2] || (t[2] = (a) => e.$emit("click", a))
58
- }, [
59
- e.iconName && !e.isLoading ? (r(), N(L, {
60
- key: e.$attrs.id ? e.$attrs.id : `btn-${e.iconName}`,
61
- "icon-name": n.value,
62
- "icon-class": e.iconClass,
63
- "alt-attribute": "button icon",
64
- "lazy-loading": e.lazyLoadIcon
65
- }, null, 8, ["icon-name", "icon-class", "lazy-loading"])) : z("", !0),
66
- e.isLoading ? m(e.$slots, "spinner", { key: 2 }, () => [
67
- C(M, {
68
- "stroke-color": e.outlined ? "#ACB4C3" : "#fff"
69
- }, null, 8, ["stroke-color"])
70
- ]) : m(e.$slots, "default", {
71
- key: 1,
72
- hover: i.value
73
- })
74
- ], 46, H));
75
- }
76
- });
77
- export {
78
- E as _
79
- };