@wikicasa-dev/components 2.1.4-alpha.7 → 2.1.4-alpha.9
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.
- package/dist/UIKit/BaseBadge.d.ts +2 -2
- package/dist/UIKit/BaseTextarea.js +2 -2
- package/dist/assets/packages/components/lib/UIKit/BaseAlert.css +1 -1
- package/dist/assets/packages/components/lib/UIKit/BaseBadge.css +1 -1
- package/dist/assets/packages/components/lib/UIKit/BaseTextarea.css +1 -1
- package/dist/assets/packages/components/src/tailwind.css +1 -1
- package/dist/packages/components/lib/UIKit/AccessibleSelect.vue.js +20 -20
- package/dist/packages/components/lib/UIKit/BaseBadge.vue.js +5 -5
- package/dist/packages/components/lib/UIKit/BaseBanner.vue.js +9 -9
- package/dist/packages/components/lib/UIKit/BaseButton.vue.js +11 -11
- package/dist/packages/components/lib/UIKit/BaseFloatingLabel.vue.js +7 -7
- package/dist/packages/components/lib/UIKit/BaseTextarea.vue.js +8 -8
- package/dist/packages/components/lib/UIKit/BaseUploadFile.vue.js +1 -1
- package/dist/packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js +1 -1
- package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js +7 -9
- package/package.json +6 -2
- package/plugins/buttonPlugin.ts +290 -0
|
@@ -18,11 +18,11 @@ declare const badgeType: {
|
|
|
18
18
|
/**
|
|
19
19
|
* @deprecated Old style
|
|
20
20
|
*/
|
|
21
|
-
readonly "primary-sm": "uikit-badge-w-
|
|
21
|
+
readonly "primary-sm": "uikit-badge-w-pink-sm";
|
|
22
22
|
/**
|
|
23
23
|
* @deprecated Old style
|
|
24
24
|
*/
|
|
25
|
-
readonly "dark-primary": "uikit-badge-w-
|
|
25
|
+
readonly "dark-primary": "uikit-badge-w-darkblue";
|
|
26
26
|
/**
|
|
27
27
|
* @deprecated Old style
|
|
28
28
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "../packages/components/lib/UIKit/BaseTextarea.vue.js";
|
|
2
2
|
import '../assets/packages/components/lib/UIKit/BaseTextarea.css';/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e9dd2650"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #F20003}.uikit-alert.uikit-alert-w-
|
|
1
|
+
.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #F20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.toast-root{will-change:animation,transform,opacity}.toast-root[data-state=open]{animation:slideLeft .1s ease-out}.toast-root[data-state=closed]{animation:slideRight .1s ease-out}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.uikit-badge{--uikit-badge-text-color: #fff;color:var(--uikit-badge-text-color)}.uikit-badge-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1));--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-badge-outline-tag{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));padding:8px 18px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-outline-tag-listing{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:12px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-w-
|
|
1
|
+
.uikit-badge{--uikit-badge-text-color: #fff;color:var(--uikit-badge-text-color)}.uikit-badge-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 47 128 / var(--tw-text-opacity, 1));--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-badge-outline-tag{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));padding:8px 18px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-outline-tag-listing{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:12px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-badge-w-pink-sm{height:24px;border-radius:10px;--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1));font-size:10px;font-weight:500;line-height:inherit;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-w-darkblue{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));padding-left:11px;padding-right:11px}@media (min-width: 640px){.uikit-badge-w-darkblue{padding-right:8px;font-size:12px}}.uikit-badge-w-danger{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-badge-gold{background:transparent linear-gradient(125deg,#d1953b,#deb762) 0% 0% no-repeat padding-box}.uikit-badge-silver{background:transparent linear-gradient(166deg,#cbcbcb,#a7a7a7 54%,#cbcbcb) 0% 0% no-repeat padding-box}.uikit-badge-premium{background:transparent linear-gradient(151deg,#272727,#696969 52%,#272727) 0% 0% no-repeat padding-box}.uikit-badge-luxury{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.uikit-badge-alert{background-color:#2222227f}.uikit-badge-new{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-badge-discount{--uikit-badge-text-color: #222222;--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.invalid-bg[data-v-
|
|
1
|
+
.invalid-bg[data-v-e9dd2650],.valid-bg[data-v-e9dd2650]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.is-valid.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{background-color:#f20282!important}.is-invalid.textarea-scrollbar[data-v-e9dd2650]::-webkit-scrollbar-thumb{background-color:#f20003!important}
|
|
@@ -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: 24px;--btn-border-style: solid;--btn-height: 40px;--btn-width: auto;--btn-font-size: 16px;--btn-transition: color, background-color cubic-bezier(.4, 0, .2, 1) .15s;--btn-font-weight: 600;display:inline-flex;align-items:center;justify-content:center;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);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);width:var(--btn-width);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.uikit-btn-lg{--btn-height: 48px;--btn-px: 24px;--btn-py: 12px}.uikit-btn.uikit-btn-sm{--btn-px: 24px;--btn-py: 8px;--btn-height: 40px}.uikit-btn.uikit-btn-rounded{--btn-px: 0;--btn-py: 0}.uikit-btn.uikit-btn-outline{--btn-border-width: 1px;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-w-primary{--btn-bg-color: #F20282;--btn-text-color: #FFF}.uikit-btn.uikit-btn-w-primary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-w-primary:hover:not(:disabled){--btn-bg-color: #E30C79}.uikit-btn.uikit-btn-w-primary.uikit-btn-outline{--btn-border-color: ;--btn-text-color: #F20282;--btn-bg-color: #fff}.uikit-btn.uikit-btn-w-primary.uikit-btn-outline:active{--btn-bg-color: !important}.uikit-btn.uikit-btn-w-primary.uikit-btn-outline:hover{--btn-bg-color: #FFF8FB;--btn-text-color: #F20282}.uikit-btn.uikit-btn-w-primary{text-transform:uppercase}.uikit-btn.uikit-btn-w-secondary{--btn-bg-color: #2b5dff;--btn-text-color: #FFF}.uikit-btn.uikit-btn-w-secondary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-w-secondary:hover:not(:disabled){--btn-bg-color: #244FD9}.uikit-btn.uikit-btn-w-secondary.uikit-btn-outline{--btn-border-color: #2b5dff;--btn-text-color: #2b5dff;--btn-bg-color: #fff}.uikit-btn.uikit-btn-w-secondary.uikit-btn-outline:active{--btn-bg-color: #2b5dff !important}.uikit-btn.uikit-btn-w-secondary.uikit-btn-outline:hover{--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-w-ternary{--btn-bg-color: #FFF;--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-w-ternary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-w-ternary:hover:not(:disabled){--btn-text-color: #244FD9;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-w-ternary{--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-border-radius: 24px}.uikit-btn.uikit-btn-w-quaternary{--btn-px: 0;--btn-py: 0;--btn-text-color: #2b5dff;--btn-height: auto}.uikit-btn.uikit-btn-w-quaternary:hover{text-decoration:underline;--btn-text-color: #244FD9}.uikit-btn.uikit-btn-w-quaternary:disabled{--btn-bg-color: transparent;--btn-text-color: #C1C8D5}.uikit-btn.uikit-btn-single-selection{--btn-px: 16px;--btn-py: 8px;--btn-border-radius: 8px;--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-font-weight: 400px}.uikit-btn.uikit-btn-single-selection:hover{--btn-border-color: #2b5dff}.uikit-btn.uikit-btn-single-selection:active,.uikit-btn.uikit-btn-single-selection.uikit-active,.uikit-btn.uikit-btn-single-selection[data-active=true]{--btn-bg-color: #FAFBFF;--btn-text-color: #2b5dff;--btn-border-color: #2b5dff}.uikit-btn-light{--btn-bg-color: #FFF;--btn-text-color: #F20282}.uikit-btn-light:disabled{cursor:not-allowed}.uikit-btn-light:hover:not(:disabled){--btn-text-color: #F20282;--btn-bg-color: #FAFAFA}.uikit-btn-w-warning{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}.uikit-btn-w-warning:disabled{cursor:not-allowed}.uikit-btn-w-warning:hover:not(:disabled){--btn-bg-color: #F2C761}.uikit-btn-w-danger{--btn-bg-color: #FA4F64;--btn-text-color: #FFF}.uikit-btn-w-danger:disabled{cursor:not-allowed}.uikit-btn-w-danger:hover:not(:disabled){--btn-bg-color: #E0485A}.uikit-btn-w-danger.uikit-btn-outline{--btn-border-color: #FA4F64;--btn-text-color: #FA4F64;--btn-bg-color: #fff}.uikit-btn-w-danger.uikit-btn-outline:active{--btn-bg-color: #FA4F64 !important}.uikit-btn-w-danger.uikit-btn-outline:hover{--btn-text-color: #FA4F64}.uikit-btn-multi-selection{--btn-py: 10px;--btn-height: 40px;font-weight:400;--btn-border-radius: 12px;--btn-border-color: #EAEFFD;--btn-border-width: 1px;white-space:normal;--btn-bg-color: #F5F7FA;--btn-text-color: #222222}.uikit-btn-multi-selection:disabled{cursor:not-allowed}.uikit-btn-multi-selection:hover:not(:disabled){--btn-bg-color: #E9EFFE}.uikit-btn-facile{--btn-facile-color: #FF6600;--btn-facile-hover-color: #b34700;--btn-bg-color: var(--btn-facile-color);--btn-text-color: #FFF}.uikit-btn-facile:disabled{cursor:not-allowed}.uikit-btn-facile:hover:not(:disabled){--btn-text-color: #FFF;--btn-bg-color: var(--btn-facile-hover-color)}.uikit-btn-show-more{--btn-border-radius: 0;--btn-border-color: #FFF;--btn-bg-color: #FFF;--btn-text-color: #2B5DFF}.uikit-btn-show-more:disabled{cursor:not-allowed}.uikit-btn-show-more:hover:not(:disabled){--btn-text-color: #3646B3;--btn-bg-color: #FFF}.uikit-btn-transparent{--border-color: transparent;--btn-px: 0;--btn-py: 0}.uikit-btn-transparent:hover{--btn-bg-color: transparent;--border-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-invisible{visibility:hidden}.\!uikit-static{position:static!important}.uikit-static{position:static}.uikit-fixed{position:fixed}.uikit-absolute{position:absolute}.uikit-relative{position:relative}.uikit-sticky{position:sticky}.-uikit-left-\[20px\]{left:-20px}.-uikit-right-1\/2{right:-50%}.-uikit-right-\[20px\]{right:-20px}.-uikit-right-sm{right:-12px}.-uikit-top-\[0\.3rem\]{top:-.3rem}.-uikit-top-sm{top:-12px}.uikit-bottom-0{bottom:0}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-1\/2{left:50%}.uikit-left-\[22px\]{left:22px}.uikit-left-sm{left:12px}.uikit-right-0{right:0}.uikit-top-0{top:0}.uikit-top-\[55px\]{top:55px}.uikit-top-\[6px\]{top:6px}.uikit-top-\[70px\]{top:70px}.uikit-top-md{top:16px}.-uikit-z-\[1\]{z-index:-1}.uikit-z-0{z-index:0}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-z-\[1\]{z-index:1}.uikit-z-\[2000\]{z-index:2000}.uikit-z-\[2\]{z-index:2}.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-m-0{margin:0}.uikit-m-lg{margin:24px}.uikit-m-xl{margin:32px}.uikit-mx-2xs{margin-left:4px;margin-right:4px}.uikit-mx-\[20px\]{margin-left:20px;margin-right:20px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-0{margin-top:0;margin-bottom:0}.uikit-my-\[20px\]{margin-top:20px;margin-bottom:20px}.uikit-my-auto{margin-top:auto;margin-bottom:auto}.uikit-my-sm{margin-top:12px;margin-bottom:12px}.\!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-\[20px\]{margin-bottom:20px}.uikit-mb-xs{margin-bottom:8px}.uikit-ml-\[10px\]{margin-left:10px}.uikit-ml-md{margin-left:16px}.uikit-ml-xl{margin-left:32px}.uikit-mr-2xs{margin-right:4px}.uikit-mr-\[10px\]{margin-right:10px}.uikit-mr-\[20px\]{margin-right:20px}.uikit-mr-xs{margin-right:8px}.uikit-mt-0{margin-top:0}.uikit-mt-2xl{margin-top:40px}.uikit-mt-\[20px\]{margin-top:20px}.uikit-mt-lg{margin-top:24px}.uikit-mt-md{margin-top:16px}.uikit-mt-xl{margin-top:32px}.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-\[20px\]{width:20px;height:20px}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.uikit-size-lg{width:24px;height:24px}.uikit-size-sm{width:12px;height:12px}.uikit-size-xl{width:32px;height:32px}.\!uikit-h-\[52px\]{height:52px!important}.\!uikit-h-\[60px\]{height:60px!important}.uikit-h-0{height:0}.uikit-h-2xl{height:40px}.uikit-h-2xs{height:4px}.uikit-h-\[1000px\]{height:1000px}.uikit-h-\[1500px\]{height:1500px}.uikit-h-\[150px\]{height:150px}.uikit-h-\[1em\]{height:1em}.uikit-h-\[20px\]{height:20px}.uikit-h-\[2px\]{height:2px}.uikit-h-\[35px\]{height:35px}.uikit-h-\[360px\]{height:360px}.uikit-h-\[46px\]{height:46px}.uikit-h-\[500px\]{height:500px}.uikit-h-\[55px\]{height:55px}.uikit-h-\[56px\]{height:56px}.uikit-h-\[95\%\]{height:95%}.uikit-h-\[96px\]{height:96px}.uikit-h-auto{height:auto}.uikit-h-full{height:100%}.uikit-h-lg{height:24px}.uikit-h-max{height:-moz-max-content;height:max-content}.uikit-h-xl{height:32px}.\!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-\[900px\]{max-height:900px}.uikit-max-h-\[950px\]{max-height:950px}.uikit-min-h-\[130px\]{min-height:130px}.\!uikit-w-full{width:100%!important}.uikit-w-0{width:0}.uikit-w-2xl{width:40px}.uikit-w-\[330px\]{width:330px}.uikit-w-\[56px\]{width:56px}.uikit-w-\[60\%\]{width:60%}.uikit-w-auto{width:auto}.uikit-w-fit{width:-moz-fit-content;width:fit-content}.uikit-w-full{width:100%}.uikit-min-w-\[343px\]{min-width:343px}.uikit-min-w-\[56px\]{min-width:56px}.uikit-min-w-\[90px\]{min-width:90px}.uikit-min-w-full{min-width:100%}.uikit-min-w-xl{min-width:32px}.\!uikit-max-w-\[400px\]{max-width:400px!important}.\!uikit-max-w-\[500px\]{max-width:500px!important}.uikit-max-w-\[250px\]{max-width:250px}.uikit-max-w-\[300px\]{max-width:300px}.uikit-max-w-\[400px\]{max-width:400px}.uikit-max-w-\[500px\]{max-width:500px}.uikit-flex-1{flex:1 1 0%}.uikit-flex-auto{flex:1 1 auto}.uikit-flex-shrink-0,.uikit-shrink-0{flex-shrink:0}.uikit-grow{flex-grow:1}.\!uikit-translate-x-0{--tw-translate-x: 0 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-uikit-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0;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-pointer{cursor:pointer}.uikit-touch-none{touch-action:none}.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-items-end{align-items:flex-end}.uikit-items-center{align-items:center}.uikit-justify-end{justify-content:flex-end}.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-\[20px\]{gap:20px}.uikit-gap-lg{gap:24px}.uikit-gap-md{gap:16px}.uikit-gap-sm{gap:12px}.uikit-gap-xs{gap:8px}.uikit-gap-x-2xs{-moz-column-gap:4px;column-gap:4px}.uikit-gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-lg{-moz-column-gap:24px;column-gap:24px}.uikit-gap-x-md{-moz-column-gap:16px;column-gap:16px}.uikit-gap-x-sm{-moz-column-gap:12px;column-gap:12px}.uikit-gap-x-xs{-moz-column-gap:8px;column-gap:8px}.uikit-gap-y-2xs{row-gap:4px}.uikit-gap-y-lg{row-gap:24px}.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-pre-wrap{white-space:pre-wrap}.\!uikit-rounded{border-radius:20px!important}.\!uikit-rounded-\[30px\]{border-radius:30px!important}.\!uikit-rounded-none{border-radius:0!important}.\!uikit-rounded-xs{border-radius:12px!important}.uikit-rounded{border-radius:20px}.uikit-rounded-2xs{border-radius:8px}.uikit-rounded-3xs{border-radius:4px}.uikit-rounded-\[10px\]{border-radius:10px}.uikit-rounded-\[16px\]{border-radius:16px}.uikit-rounded-\[36px\]{border-radius:36px}.uikit-rounded-\[5px\]{border-radius:5px}.uikit-rounded-full{border-radius:9999px}.uikit-rounded-xs{border-radius:12px}.\!uikit-rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!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-3xs{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.uikit-rounded-r-2xs{border-top-right-radius:8px;border-bottom-right-radius:8px}.uikit-rounded-t-3xs{border-top-left-radius:4px;border-top-right-radius:4px}.uikit-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.\!uikit-border{border-width:1px!important}.\!uikit-border-0{border-width:0px!important}.uikit-border{border-width:1px}.uikit-border-0{border-width:0px}.uikit-border-2{border-width:2px}.\!uikit-border-b-0{border-bottom-width:0px!important}.uikit-border-b{border-bottom-width:1px}.uikit-border-b-0{border-bottom-width:0px}.uikit-border-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-none{border-style:none!important}.uikit-border-none{border-style:none}.\!uikit-border-w-lightgray{--tw-border-opacity: 1 !important;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))!important}.uikit-border-w-black{--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1))}.uikit-border-w-blue{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-border-w-gray{--tw-border-opacity: 1;border-color:rgb(109 118 135 / var(--tw-border-opacity, 1))}.uikit-border-w-lightgray{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.uikit-border-w-red{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.uikit-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / 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-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-blue{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / 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-darkblue{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / 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-lightgray{--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.uikit-bg-w-primary{--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-bg-w-red{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1))}.uikit-bg-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.uikit-bg-w-white,.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-md{padding:16px}.uikit-p-xs{padding:8px}.\!uikit-px-0{padding-left:0!important;padding-right:0!important}.uikit-px-0{padding-left:0;padding-right:0}.uikit-px-2xs{padding-left:4px;padding-right:4px}.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-px-\[20px\]{padding-left:20px;padding-right:20px}.uikit-px-md{padding-left:16px;padding-right:16px}.uikit-px-sm{padding-left:12px;padding-right:12px}.uikit-px-xs{padding-left:8px;padding-right:8px}.uikit-py-0{padding-top:0;padding-bottom:0}.uikit-py-2xs{padding-top:4px;padding-bottom:4px}.uikit-py-\[5px\]{padding-top:5px;padding-bottom:5px}.uikit-py-lg{padding-top:24px;padding-bottom:24px}.uikit-py-md{padding-top:16px;padding-bottom:16px}.uikit-py-sm{padding-top:12px;padding-bottom:12px}.uikit-py-xs{padding-top:8px;padding-bottom:8px}.uikit-pb-0{padding-bottom:0}.uikit-pb-2xs{padding-bottom:4px}.uikit-pb-\[3px\]{padding-bottom:3px}.uikit-pb-lg{padding-bottom:24px}.uikit-pb-md{padding-bottom:16px}.uikit-pb-sm{padding-bottom:12px}.uikit-pb-xl{padding-bottom:32px}.uikit-pb-xs{padding-bottom:8px}.uikit-pl-0{padding-left:0}.uikit-pl-sm{padding-left:12px}.uikit-pr-xl{padding-right:32px}.uikit-pr-xs{padding-right:8px}.uikit-pt-2xs{padding-top:4px}.uikit-pt-\[3px\]{padding-top:3px}.uikit-pt-md{padding-top:16px}.uikit-pt-sm{padding-top:12px}.uikit-pt-xs{padding-top:8px}.uikit-text-left{text-align:left}.uikit-text-center{text-align:center}.\!uikit-text-16{font-size:16px!important}.uikit-text{font-size:14px}.uikit-text-10{font-size:10px}.uikit-text-12{font-size:12px}.uikit-text-12\/\[16px\]{font-size:12px;line-height:16px}.uikit-text-16{font-size:16px}.uikit-text-18{font-size:18px}.uikit-text-18\/\[22px\]{font-size:18px;line-height:22px}.uikit-text-20{font-size:20px}.uikit-text-22{font-size:22px}.uikit-text-22\/\[26px\]{font-size:22px;line-height:26px}.uikit-text-\[24px\]{font-size:24px}.uikit-text-\[26px\]{font-size:26px}.uikit-text-\[26px\]\/\[30px\]{font-size:26px;line-height:30px}.uikit-text-\[30px\]{font-size:30px}.uikit-text-\[30px\]\/\[36px\]{font-size:30px;line-height:36px}.uikit-text\/\[18px\]{font-size:14px;line-height:18px}.uikit-font-medium{font-weight:500}.uikit-font-regular{font-weight:400}.uikit-font-semibold{font-weight:600}.uikit-capitalize{text-transform:capitalize}.uikit-leading-\[inherit\]{line-height:inherit}.uikit-text-w-black{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / 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-darkblue{--tw-text-opacity: 1;color:rgb(22 47 128 / 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-lightgray{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-text-w-primary{--tw-text-opacity: 1;color:rgb(242 2 130 / var(--tw-text-opacity, 1))}.uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / 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:100%}.uikit-opacity-50{opacity:50%}.uikit-shadow-\[0_0_0_2px_\#fff_inset\]{--tw-shadow: 0 0 0 2px #fff 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_0_0_3px_white_inset\]{--tw-shadow: 0 0 0 3px white inset;--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[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-surface{--tw-shadow: 0px 1px 3px rgba(0,0,0,.1);--tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-outline-none{outline:2px solid transparent;outline-offset:2px}.uikit-transition-\[background\]{transition-property:background;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-\[top\,left\,font-size\]{transition-property:top,left,font-size;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-200{transition-duration:.2s}.uikit-duration-300{transition-duration:.3s}.uikit-duration-75{transition-duration:75ms}.uikit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.uikit-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.uikit-will-change-\[top\,left\,font-size\]{will-change:top,left,font-size}.uikit-will-change-transform{will-change:transform}.uikit-content-\[\"\"\]{--tw-content: "";content:var(--tw-content)}.uikit-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.uikit-no-scrollbar::-webkit-scrollbar{display:none}.uikit-no-scrolling{overflow:hidden}.uikit-no-scrolling::-webkit-scrollbar{background-color:#b4c2f0b3}.uikit-safe-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.\[--swiper-pagination-color\:\#ccc\]{--swiper-pagination-color: #ccc}.\[--swiper-pagination-color\:\#fff\]{--swiper-pagination-color: #fff}.\[font-size\:inherit\]{font-size:inherit}.\[grid-area\:_action\]{grid-area:action}h1{font-size:22px;line-height:30px}h2{font-size:20px;line-height:1.75rem}h3{font-size:16px;line-height:1.5rem}h1,h2,h3{font-weight:600;letter-spacing:0em}html,body,input,textarea,button{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.\*\:uikit-px-md>*{padding-left:16px;padding-right:16px}.\*\:uikit-py-sm>*{padding-top:12px;padding-bottom:12px}.before\:uikit-absolute:before{content:var(--tw-content);position:absolute}.before\:uikit-right-1\/4:before{content:var(--tw-content);right:25%}.before\:uikit-w-1\/2:before{content:var(--tw-content);width:50%}.before\:uikit-border-b:before{content:var(--tw-content);border-bottom-width:1px}.before\:uikit-content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.before\:\[border-bottom-style\:solid\]:before{content:var(--tw-content);border-bottom-style:solid}.first\:uikit-mt-0:first-child{margin-top:0}.first\:uikit-rounded-l-2xs:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.last\:uikit-mb-0:last-child{margin-bottom:0}.last\:uikit-rounded-r-2xs:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-\[\#385CF6\]:hover{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.hover\:uikit-border-w-blue-hover:hover{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.hover\:uikit-border-l-w-primary:hover{--tw-border-opacity: 1;border-left-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-blue-hover:hover{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.focus\:uikit-border-w-blue-hover:focus{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.focus\:uikit-bg-w-blue-hover:focus{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-border-w-blue:focus-visible{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.focus-visible\:uikit-shadow-\[0_0_0_2px_\#2b5dff\]:focus-visible{--tw-shadow: 0 0 0 2px #2b5dff;--tw-shadow-colored: 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)}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.disabled\:uikit-cursor-default:disabled{cursor:default}.disabled\:uikit-bg-w-cultured:disabled{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.disabled\:uikit-text-w-lightgray:disabled{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-peer:focus~.peer-focus\:uikit-border-0{border-width:0px}.uikit-peer:focus~.peer-focus\:uikit-border-2{border-width:2px}.uikit-peer:focus~.peer-focus\:uikit-border-w-primary{--tw-border-opacity: 1;border-color:rgb(242 2 130 / 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(242 2 130 / var(--tw-border-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))}.data-\[state\=checked\]\:uikit-translate-x-full[data-state=checked]{--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))}.data-\[active\]\:uikit-border[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border[data-state=unchecked]{border-width:1px}.data-\[active\]\:uikit-border-solid[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border-solid[data-state=unchecked]{border-style:solid}.data-\[active\]\:uikit-border-w-blue[data-active],.data-\[selected\]\:uikit-border-w-blue[data-selected]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[state\=\'unchecked\'\]\:uikit-border-w-lightgray[data-state=unchecked]{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.data-\[state\=on\]\:uikit-border-\[\#385CF6\][data-state=on]{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.data-\[validation\=\'invalid\'\]\:uikit-border-w-red[data-validation=invalid]{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.data-\[validation\=\'valid\'\]\:uikit-border-w-blue[data-validation=valid]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[active\]\:uikit-bg-w-ghost[data-active]{--tw-bg-opacity: 1;background-color:rgb(250 251 255 / var(--tw-bg-opacity, 1))}.data-\[selected\]\:uikit-bg-w-cultured[data-selected]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:uikit-bg-w-blue[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.data-\[state\=on\]\:uikit-bg-w-cultured[data-state=on],.data-\[state\=unchecked\]\:uikit-bg-w-cultured[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[active\]\:uikit-font-medium[data-active],.data-\[state\=on\]\:uikit-font-medium[data-state=on]{font-weight:500}.data-\[active\]\:uikit-text-w-blue[data-active],.data-\[state\=on\]\:uikit-text-w-blue[data-state=on]{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\/fieldset\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\/fieldset\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-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: 640px){.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-my-0{margin-top:0;margin-bottom:0}.max-sm\:uikit-mb-md{margin-bottom:16px}.max-sm\:uikit-mb-xs{margin-bottom:8px}.max-sm\:uikit-hidden{display:none}.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-grow{flex-grow:1}.max-sm\:uikit-justify-center{justify-content:center}.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: 640px){.sm\:uikit-static{position:static}.sm\:uikit-sticky{position:sticky}.sm\:-uikit-left-\[1px\]{left:-1px}.sm\:-uikit-right-\[1px\]{right:-1px}.sm\:uikit-col-span-4{grid-column:span 4 / span 4}.sm\:uikit-col-span-8{grid-column:span 8 / span 8}.sm\:uikit-mx-0{margin-left:0;margin-right:0}.sm\:uikit-my-lg{margin-top:24px;margin-bottom:24px}.sm\:uikit-mt-\[20px\]{margin-top:20px}.sm\:uikit-block{display:block}.sm\:uikit-hidden{display:none}.sm\:uikit-h-\[1800px\]{height:1800px}.sm\:uikit-h-auto{height:auto}.sm\:uikit-h-full{height:100%}.sm\:uikit-h-screen{height:100vh}.sm\:uikit-max-h-\[1100px\]{max-height:1100px}.sm\:uikit-max-h-\[350px\]{max-height:350px}.sm\:uikit-max-w-\[460px\]{max-width:460px}.sm\:uikit-grow{flex-grow:1}.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-self-start{align-self:flex-start}.sm\:uikit-p-lg{padding:24px}.sm\:uikit-px-0{padding-left:0;padding-right:0}.sm\:uikit-px-\[20px\]{padding-left:20px;padding-right:20px}.sm\:uikit-px-lg{padding-left:24px;padding-right:24px}.sm\:uikit-py-0{padding-top:0;padding-bottom:0}.sm\:uikit-py-md{padding-top:16px;padding-bottom:16px}.sm\:uikit-pb-lg{padding-bottom:24px}.sm\:uikit-pr-xs{padding-right:8px}.sm\:uikit-pt-\[20px\]{padding-top:20px}.sm\:uikit-pt-\[30px\]{padding-top:30px}.sm\:uikit-text-16{font-size:16px}.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: 1024px){.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: 1280px){.xl\:uikit-col-span-1{grid-column:span 1 / span 1}}.dark\:uikit-bg-transparent:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:uikit-text-w-warning:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 209 103 / var(--tw-text-opacity, 1))}.dark\:uikit-text-white:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:uikit-bg-w-primary:hover:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.dark\:disabled\:uikit-bg-transparent:disabled:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:aria-selected\:uikit-bg-w-primary[aria-selected=true]:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.\[\&\.swiper-pagination-fraction\]\:uikit-flex.swiper-pagination-fraction{display:flex}.\[\&\.swiper-pagination-fraction\]\:uikit-justify-center.swiper-pagination-fraction{justify-content:center}.\[\&\:disabled_path\]\:uikit-stroke-w-lightgray:disabled path{stroke:#c1c8d5}.\[\&_\>_\*\:first-child\]\:uikit-px-sm>*:first-child{padding-left:12px;padding-right:12px}.\[\&_\>_\*\:last-child\]\:uikit-px-sm>*:last-child{padding-left:12px;padding-right:12px}.dark\:\[\&_g\]\:uikit-stroke-white g:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}.dark\:\[\&_path\]\:uikit-stroke-white path:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}
|
|
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: 24px;--btn-border-style: solid;--btn-height: 40px;--btn-width: auto;--btn-font-size: 16px;--btn-transition: color, background-color cubic-bezier(.4, 0, .2, 1) .15s;--btn-font-weight: 600;display:inline-flex;align-items:center;justify-content:center;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);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);width:var(--btn-width);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.uikit-btn-lg{--btn-height: 48px;--btn-px: 24px;--btn-py: 12px}.uikit-btn.uikit-btn-sm{--btn-px: 24px;--btn-py: 8px;--btn-height: 40px}.uikit-btn.uikit-btn-rounded{--btn-px: 0;--btn-py: 0}.uikit-btn.uikit-btn-outline{--btn-border-width: 1px;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-primary{--btn-bg-color: #F20282;--btn-text-color: #FFF}.uikit-btn.uikit-btn-primary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-primary:hover:not(:disabled){--btn-bg-color: #E30C79}.uikit-btn.uikit-btn-primary.uikit-btn-outline{--btn-border-color: ;--btn-text-color: #F20282;--btn-bg-color: #fff}.uikit-btn.uikit-btn-primary.uikit-btn-outline:active{--btn-bg-color: !important}.uikit-btn.uikit-btn-primary.uikit-btn-outline:hover{--btn-bg-color: #FFF8FB;--btn-text-color: #F20282}.uikit-btn.uikit-btn-primary{text-transform:uppercase}.uikit-btn.uikit-btn-secondary{--btn-bg-color: #2b5dff;--btn-text-color: #FFF}.uikit-btn.uikit-btn-secondary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-secondary:hover:not(:disabled){--btn-bg-color: #244FD9}.uikit-btn.uikit-btn-secondary.uikit-btn-outline{--btn-border-color: #2b5dff;--btn-text-color: #2b5dff;--btn-bg-color: #fff}.uikit-btn.uikit-btn-secondary.uikit-btn-outline:active{--btn-bg-color: #2b5dff !important}.uikit-btn.uikit-btn-secondary.uikit-btn-outline:hover{--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-ternary{--btn-bg-color: #FFF;--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-ternary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-ternary:hover:not(:disabled){--btn-text-color: #244FD9;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-ternary{--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-border-radius: 24px}.uikit-btn.uikit-btn-quaternary{--btn-px: 0;--btn-py: 0;--btn-text-color: #2b5dff;--btn-height: auto}.uikit-btn.uikit-btn-quaternary:hover{text-decoration:underline;--btn-text-color: #244FD9}.uikit-btn.uikit-btn-quaternary:disabled{--btn-bg-color: transparent;--btn-text-color: #C1C8D5}.uikit-btn.uikit-btn-single-selection{--btn-px: 16px;--btn-py: 8px;--btn-border-radius: 8px;--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-font-weight: 400px}.uikit-btn.uikit-btn-single-selection:hover{--btn-border-color: #2b5dff}.uikit-btn.uikit-btn-single-selection:active,.uikit-btn.uikit-btn-single-selection.uikit-active,.uikit-btn.uikit-btn-single-selection[data-active=true]{--btn-bg-color: #FAFBFF;--btn-text-color: #2b5dff;--btn-border-color: #2b5dff}.uikit-btn-light{--btn-bg-color: #FFF;--btn-text-color: #F20282}.uikit-btn-light:disabled{cursor:not-allowed}.uikit-btn-light:hover:not(:disabled){--btn-text-color: #F20282;--btn-bg-color: #FAFAFA}.uikit-btn-warning{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}.uikit-btn-warning:disabled{cursor:not-allowed}.uikit-btn-warning:hover:not(:disabled){--btn-bg-color: #F2C761}.uikit-btn-danger{--btn-bg-color: #FA4F64;--btn-text-color: #FFF}.uikit-btn-danger:disabled{cursor:not-allowed}.uikit-btn-danger:hover:not(:disabled){--btn-bg-color: #E0485A}.uikit-btn-danger.uikit-btn-outline{--btn-border-color: #FA4F64;--btn-text-color: #FA4F64;--btn-bg-color: #fff}.uikit-btn-danger.uikit-btn-outline:active{--btn-bg-color: #FA4F64 !important}.uikit-btn-danger.uikit-btn-outline:hover{--btn-text-color: #FA4F64}.uikit-btn-multi-selection{--btn-py: 10px;--btn-height: 40px;font-weight:400;--btn-border-radius: 12px;--btn-border-color: #EAEFFD;--btn-border-width: 1px;white-space:normal;--btn-bg-color: #F5F7FA;--btn-text-color: #222222}.uikit-btn-multi-selection:disabled{cursor:not-allowed}.uikit-btn-multi-selection:hover:not(:disabled){--btn-bg-color: #E9EFFE}.uikit-btn-facile{--btn-facile-color: #FF6600;--btn-facile-hover-color: #b34700;--btn-bg-color: var(--btn-facile-color);--btn-text-color: #FFF}.uikit-btn-facile:disabled{cursor:not-allowed}.uikit-btn-facile:hover:not(:disabled){--btn-text-color: #FFF;--btn-bg-color: var(--btn-facile-hover-color)}.uikit-btn-show-more{--btn-border-radius: 0;--btn-border-color: #FFF;--btn-bg-color: #FFF;--btn-text-color: #2B5DFF}.uikit-btn-show-more:disabled{cursor:not-allowed}.uikit-btn-show-more:hover:not(:disabled){--btn-text-color: #3646B3;--btn-bg-color: #FFF}.uikit-btn-transparent{--border-color: transparent;--btn-px: 0;--btn-py: 0}.uikit-btn-transparent:hover{--btn-bg-color: transparent;--border-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-invisible{visibility:hidden}.\!uikit-static{position:static!important}.uikit-static{position:static}.uikit-fixed{position:fixed}.uikit-absolute{position:absolute}.uikit-relative{position:relative}.uikit-sticky{position:sticky}.-uikit-left-\[20px\]{left:-20px}.-uikit-right-1\/2{right:-50%}.-uikit-right-\[20px\]{right:-20px}.-uikit-right-sm{right:-12px}.-uikit-top-\[0\.3rem\]{top:-.3rem}.-uikit-top-sm{top:-12px}.uikit-bottom-0{bottom:0}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-1\/2{left:50%}.uikit-left-\[22px\]{left:22px}.uikit-left-sm{left:12px}.uikit-right-0{right:0}.uikit-top-0{top:0}.uikit-top-\[55px\]{top:55px}.uikit-top-\[6px\]{top:6px}.uikit-top-\[70px\]{top:70px}.uikit-top-md{top:16px}.-uikit-z-\[1\]{z-index:-1}.uikit-z-0{z-index:0}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-z-\[1\]{z-index:1}.uikit-z-\[2000\]{z-index:2000}.uikit-z-\[2\]{z-index:2}.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-m-0{margin:0}.uikit-m-lg{margin:24px}.uikit-m-xl{margin:32px}.uikit-mx-2xs{margin-left:4px;margin-right:4px}.uikit-mx-\[20px\]{margin-left:20px;margin-right:20px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-0{margin-top:0;margin-bottom:0}.uikit-my-\[20px\]{margin-top:20px;margin-bottom:20px}.uikit-my-auto{margin-top:auto;margin-bottom:auto}.uikit-my-sm{margin-top:12px;margin-bottom:12px}.\!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-\[20px\]{margin-bottom:20px}.uikit-mb-xs{margin-bottom:8px}.uikit-ml-\[10px\]{margin-left:10px}.uikit-ml-md{margin-left:16px}.uikit-ml-xl{margin-left:32px}.uikit-mr-2xs{margin-right:4px}.uikit-mr-\[10px\]{margin-right:10px}.uikit-mr-\[20px\]{margin-right:20px}.uikit-mr-xs{margin-right:8px}.uikit-mt-0{margin-top:0}.uikit-mt-2xl{margin-top:40px}.uikit-mt-\[20px\]{margin-top:20px}.uikit-mt-lg{margin-top:24px}.uikit-mt-md{margin-top:16px}.uikit-mt-xl{margin-top:32px}.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-\[20px\]{width:20px;height:20px}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.uikit-size-lg{width:24px;height:24px}.uikit-size-sm{width:12px;height:12px}.uikit-size-xl{width:32px;height:32px}.\!uikit-h-\[52px\]{height:52px!important}.\!uikit-h-\[60px\]{height:60px!important}.uikit-h-0{height:0}.uikit-h-2xl{height:40px}.uikit-h-2xs{height:4px}.uikit-h-\[1000px\]{height:1000px}.uikit-h-\[1500px\]{height:1500px}.uikit-h-\[150px\]{height:150px}.uikit-h-\[1em\]{height:1em}.uikit-h-\[20px\]{height:20px}.uikit-h-\[2px\]{height:2px}.uikit-h-\[35px\]{height:35px}.uikit-h-\[360px\]{height:360px}.uikit-h-\[46px\]{height:46px}.uikit-h-\[500px\]{height:500px}.uikit-h-\[55px\]{height:55px}.uikit-h-\[56px\]{height:56px}.uikit-h-\[95\%\]{height:95%}.uikit-h-\[96px\]{height:96px}.uikit-h-auto{height:auto}.uikit-h-full{height:100%}.uikit-h-lg{height:24px}.uikit-h-max{height:-moz-max-content;height:max-content}.uikit-h-xl{height:32px}.\!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-\[900px\]{max-height:900px}.uikit-max-h-\[950px\]{max-height:950px}.uikit-min-h-\[130px\]{min-height:130px}.\!uikit-w-full{width:100%!important}.uikit-w-0{width:0}.uikit-w-2xl{width:40px}.uikit-w-\[330px\]{width:330px}.uikit-w-\[56px\]{width:56px}.uikit-w-\[60\%\]{width:60%}.uikit-w-auto{width:auto}.uikit-w-fit{width:-moz-fit-content;width:fit-content}.uikit-w-full{width:100%}.uikit-min-w-\[343px\]{min-width:343px}.uikit-min-w-\[56px\]{min-width:56px}.uikit-min-w-\[90px\]{min-width:90px}.uikit-min-w-full{min-width:100%}.uikit-min-w-xl{min-width:32px}.\!uikit-max-w-\[400px\]{max-width:400px!important}.\!uikit-max-w-\[500px\]{max-width:500px!important}.uikit-max-w-\[250px\]{max-width:250px}.uikit-max-w-\[300px\]{max-width:300px}.uikit-max-w-\[400px\]{max-width:400px}.uikit-max-w-\[500px\]{max-width:500px}.uikit-flex-1{flex:1 1 0%}.uikit-flex-auto{flex:1 1 auto}.uikit-flex-shrink-0,.uikit-shrink-0{flex-shrink:0}.uikit-grow{flex-grow:1}.\!uikit-translate-x-0{--tw-translate-x: 0 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-uikit-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0;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-pointer{cursor:pointer}.uikit-touch-none{touch-action:none}.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-items-end{align-items:flex-end}.uikit-items-center{align-items:center}.uikit-justify-end{justify-content:flex-end}.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-\[20px\]{gap:20px}.uikit-gap-lg{gap:24px}.uikit-gap-md{gap:16px}.uikit-gap-sm{gap:12px}.uikit-gap-xs{gap:8px}.uikit-gap-x-2xs{-moz-column-gap:4px;column-gap:4px}.uikit-gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-lg{-moz-column-gap:24px;column-gap:24px}.uikit-gap-x-md{-moz-column-gap:16px;column-gap:16px}.uikit-gap-x-sm{-moz-column-gap:12px;column-gap:12px}.uikit-gap-x-xs{-moz-column-gap:8px;column-gap:8px}.uikit-gap-y-2xs{row-gap:4px}.uikit-gap-y-lg{row-gap:24px}.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-pre-wrap{white-space:pre-wrap}.\!uikit-rounded{border-radius:20px!important}.\!uikit-rounded-\[30px\]{border-radius:30px!important}.\!uikit-rounded-none{border-radius:0!important}.\!uikit-rounded-xs{border-radius:12px!important}.uikit-rounded{border-radius:20px}.uikit-rounded-2xs{border-radius:8px}.uikit-rounded-3xs{border-radius:4px}.uikit-rounded-\[10px\]{border-radius:10px}.uikit-rounded-\[16px\]{border-radius:16px}.uikit-rounded-\[36px\]{border-radius:36px}.uikit-rounded-\[5px\]{border-radius:5px}.uikit-rounded-full{border-radius:9999px}.uikit-rounded-xs{border-radius:12px}.\!uikit-rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!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-3xs{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.uikit-rounded-r-2xs{border-top-right-radius:8px;border-bottom-right-radius:8px}.uikit-rounded-t-3xs{border-top-left-radius:4px;border-top-right-radius:4px}.uikit-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.\!uikit-border{border-width:1px!important}.\!uikit-border-0{border-width:0px!important}.uikit-border{border-width:1px}.uikit-border-0{border-width:0px}.uikit-border-2{border-width:2px}.\!uikit-border-b-0{border-bottom-width:0px!important}.uikit-border-b{border-bottom-width:1px}.uikit-border-b-0{border-bottom-width:0px}.uikit-border-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-none{border-style:none!important}.uikit-border-none{border-style:none}.\!uikit-border-w-lightgray{--tw-border-opacity: 1 !important;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))!important}.uikit-border-w-black{--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1))}.uikit-border-w-blue{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-border-w-gray{--tw-border-opacity: 1;border-color:rgb(109 118 135 / var(--tw-border-opacity, 1))}.uikit-border-w-lightgray{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.uikit-border-w-red{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.uikit-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / 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-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-blue{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / 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-darkblue{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / 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-lightgray{--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.uikit-bg-w-pink{--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-bg-w-red{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1))}.uikit-bg-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.uikit-bg-w-white,.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-md{padding:16px}.uikit-p-xs{padding:8px}.\!uikit-px-0{padding-left:0!important;padding-right:0!important}.uikit-px-0{padding-left:0;padding-right:0}.uikit-px-2xs{padding-left:4px;padding-right:4px}.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-px-\[20px\]{padding-left:20px;padding-right:20px}.uikit-px-md{padding-left:16px;padding-right:16px}.uikit-px-sm{padding-left:12px;padding-right:12px}.uikit-px-xs{padding-left:8px;padding-right:8px}.uikit-py-0{padding-top:0;padding-bottom:0}.uikit-py-2xs{padding-top:4px;padding-bottom:4px}.uikit-py-\[5px\]{padding-top:5px;padding-bottom:5px}.uikit-py-lg{padding-top:24px;padding-bottom:24px}.uikit-py-md{padding-top:16px;padding-bottom:16px}.uikit-py-sm{padding-top:12px;padding-bottom:12px}.uikit-py-xs{padding-top:8px;padding-bottom:8px}.uikit-pb-0{padding-bottom:0}.uikit-pb-2xs{padding-bottom:4px}.uikit-pb-\[3px\]{padding-bottom:3px}.uikit-pb-lg{padding-bottom:24px}.uikit-pb-md{padding-bottom:16px}.uikit-pb-sm{padding-bottom:12px}.uikit-pb-xl{padding-bottom:32px}.uikit-pb-xs{padding-bottom:8px}.uikit-pl-0{padding-left:0}.uikit-pl-sm{padding-left:12px}.uikit-pr-xl{padding-right:32px}.uikit-pr-xs{padding-right:8px}.uikit-pt-2xs{padding-top:4px}.uikit-pt-\[3px\]{padding-top:3px}.uikit-pt-md{padding-top:16px}.uikit-pt-sm{padding-top:12px}.uikit-pt-xs{padding-top:8px}.uikit-text-left{text-align:left}.uikit-text-center{text-align:center}.\!uikit-text-16{font-size:16px!important}.uikit-text{font-size:14px}.uikit-text-10{font-size:10px}.uikit-text-12{font-size:12px}.uikit-text-12\/\[16px\]{font-size:12px;line-height:16px}.uikit-text-16{font-size:16px}.uikit-text-18{font-size:18px}.uikit-text-18\/\[22px\]{font-size:18px;line-height:22px}.uikit-text-20{font-size:20px}.uikit-text-22{font-size:22px}.uikit-text-22\/\[26px\]{font-size:22px;line-height:26px}.uikit-text-\[24px\]{font-size:24px}.uikit-text-\[26px\]{font-size:26px}.uikit-text-\[26px\]\/\[30px\]{font-size:26px;line-height:30px}.uikit-text-\[30px\]{font-size:30px}.uikit-text-\[30px\]\/\[36px\]{font-size:30px;line-height:36px}.uikit-text\/\[18px\]{font-size:14px;line-height:18px}.uikit-font-medium{font-weight:500}.uikit-font-regular{font-weight:400}.uikit-font-semibold{font-weight:600}.uikit-capitalize{text-transform:capitalize}.uikit-leading-\[inherit\]{line-height:inherit}.uikit-text-w-black{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / 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-darkblue{--tw-text-opacity: 1;color:rgb(22 47 128 / 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-lightgray{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-text-w-pink{--tw-text-opacity: 1;color:rgb(242 2 130 / var(--tw-text-opacity, 1))}.uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / 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:100%}.uikit-opacity-50{opacity:50%}.uikit-shadow-\[0_0_0_2px_\#fff_inset\]{--tw-shadow: 0 0 0 2px #fff 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_0_0_3px_white_inset\]{--tw-shadow: 0 0 0 3px white inset;--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[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-surface{--tw-shadow: 0px 1px 3px rgba(0,0,0,.1);--tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-outline-none{outline:2px solid transparent;outline-offset:2px}.uikit-transition-\[background\]{transition-property:background;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-\[top\,left\,font-size\]{transition-property:top,left,font-size;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-200{transition-duration:.2s}.uikit-duration-300{transition-duration:.3s}.uikit-duration-75{transition-duration:75ms}.uikit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.uikit-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.uikit-will-change-\[top\,left\,font-size\]{will-change:top,left,font-size}.uikit-will-change-transform{will-change:transform}.uikit-content-\[\"\"\]{--tw-content: "";content:var(--tw-content)}.uikit-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.uikit-no-scrollbar::-webkit-scrollbar{display:none}.uikit-no-scrolling{overflow:hidden}.uikit-no-scrolling::-webkit-scrollbar{background-color:#b4c2f0b3}.uikit-safe-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.\[--swiper-pagination-color\:\#ccc\]{--swiper-pagination-color: #ccc}.\[--swiper-pagination-color\:\#fff\]{--swiper-pagination-color: #fff}.\[font-size\:inherit\]{font-size:inherit}.\[grid-area\:_action\]{grid-area:action}h1{font-size:22px;line-height:30px}h2{font-size:20px;line-height:1.75rem}h3{font-size:16px;line-height:1.5rem}h1,h2,h3{font-weight:600;letter-spacing:0em}html,body,input,textarea,button{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.\*\:uikit-px-md>*{padding-left:16px;padding-right:16px}.\*\:uikit-py-sm>*{padding-top:12px;padding-bottom:12px}.before\:uikit-absolute:before{content:var(--tw-content);position:absolute}.before\:uikit-right-1\/4:before{content:var(--tw-content);right:25%}.before\:uikit-w-1\/2:before{content:var(--tw-content);width:50%}.before\:uikit-border-b:before{content:var(--tw-content);border-bottom-width:1px}.before\:uikit-content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.before\:\[border-bottom-style\:solid\]:before{content:var(--tw-content);border-bottom-style:solid}.first\:uikit-mt-0:first-child{margin-top:0}.first\:uikit-rounded-l-2xs:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.last\:uikit-mb-0:last-child{margin-bottom:0}.last\:uikit-rounded-r-2xs:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-\[\#385CF6\]:hover{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.hover\:uikit-border-w-blue-hover:hover{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.hover\:uikit-border-l-w-pink:hover{--tw-border-opacity: 1;border-left-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-blue-hover:hover{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.focus\:uikit-border-w-blue-hover:focus{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.focus\:uikit-bg-w-blue-hover:focus{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-border-w-blue:focus-visible{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.focus-visible\:uikit-shadow-\[0_0_0_2px_\#2b5dff\]:focus-visible{--tw-shadow: 0 0 0 2px #2b5dff;--tw-shadow-colored: 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)}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.disabled\:uikit-cursor-default:disabled{cursor:default}.disabled\:uikit-bg-w-cultured:disabled{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.disabled\:uikit-text-w-lightgray:disabled{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-peer:focus~.peer-focus\:uikit-border-0{border-width:0px}.uikit-peer:focus~.peer-focus\:uikit-border-2{border-width:2px}.uikit-peer:focus~.peer-focus\:uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / 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-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-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))}.data-\[state\=checked\]\:uikit-translate-x-full[data-state=checked]{--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))}.data-\[active\]\:uikit-border[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border[data-state=unchecked]{border-width:1px}.data-\[active\]\:uikit-border-solid[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border-solid[data-state=unchecked]{border-style:solid}.data-\[active\]\:uikit-border-w-blue[data-active],.data-\[selected\]\:uikit-border-w-blue[data-selected]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[state\=\'unchecked\'\]\:uikit-border-w-lightgray[data-state=unchecked]{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.data-\[state\=on\]\:uikit-border-\[\#385CF6\][data-state=on]{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.data-\[validation\=\'invalid\'\]\:uikit-border-w-red[data-validation=invalid]{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.data-\[validation\=\'valid\'\]\:uikit-border-w-blue[data-validation=valid]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[active\]\:uikit-bg-w-ghost[data-active]{--tw-bg-opacity: 1;background-color:rgb(250 251 255 / var(--tw-bg-opacity, 1))}.data-\[selected\]\:uikit-bg-w-cultured[data-selected]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:uikit-bg-w-blue[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.data-\[state\=on\]\:uikit-bg-w-cultured[data-state=on],.data-\[state\=unchecked\]\:uikit-bg-w-cultured[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[active\]\:uikit-font-medium[data-active],.data-\[state\=on\]\:uikit-font-medium[data-state=on]{font-weight:500}.data-\[active\]\:uikit-text-w-blue[data-active],.data-\[state\=on\]\:uikit-text-w-blue[data-state=on]{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\/fieldset\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\/fieldset\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-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: 640px){.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-my-0{margin-top:0;margin-bottom:0}.max-sm\:uikit-mb-md{margin-bottom:16px}.max-sm\:uikit-mb-xs{margin-bottom:8px}.max-sm\:uikit-hidden{display:none}.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-grow{flex-grow:1}.max-sm\:uikit-justify-center{justify-content:center}.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: 640px){.sm\:uikit-static{position:static}.sm\:uikit-sticky{position:sticky}.sm\:-uikit-left-\[1px\]{left:-1px}.sm\:-uikit-right-\[1px\]{right:-1px}.sm\:uikit-col-span-4{grid-column:span 4 / span 4}.sm\:uikit-col-span-8{grid-column:span 8 / span 8}.sm\:uikit-mx-0{margin-left:0;margin-right:0}.sm\:uikit-my-lg{margin-top:24px;margin-bottom:24px}.sm\:uikit-mt-\[20px\]{margin-top:20px}.sm\:uikit-block{display:block}.sm\:uikit-hidden{display:none}.sm\:uikit-h-\[1800px\]{height:1800px}.sm\:uikit-h-auto{height:auto}.sm\:uikit-h-full{height:100%}.sm\:uikit-h-screen{height:100vh}.sm\:uikit-max-h-\[1100px\]{max-height:1100px}.sm\:uikit-max-h-\[350px\]{max-height:350px}.sm\:uikit-max-w-\[460px\]{max-width:460px}.sm\:uikit-grow{flex-grow:1}.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-self-start{align-self:flex-start}.sm\:uikit-p-lg{padding:24px}.sm\:uikit-px-0{padding-left:0;padding-right:0}.sm\:uikit-px-\[20px\]{padding-left:20px;padding-right:20px}.sm\:uikit-px-lg{padding-left:24px;padding-right:24px}.sm\:uikit-py-0{padding-top:0;padding-bottom:0}.sm\:uikit-py-md{padding-top:16px;padding-bottom:16px}.sm\:uikit-pb-lg{padding-bottom:24px}.sm\:uikit-pr-xs{padding-right:8px}.sm\:uikit-pt-\[20px\]{padding-top:20px}.sm\:uikit-pt-\[30px\]{padding-top:30px}.sm\:uikit-text-16{font-size:16px}.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: 1024px){.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: 1280px){.xl\:uikit-col-span-1{grid-column:span 1 / span 1}}.dark\:uikit-bg-transparent:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:uikit-text-w-warning:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 209 103 / var(--tw-text-opacity, 1))}.dark\:uikit-text-white:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:uikit-bg-w-pink:hover:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.dark\:disabled\:uikit-bg-transparent:disabled:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:aria-selected\:uikit-bg-w-pink[aria-selected=true]:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.\[\&\.swiper-pagination-fraction\]\:uikit-flex.swiper-pagination-fraction{display:flex}.\[\&\.swiper-pagination-fraction\]\:uikit-justify-center.swiper-pagination-fraction{justify-content:center}.\[\&\:disabled_path\]\:uikit-stroke-w-lightgray:disabled path{stroke:#c1c8d5}.\[\&_\>_\*\:first-child\]\:uikit-px-sm>*:first-child{padding-left:12px;padding-right:12px}.\[\&_\>_\*\:last-child\]\:uikit-px-sm>*:last-child{padding-left:12px;padding-right:12px}.dark\:\[\&_g\]\:uikit-stroke-white g:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}.dark\:\[\&_path\]\:uikit-stroke-white path:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}
|
|
@@ -36,27 +36,27 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
|
|
|
36
36
|
toggleDropdownModifiers: {}
|
|
37
37
|
}),
|
|
38
38
|
emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
|
|
39
|
-
setup(
|
|
40
|
-
const h = B, k = M(
|
|
41
|
-
optionsLength:
|
|
39
|
+
setup(r, { emit: B }) {
|
|
40
|
+
const h = B, k = M(r, "modelValue"), g = M(r, "toggleDropdown"), H = A(), t = V(() => r.namespace || H), i = L(!1), I = L(null), f = V(() => !!k.value.label), { activeIdx: v, selectedIdx: D } = q({
|
|
41
|
+
optionsLength: r.options.length,
|
|
42
42
|
isDropdownOpen: i
|
|
43
43
|
}), m = (e) => {
|
|
44
44
|
i.value = !1, k.value = e;
|
|
45
45
|
};
|
|
46
46
|
w(D, (e) => {
|
|
47
|
-
m(
|
|
48
|
-
}), w(
|
|
49
|
-
e && (i.value = !i.value,
|
|
47
|
+
m(r.options[e]), i.value = !1;
|
|
48
|
+
}), w(g, (e) => {
|
|
49
|
+
e && (i.value = !i.value, g.value = !1);
|
|
50
50
|
}), w(i, (e) => {
|
|
51
51
|
h("update:dropdownState", e);
|
|
52
52
|
});
|
|
53
|
-
const
|
|
53
|
+
const y = ({ target: e }) => {
|
|
54
54
|
`${t.value}_btn` !== e.id && (i.value = !1);
|
|
55
55
|
};
|
|
56
56
|
return E(() => {
|
|
57
|
-
|
|
57
|
+
r.closeOnBodyPressed && document.addEventListener("click", y);
|
|
58
58
|
}), P(() => {
|
|
59
|
-
|
|
59
|
+
r.closeOnBodyPressed && document.removeEventListener("click", y);
|
|
60
60
|
}), (e, n) => (a(), s("div", {
|
|
61
61
|
class: l(e.$attrs.class)
|
|
62
62
|
}, [
|
|
@@ -77,7 +77,7 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
|
|
|
77
77
|
e.$slots.lefticon ? (a(), s("span", {
|
|
78
78
|
key: 1,
|
|
79
79
|
class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
|
|
80
|
-
onClick: n[0] || (n[0] = p((
|
|
80
|
+
onClick: n[0] || (n[0] = p((u) => i.value = !i.value, ["stop"]))
|
|
81
81
|
}, [
|
|
82
82
|
z(e.$slots, "lefticon")
|
|
83
83
|
])) : d("", !0),
|
|
@@ -97,8 +97,8 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
|
|
|
97
97
|
"aria-activedescendant": b(v) >= 0 && i.value ? `${t.value}_element_${e.options[b(v)].label}` : "",
|
|
98
98
|
"aria-invalid": e.isValid === !1,
|
|
99
99
|
"aria-describedby": e.isValid === !1 ? `${t.value}_invalid_msg` : void 0,
|
|
100
|
-
onClick: n[1] || (n[1] = (
|
|
101
|
-
i.value = !i.value, h("click",
|
|
100
|
+
onClick: n[1] || (n[1] = (u) => {
|
|
101
|
+
i.value = !i.value, h("click", u);
|
|
102
102
|
})
|
|
103
103
|
}, [
|
|
104
104
|
o("span", {
|
|
@@ -128,9 +128,9 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
|
|
|
128
128
|
"aria-hidden": "true",
|
|
129
129
|
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", [
|
|
130
130
|
e.fieldsetClasses,
|
|
131
|
-
e.isValid ? "uikit-border-w-
|
|
131
|
+
e.isValid ? "uikit-border-w-pink" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-lightgray",
|
|
132
132
|
{
|
|
133
|
-
"peer-aria-invalid:uikit-border-w-danger uikit-border uikit-border-solid peer-focus:uikit-border-w-
|
|
133
|
+
"peer-aria-invalid:uikit-border-w-danger uikit-border uikit-border-solid peer-focus:uikit-border-w-pink peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-pink": e.border
|
|
134
134
|
},
|
|
135
135
|
{ "uikit-border-0 peer-focus:uikit-border-0": !e.border }
|
|
136
136
|
]])
|
|
@@ -162,13 +162,13 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
|
|
|
162
162
|
onClick: n[3] || (n[3] = p(() => {
|
|
163
163
|
}, ["stop"]))
|
|
164
164
|
}, [
|
|
165
|
-
(a(!0), s(T, null, S(e.options, (
|
|
165
|
+
(a(!0), s(T, null, S(e.options, (u, c) => (a(), s("li", {
|
|
166
166
|
id: `${t.value}_element_${e.options[c].label}`,
|
|
167
|
-
key: `${
|
|
167
|
+
key: `${u.label}_${c}`,
|
|
168
168
|
role: "option",
|
|
169
169
|
"aria-selected": b(v) === c,
|
|
170
170
|
class: l(["uikit-px-20px uikit-m-1 uikit-cursor-pointer uikit-py-xs uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
|
|
171
|
-
onClick: p((C) => m(
|
|
171
|
+
onClick: p((C) => m(u), ["stop"]),
|
|
172
172
|
onMouseover: p((C) => v.value = c, ["stop"]),
|
|
173
173
|
onBlur: n[2] || (n[2] = p(() => {
|
|
174
174
|
}, ["stop"]))
|
|
@@ -179,11 +179,11 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
|
|
|
179
179
|
class: "uikit-m-0 uikit-appearance-none",
|
|
180
180
|
name: `${t.value}_radio`,
|
|
181
181
|
type: "radio",
|
|
182
|
-
checked:
|
|
183
|
-
onInput: p((C) => m(
|
|
182
|
+
checked: u.label === k.value.label,
|
|
183
|
+
onInput: p((C) => m(u), ["stop"])
|
|
184
184
|
}, null, 40, Z),
|
|
185
185
|
o("span", {
|
|
186
|
-
innerHTML:
|
|
186
|
+
innerHTML: u.label
|
|
187
187
|
}, null, 8, x)
|
|
188
188
|
])
|
|
189
189
|
], 42, X))), 128))
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as a, createElementBlock as t, openBlock as u, normalizeClass as
|
|
1
|
+
import { defineComponent as a, createElementBlock as t, openBlock as u, normalizeClass as d, renderSlot as r } from "vue";
|
|
2
2
|
const l = /* @__PURE__ */ a({
|
|
3
3
|
__name: "BaseBadge",
|
|
4
4
|
props: {
|
|
@@ -25,11 +25,11 @@ const l = /* @__PURE__ */ a({
|
|
|
25
25
|
/**
|
|
26
26
|
* @deprecated Old style
|
|
27
27
|
*/
|
|
28
|
-
"primary-sm": "uikit-badge-w-
|
|
28
|
+
"primary-sm": "uikit-badge-w-pink-sm",
|
|
29
29
|
/**
|
|
30
30
|
* @deprecated Old style
|
|
31
31
|
*/
|
|
32
|
-
"dark-primary": "uikit-badge-w-
|
|
32
|
+
"dark-primary": "uikit-badge-w-darkblue",
|
|
33
33
|
/**
|
|
34
34
|
* @deprecated Old style
|
|
35
35
|
*/
|
|
@@ -43,9 +43,9 @@ const l = /* @__PURE__ */ a({
|
|
|
43
43
|
discount: "uikit-badge-discount"
|
|
44
44
|
};
|
|
45
45
|
return (i, s) => (u(), t("span", {
|
|
46
|
-
class:
|
|
46
|
+
class: d(["uikit-badge uikit-rounded-2xs uikit-px-xs uikit-py-2xs uikit-text uikit-font-medium uikit-shadow-sm", e[i.badgeClass]])
|
|
47
47
|
}, [
|
|
48
|
-
|
|
48
|
+
r(i.$slots, "default")
|
|
49
49
|
], 2));
|
|
50
50
|
}
|
|
51
51
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as d, createElementBlock as
|
|
1
|
+
import { defineComponent as d, createElementBlock as k, openBlock as e, normalizeClass as m, createElementVNode as a, renderSlot as o, createVNode as t, createBlock as s, resolveDynamicComponent as r, withCtx as l, createTextVNode as u, toDisplayString as n } from "vue";
|
|
2
2
|
import c from "./BaseBanner/Background/BaseBannerBgElement1.vue.js";
|
|
3
3
|
import b from "./BaseBanner/Background/BaseBannerBgElement2.vue.js";
|
|
4
4
|
import h from "./BaseBanner/Background/BaseBannerBgElement3.vue.js";
|
|
@@ -15,30 +15,30 @@ const f = ["aria-label"], g = { class: "uikit-relative uikit-z-[2]" }, v = { cla
|
|
|
15
15
|
bannerClass: {}
|
|
16
16
|
},
|
|
17
17
|
setup(C) {
|
|
18
|
-
return (i,
|
|
18
|
+
return (i, _) => (e(), k("section", {
|
|
19
19
|
"aria-label": i.ariaLabel,
|
|
20
|
-
class:
|
|
20
|
+
class: m([
|
|
21
21
|
"uikit-relative uikit-overflow-hidden uikit-rounded-xs uikit-p-md uikit-text-white sm:uikit-p-lg",
|
|
22
|
-
i.bannerClass === "secondary" ? "uikit-bg-w-blue" : "uikit-bg-w-
|
|
22
|
+
i.bannerClass === "secondary" ? "uikit-bg-w-blue" : "uikit-bg-w-pink"
|
|
23
23
|
])
|
|
24
24
|
}, [
|
|
25
|
-
|
|
25
|
+
a("div", g, [
|
|
26
26
|
o(i.$slots, "title", {}, () => [
|
|
27
27
|
(e(), s(r(i.headerTag || "h2"), { class: "uikit-m-0 uikit-text-20 max-sm:uikit-mb-xs" }, {
|
|
28
28
|
default: l(() => [
|
|
29
|
-
u(
|
|
29
|
+
u(n(i.title), 1)
|
|
30
30
|
]),
|
|
31
31
|
_: 1
|
|
32
32
|
}))
|
|
33
33
|
]),
|
|
34
34
|
o(i.$slots, "description", {}, () => [
|
|
35
|
-
|
|
35
|
+
a("p", v, n(i.description), 1)
|
|
36
36
|
])
|
|
37
37
|
]),
|
|
38
38
|
o(i.$slots, "cta", {}, () => [
|
|
39
|
-
(e(), s(r(i.ctaComponent || "button"), { class: "uikit-btn uikit-btn-
|
|
39
|
+
(e(), s(r(i.ctaComponent || "button"), { class: "uikit-btn uikit-btn-ternary uikit-relative uikit-z-[2]" }, {
|
|
40
40
|
default: l(() => [
|
|
41
|
-
u(
|
|
41
|
+
u(n(i.ctaLabel), 1)
|
|
42
42
|
]),
|
|
43
43
|
_: 1
|
|
44
44
|
}))
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as f, ref as v, computed as s, createElementBlock as c, openBlock as g, withModifiers as l, normalizeStyle as
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent as f, ref as v, computed as s, createElementBlock as c, openBlock as g, withModifiers as l, normalizeStyle as B, normalizeClass as h, renderSlot as r, createVNode as C } from "vue";
|
|
2
|
+
import w from "../../../../UIKit/StaticSpinner.js";
|
|
3
3
|
const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], S = /* @__PURE__ */ f({
|
|
4
4
|
__name: "BaseButton",
|
|
5
5
|
props: {
|
|
@@ -19,12 +19,12 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
|
|
|
19
19
|
emits: ["mouseover", "mouseout", "click"],
|
|
20
20
|
setup(a, { emit: u }) {
|
|
21
21
|
const n = u, d = {
|
|
22
|
-
primary: "uikit-btn-
|
|
23
|
-
secondary: "uikit-btn-
|
|
24
|
-
ternary: "uikit-btn-
|
|
25
|
-
quaternary: "uikit-btn-
|
|
26
|
-
warning: "uikit-btn-
|
|
27
|
-
danger: "uikit-btn-
|
|
22
|
+
primary: "uikit-btn-primary",
|
|
23
|
+
secondary: "uikit-btn-secondary",
|
|
24
|
+
ternary: "uikit-btn-ternary",
|
|
25
|
+
quaternary: "uikit-btn-quaternary",
|
|
26
|
+
warning: "uikit-btn-warning",
|
|
27
|
+
danger: "uikit-btn-danger",
|
|
28
28
|
transparent: "uikit-btn-transparent",
|
|
29
29
|
light: "uikit-btn-light",
|
|
30
30
|
"show-more": "uikit-btn-show-more",
|
|
@@ -45,7 +45,7 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
|
|
|
45
45
|
id: t.$attrs.id,
|
|
46
46
|
"data-cy": t.dataCy,
|
|
47
47
|
type: t.type,
|
|
48
|
-
class:
|
|
48
|
+
class: h([
|
|
49
49
|
"uikit-btn",
|
|
50
50
|
{
|
|
51
51
|
"uikit-btn-empty": !t.withMinWidth,
|
|
@@ -57,7 +57,7 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
|
|
|
57
57
|
m.value,
|
|
58
58
|
{ "uikit-btn-rounded": t.rounded }
|
|
59
59
|
]),
|
|
60
|
-
style:
|
|
60
|
+
style: B(t.$attrs.style),
|
|
61
61
|
"data-active": t.keepActive,
|
|
62
62
|
disabled: t.isLoading || t.disabled,
|
|
63
63
|
"aria-label": t.ariaLabel,
|
|
@@ -71,7 +71,7 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
|
|
|
71
71
|
onClick: e[2] || (e[2] = (i) => n("click", i))
|
|
72
72
|
}, [
|
|
73
73
|
t.isLoading ? r(t.$slots, "spinner", { key: 1 }, () => [
|
|
74
|
-
|
|
74
|
+
C(w, {
|
|
75
75
|
"stroke-color": t.outlined ? "#ACB4C3" : "#fff"
|
|
76
76
|
}, null, 8, ["stroke-color"])
|
|
77
77
|
]) : r(t.$slots, "default", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as o, createElementBlock as i, openBlock as
|
|
1
|
+
import { defineComponent as o, createElementBlock as i, openBlock as s, withModifiers as r, normalizeClass as l, createElementVNode as d, createCommentVNode as u } from "vue";
|
|
2
2
|
const k = ["for"], b = ["innerHTML"], C = /* @__PURE__ */ o({
|
|
3
3
|
__name: "BaseFloatingLabel",
|
|
4
4
|
props: {
|
|
@@ -10,23 +10,23 @@ const k = ["for"], b = ["innerHTML"], C = /* @__PURE__ */ o({
|
|
|
10
10
|
labelTextClasses: {}
|
|
11
11
|
},
|
|
12
12
|
emits: ["click"],
|
|
13
|
-
setup(
|
|
14
|
-
const n =
|
|
15
|
-
return (e, t) => (
|
|
13
|
+
setup(p, { emit: a }) {
|
|
14
|
+
const n = a;
|
|
15
|
+
return (e, t) => (s(), i("label", {
|
|
16
16
|
for: e.$attrs.for,
|
|
17
17
|
class: l(["uikit-floating-label uikit-h-5 uikit-pointer-events-none uikit-absolute uikit-left-sm uikit-text-16 uikit-text-w-gray", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
|
|
18
|
-
onClick: t[0] || (t[0] = r((
|
|
18
|
+
onClick: t[0] || (t[0] = r((f) => n("click"), ["stop"]))
|
|
19
19
|
}, [
|
|
20
20
|
d("span", {
|
|
21
21
|
class: l([{ "uikit-text-w-secondary": e.disabled }, e.labelTextClasses]),
|
|
22
22
|
innerHTML: e.labelText
|
|
23
23
|
}, null, 10, b),
|
|
24
|
-
e.$attrs.required ? (
|
|
24
|
+
e.$attrs.required ? (s(), i("span", {
|
|
25
25
|
key: 0,
|
|
26
26
|
class: l(["uikit-absolute -uikit-top-[0.3rem]", [
|
|
27
27
|
{ "uikit-text-w-secondary": e.disabled },
|
|
28
28
|
{ "uikit-text-w-red": e.isValid === !1 },
|
|
29
|
-
{ "uikit-text-w-
|
|
29
|
+
{ "uikit-text-w-pink": (e.isValid || e.isValid === null) && !e.disabled }
|
|
30
30
|
]])
|
|
31
31
|
}, " *", 2)) : u("", !0)
|
|
32
32
|
], 10, k));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as $, mergeModels as n, useModel as T, ref as h, watch as C, createElementBlock as f, openBlock as b, normalizeClass as r, createElementVNode as v, createCommentVNode as L, unref as o, createVNode as x, withModifiers as u, nextTick as F } from "vue";
|
|
2
2
|
import M from "./BaseFloatingLabel.vue.js";
|
|
3
3
|
import '../../../../assets/packages/components/lib/UIKit/BaseFloatingLabel.css';/* empty css */
|
|
4
4
|
import { useFloatingLabel as E } from "../../../../composables/useFloatingLabel.js";
|
|
5
|
-
const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelledby", "readonly", "value"], B = ["innerHTML"], q = "peer-data-[validation='invalid']/fieldset:uikit-text-w-red peer-data-[validation='valid']/fieldset:uikit-text-w-blue", S = /* @__PURE__ */
|
|
5
|
+
const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelledby", "readonly", "value"], B = ["innerHTML"], q = "peer-data-[validation='invalid']/fieldset:uikit-text-w-red peer-data-[validation='valid']/fieldset:uikit-text-w-blue", S = /* @__PURE__ */ $({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "BaseTextarea",
|
|
8
8
|
props: /* @__PURE__ */ n({
|
|
@@ -17,21 +17,21 @@ const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelle
|
|
|
17
17
|
}),
|
|
18
18
|
emits: /* @__PURE__ */ n(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
|
|
19
19
|
setup(k, { expose: m, emit: p }) {
|
|
20
|
-
const t =
|
|
20
|
+
const t = T(k, "modelValue"), s = p, {
|
|
21
21
|
labelState: d,
|
|
22
22
|
handleFocusIn: c,
|
|
23
23
|
handleFocusOut: w,
|
|
24
24
|
setFloatingLabel: y,
|
|
25
25
|
setInlineLabel: V
|
|
26
|
-
} = E(), a =
|
|
27
|
-
|
|
26
|
+
} = E(), a = h(null);
|
|
27
|
+
C(
|
|
28
28
|
t,
|
|
29
29
|
(e) => {
|
|
30
30
|
`${e}`.length && d.value !== "floating-label" ? y() : !e?.length && d.value !== "inline-label" && document.activeElement !== a.value && V();
|
|
31
31
|
},
|
|
32
32
|
{ immediate: !0 }
|
|
33
33
|
);
|
|
34
|
-
const
|
|
34
|
+
const g = ({ target: e }) => {
|
|
35
35
|
t.value = e.value;
|
|
36
36
|
};
|
|
37
37
|
return m({
|
|
@@ -59,7 +59,7 @@ const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelle
|
|
|
59
59
|
ref_key: "textarea",
|
|
60
60
|
ref: a,
|
|
61
61
|
"data-cy": e.$attrs["data-cy"],
|
|
62
|
-
class: r(["textarea-scrollbar uikit-peer/fieldset uikit-relative uikit-min-h-[130px] uikit-min-w-[343px] uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-2xs uikit-border uikit-border-solid uikit-bg-white uikit-px-sm uikit-py-lg uikit-text-16 uikit-outline-none focus-visible:uikit-border-w-blue data-[validation='invalid']:uikit-border-w-red data-[validation='valid']:uikit-border-w-blue", [
|
|
62
|
+
class: r(["textarea-scrollbar uikit-peer/fieldset uikit-relative uikit-min-h-[130px] uikit-min-w-[343px] uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-px-sm uikit-py-lg uikit-text-16 uikit-outline-none focus-visible:uikit-border-w-blue data-[validation='invalid']:uikit-border-w-red data-[validation='valid']:uikit-border-w-blue", [
|
|
63
63
|
{ "is-invalid": e.isValid === !1 },
|
|
64
64
|
{ "is-valid": e.isValid },
|
|
65
65
|
{ "uikit-resize-none": !e.resize },
|
|
@@ -82,7 +82,7 @@ const z = ["id", "data-cy", "data-validation", "rows", "disabled", "aria-labelle
|
|
|
82
82
|
},
|
|
83
83
|
["stop"]
|
|
84
84
|
)),
|
|
85
|
-
onInput: u(
|
|
85
|
+
onInput: u(g, ["stop"]),
|
|
86
86
|
onKeydown: i[2] || (i[2] = u((l) => s("keydown", l), ["stop"])),
|
|
87
87
|
onClick: i[3] || (i[3] = (l) => s("click", l)),
|
|
88
88
|
value: t.value
|
|
@@ -29,7 +29,7 @@ const h = ["for"], k = ["id", "multiple", "accept"], B = /* @__PURE__ */ p({
|
|
|
29
29
|
class: s(["base-upload-file-wrapper uikit-relative", [e.$attrs.class]])
|
|
30
30
|
}, [
|
|
31
31
|
i("label", {
|
|
32
|
-
class: s(["uikit-btn uikit-btn-
|
|
32
|
+
class: s(["uikit-btn uikit-btn-ternary", e.labelClasses]),
|
|
33
33
|
for: e.id
|
|
34
34
|
}, [
|
|
35
35
|
i("input", {
|
|
@@ -19,7 +19,7 @@ const N = ["for"], q = /* @__PURE__ */ m({
|
|
|
19
19
|
},
|
|
20
20
|
emits: ["click", "change", "update:modelValue"],
|
|
21
21
|
setup(t, { emit: r }) {
|
|
22
|
-
const i = f(), d = h(() => `${t.id
|
|
22
|
+
const i = f(), d = h(() => `${t.id ?? i}`), a = r;
|
|
23
23
|
b(
|
|
24
24
|
() => t.checked,
|
|
25
25
|
(e) => {
|
|
@@ -13,15 +13,13 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
|
|
|
13
13
|
autoCheckResetAll: { type: Boolean, default: !1 },
|
|
14
14
|
autoCheckResetEmpty: { type: Boolean, default: !1 },
|
|
15
15
|
manualToggleResetButton: { type: Boolean, default: !1 },
|
|
16
|
-
getKey: { type: Function, default() {
|
|
17
|
-
return (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}`;
|
|
18
|
-
} },
|
|
16
|
+
getKey: { type: Function, default: (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}` },
|
|
19
17
|
groupId: { default: "" },
|
|
20
18
|
dataCy: { default: "" }
|
|
21
19
|
},
|
|
22
20
|
emits: ["resetted", "update:modelValue", "checkedGroup"],
|
|
23
21
|
setup(n, { emit: g }) {
|
|
24
|
-
const C = (e = "") => !e || !e.trim() ? "" : (e = e.trim(), e.replace(" ", "-").toLowerCase()), y = (e) => !e?.length, o = n,
|
|
22
|
+
const C = (e = "") => !e || !e.trim() ? "" : (e = e.trim(), e.replace(" ", "-").toLowerCase()), y = (e) => !e?.length, o = n, s = g, c = D(/* @__PURE__ */ new Map()), r = h(() => {
|
|
25
23
|
for (const e of o.checkboxData)
|
|
26
24
|
if (e.reset) return e;
|
|
27
25
|
return null;
|
|
@@ -38,7 +36,7 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
|
|
|
38
36
|
`${t.id}`,
|
|
39
37
|
t
|
|
40
38
|
), t.checked && e.push(t);
|
|
41
|
-
|
|
39
|
+
s("update:modelValue", e);
|
|
42
40
|
})();
|
|
43
41
|
const u = (e, t) => {
|
|
44
42
|
const a = c.value.get(e);
|
|
@@ -54,17 +52,17 @@ const w = ["id", "data-cy"], F = /* @__PURE__ */ x({
|
|
|
54
52
|
e.checked = !1;
|
|
55
53
|
});
|
|
56
54
|
}, p = () => {
|
|
57
|
-
k(),
|
|
55
|
+
k(), s("update:modelValue", []), s("resetted");
|
|
58
56
|
}, d = (e) => c.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
|
|
59
57
|
if (y(o.checkboxData)) return;
|
|
60
58
|
const t = c.value.get(e.id);
|
|
61
|
-
t?.reset && e.checked ? k() :
|
|
59
|
+
t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === v.value - 1 && c.value.forEach((l) => {
|
|
62
60
|
l.checked = !!l.reset;
|
|
63
|
-
}), o.autoCheckResetEmpty &&
|
|
61
|
+
}), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
|
|
64
62
|
const a = [];
|
|
65
63
|
c.value.forEach((l) => {
|
|
66
64
|
l.checked && a.push(l);
|
|
67
|
-
}),
|
|
65
|
+
}), s("update:modelValue", a), s("checkedGroup", o.groupId);
|
|
68
66
|
};
|
|
69
67
|
return E(
|
|
70
68
|
() => o.reset,
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "2.1.4-alpha.
|
|
3
|
+
"version": "2.1.4-alpha.9",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"files": [
|
|
9
|
-
"dist"
|
|
9
|
+
"dist",
|
|
10
|
+
"plugins"
|
|
10
11
|
],
|
|
11
12
|
"sideEffects": [
|
|
12
13
|
"**/*.css"
|
|
@@ -28,6 +29,9 @@
|
|
|
28
29
|
"./chart/*": {
|
|
29
30
|
"import": "./dist/chart/*.js",
|
|
30
31
|
"types": "./dist/chart/*.d.ts"
|
|
32
|
+
},
|
|
33
|
+
"./buttonPlugin": {
|
|
34
|
+
"import": "./plugins/buttonPlugin.ts"
|
|
31
35
|
}
|
|
32
36
|
},
|
|
33
37
|
"repository": {
|
|
@@ -0,0 +1,290 @@
|
|
|
1
|
+
import plugin from "tailwindcss/plugin";
|
|
2
|
+
|
|
3
|
+
const colors = {
|
|
4
|
+
//New colors
|
|
5
|
+
primary: { value: "#F20282", hover: "#E30C79", outlineHover: "#FFF8FB" },
|
|
6
|
+
secondary: { value: "#2b5dff", hover: "#244FD9" },
|
|
7
|
+
lightgray: { value: "#C1C8D5", hover: "" },
|
|
8
|
+
ghost: { value: "#FAFBFF", hover: "" },
|
|
9
|
+
|
|
10
|
+
//Old colors
|
|
11
|
+
darkPrimary: { value: "#2A3761", hover: "" },
|
|
12
|
+
lavender: { value: "#E9EFFE", hover: "" },
|
|
13
|
+
cultured: { value: "#F4F7FF", hover: "" },
|
|
14
|
+
carbon: { value: "#3C474D", hover: "" },
|
|
15
|
+
gray: { value: "#6D7687", hover: "" },
|
|
16
|
+
black: { value: "#222222", hover: "" },
|
|
17
|
+
warning: { value: "#FFD167", hover: "" },
|
|
18
|
+
white: { value: "#FFF", hover: "" },
|
|
19
|
+
danger: { value: "#FA4F64", hover: "" },
|
|
20
|
+
} as const;
|
|
21
|
+
|
|
22
|
+
export const buttonPlugin = plugin(({ addComponents, theme }) => {
|
|
23
|
+
addComponents({
|
|
24
|
+
".btn": {
|
|
25
|
+
"--btn-px": "25px",
|
|
26
|
+
"--btn-py": "11px",
|
|
27
|
+
"--btn-bg-color": "transparent",
|
|
28
|
+
"--btn-text-color": colors.black.value,
|
|
29
|
+
"--btn-border-color": "unset",
|
|
30
|
+
"--btn-border-width": "0",
|
|
31
|
+
"--btn-border-radius": "24px",
|
|
32
|
+
"--btn-border-style": "solid",
|
|
33
|
+
"--btn-height": "40px",
|
|
34
|
+
"--btn-width": "auto",
|
|
35
|
+
"--btn-font-size": theme("fontSize.16"),
|
|
36
|
+
"--btn-transition":
|
|
37
|
+
"color, background-color cubic-bezier(0.4, 0, 0.2, 1) 150ms",
|
|
38
|
+
"--btn-font-weight": `${theme("fontWeight.semibold")}`,
|
|
39
|
+
display: "inline-flex",
|
|
40
|
+
"align-items": "center",
|
|
41
|
+
"justify-content": "center",
|
|
42
|
+
"font-size": "var(--btn-font-size)",
|
|
43
|
+
"font-weight": "var(--btn-font-weight)",
|
|
44
|
+
"white-space": "nowrap",
|
|
45
|
+
border:
|
|
46
|
+
"var(--btn-border-width) var(--btn-border-color) var(--btn-border-style)",
|
|
47
|
+
"border-radius": "var(--btn-border-radius)",
|
|
48
|
+
cursor: "pointer",
|
|
49
|
+
height: "var(--btn-height)",
|
|
50
|
+
width: "var(--btn-width)",
|
|
51
|
+
"background-color": "var(--btn-bg-color)",
|
|
52
|
+
color: "var(--btn-text-color)",
|
|
53
|
+
padding: "var(--btn-py) var(--btn-px)",
|
|
54
|
+
transition: "var(--btn-transition)",
|
|
55
|
+
"line-height": "1",
|
|
56
|
+
"-webkit-tap-highlight-color": "transparent",
|
|
57
|
+
"&.btn-lg": {
|
|
58
|
+
"--btn-height": "48px",
|
|
59
|
+
"--btn-px": "24px",
|
|
60
|
+
"--btn-py": "12px",
|
|
61
|
+
},
|
|
62
|
+
"&.btn-sm": {
|
|
63
|
+
"--btn-px": "24px",
|
|
64
|
+
"--btn-py": "8px",
|
|
65
|
+
"--btn-height": "40px",
|
|
66
|
+
},
|
|
67
|
+
"&.btn-rounded": {
|
|
68
|
+
"--btn-px": "0",
|
|
69
|
+
"--btn-py": "0",
|
|
70
|
+
},
|
|
71
|
+
"&.btn-outline": {
|
|
72
|
+
"--btn-border-width": "1px",
|
|
73
|
+
"--btn-bg-color": colors.white.value,
|
|
74
|
+
},
|
|
75
|
+
"&.btn-primary": {
|
|
76
|
+
...createBtn(
|
|
77
|
+
{
|
|
78
|
+
bgColor: colors.primary.value,
|
|
79
|
+
textColor: colors.white.value,
|
|
80
|
+
hoverBgColor: colors.primary.hover,
|
|
81
|
+
hoverDisabledBgColor: colors.primary.value,
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
mainColor: colors.white.hover,
|
|
85
|
+
textColor: colors.primary.value,
|
|
86
|
+
hoverBgColor: colors.primary.outlineHover,
|
|
87
|
+
},
|
|
88
|
+
),
|
|
89
|
+
"text-transform": "uppercase",
|
|
90
|
+
},
|
|
91
|
+
"&.btn-secondary": createBtn(
|
|
92
|
+
{
|
|
93
|
+
bgColor: colors.secondary.value,
|
|
94
|
+
textColor: colors.white.value,
|
|
95
|
+
hoverBgColor: colors.secondary.hover,
|
|
96
|
+
hoverDisabledBgColor: colors.secondary.value,
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
mainColor: colors.secondary.value,
|
|
100
|
+
textColor: colors.secondary.value,
|
|
101
|
+
},
|
|
102
|
+
),
|
|
103
|
+
"&.btn-ternary": {
|
|
104
|
+
...createBtn({
|
|
105
|
+
bgColor: colors.white.value,
|
|
106
|
+
textColor: colors.secondary.value,
|
|
107
|
+
hoverBgColor: colors.white.value,
|
|
108
|
+
hoverDisabledBgColor: colors.secondary.value,
|
|
109
|
+
hoverTextColor: colors.secondary.hover,
|
|
110
|
+
}),
|
|
111
|
+
"--btn-border-color": colors.lightgray.value,
|
|
112
|
+
"--btn-border-width": "1px",
|
|
113
|
+
"--btn-border-radius": "24px",
|
|
114
|
+
},
|
|
115
|
+
"&.btn-quaternary": {
|
|
116
|
+
"--btn-px": "0",
|
|
117
|
+
"--btn-py": "0",
|
|
118
|
+
"--btn-text-color": colors.secondary.value,
|
|
119
|
+
"--btn-height": "auto",
|
|
120
|
+
"&:hover": {
|
|
121
|
+
"text-decoration": "underline",
|
|
122
|
+
"--btn-text-color": colors.secondary.hover,
|
|
123
|
+
},
|
|
124
|
+
"&:disabled": {
|
|
125
|
+
"--btn-bg-color": "transparent",
|
|
126
|
+
"--btn-text-color": colors.lightgray.value,
|
|
127
|
+
},
|
|
128
|
+
},
|
|
129
|
+
"&.btn-single-selection": {
|
|
130
|
+
"--btn-px": "16px",
|
|
131
|
+
"--btn-py": "8px",
|
|
132
|
+
"--btn-border-radius": theme("borderRadius.2xs"),
|
|
133
|
+
"--btn-border-color": colors.lightgray.value,
|
|
134
|
+
"--btn-border-width": "1px",
|
|
135
|
+
"--btn-font-weight": theme("fontWeight.regular"),
|
|
136
|
+
"&:hover": {
|
|
137
|
+
"--btn-border-color": colors.secondary.value,
|
|
138
|
+
},
|
|
139
|
+
"&:active,&.active,&[data-active='true']": {
|
|
140
|
+
"--btn-bg-color": colors.ghost.value,
|
|
141
|
+
"--btn-text-color": colors.secondary.value,
|
|
142
|
+
"--btn-border-color": colors.secondary.value,
|
|
143
|
+
},
|
|
144
|
+
},
|
|
145
|
+
},
|
|
146
|
+
//OLD style. Kept for retro-compatibility
|
|
147
|
+
".btn-light": createBtn({
|
|
148
|
+
textColor: colors.primary.value,
|
|
149
|
+
bgColor: colors.white.value,
|
|
150
|
+
hoverTextColor: colors.primary.value,
|
|
151
|
+
hoverBgColor: "#FAFAFA",
|
|
152
|
+
hoverDisabledBgColor: colors.white.value,
|
|
153
|
+
}),
|
|
154
|
+
".btn-warning": createBtn({
|
|
155
|
+
bgColor: colors.warning.value,
|
|
156
|
+
textColor: "#2A3761",
|
|
157
|
+
hoverBgColor: "#F2C761",
|
|
158
|
+
hoverDisabledBgColor: colors.warning.value,
|
|
159
|
+
}),
|
|
160
|
+
".btn-danger": createBtn(
|
|
161
|
+
{
|
|
162
|
+
bgColor: colors.danger.value,
|
|
163
|
+
textColor: colors.white.value,
|
|
164
|
+
hoverBgColor: "#E0485A",
|
|
165
|
+
hoverDisabledBgColor: colors.danger.value,
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
mainColor: colors.danger.value,
|
|
169
|
+
textColor: colors.danger.value,
|
|
170
|
+
},
|
|
171
|
+
),
|
|
172
|
+
".btn-multi-selection": {
|
|
173
|
+
"--btn-py": "10px",
|
|
174
|
+
"--btn-height": "40px",
|
|
175
|
+
"font-weight": theme("fontWeight.regular"),
|
|
176
|
+
"--btn-border-radius": theme("borderRadius.xs"),
|
|
177
|
+
"--btn-border-color": "#EAEFFD",
|
|
178
|
+
"--btn-border-width": "1px",
|
|
179
|
+
"white-space": "normal",
|
|
180
|
+
...createBtn({
|
|
181
|
+
textColor: colors.black.value,
|
|
182
|
+
bgColor: "#F5F7FA",
|
|
183
|
+
hoverBgColor: colors.lavender.value,
|
|
184
|
+
hoverDisabledBgColor: colors.white.value,
|
|
185
|
+
hoverBorderColor: "#385CF6",
|
|
186
|
+
}),
|
|
187
|
+
},
|
|
188
|
+
|
|
189
|
+
".btn-facile": {
|
|
190
|
+
"--btn-facile-color": "#FF6600",
|
|
191
|
+
"--btn-facile-hover-color": "#b34700",
|
|
192
|
+
...createBtn({
|
|
193
|
+
bgColor: "var(--btn-facile-color)",
|
|
194
|
+
textColor: colors.white.value,
|
|
195
|
+
hoverBgColor: "var(--btn-facile-hover-color)",
|
|
196
|
+
hoverTextColor: colors.white.value,
|
|
197
|
+
hoverDisabledBgColor: "var(--btn-facile-color)",
|
|
198
|
+
}),
|
|
199
|
+
},
|
|
200
|
+
".btn-show-more": {
|
|
201
|
+
"--btn-border-radius": "0",
|
|
202
|
+
"--btn-border-color": colors.white.value,
|
|
203
|
+
...createBtn({
|
|
204
|
+
textColor: "#2B5DFF",
|
|
205
|
+
bgColor: colors.white.value,
|
|
206
|
+
hoverTextColor: "#3646B3",
|
|
207
|
+
hoverBgColor: colors.white.value,
|
|
208
|
+
hoverDisabledBgColor: colors.white.value,
|
|
209
|
+
}),
|
|
210
|
+
},
|
|
211
|
+
".btn-transparent": {
|
|
212
|
+
"--border-color": "transparent",
|
|
213
|
+
"--btn-px": "0",
|
|
214
|
+
"--btn-py": "0",
|
|
215
|
+
"&:hover": {
|
|
216
|
+
"--btn-bg-color": "transparent",
|
|
217
|
+
"--border-color": "transparent",
|
|
218
|
+
},
|
|
219
|
+
},
|
|
220
|
+
});
|
|
221
|
+
});
|
|
222
|
+
|
|
223
|
+
type BtnAttributes = {
|
|
224
|
+
bgColor: string;
|
|
225
|
+
textColor: string;
|
|
226
|
+
hoverBgColor: string;
|
|
227
|
+
hoverTextColor?: string;
|
|
228
|
+
/* The border color will be applied to desktop mode */
|
|
229
|
+
hoverBorderColor?: string;
|
|
230
|
+
activeBorderColor?: string;
|
|
231
|
+
activeBgColor?: string;
|
|
232
|
+
activeTextColor?: string;
|
|
233
|
+
hoverDisabledBgColor: string;
|
|
234
|
+
};
|
|
235
|
+
type BtnOutlineVariantAttributes = {
|
|
236
|
+
/* If present, it will be used to set the color to borders, text and background */
|
|
237
|
+
mainColor?: string;
|
|
238
|
+
borderColor?: string;
|
|
239
|
+
textColor?: string;
|
|
240
|
+
/* The hover bg color will be activated only from tablet mode on */
|
|
241
|
+
hoverBgColor?: string;
|
|
242
|
+
hoverDisabledBgColor?: string;
|
|
243
|
+
/* The hover text color will be activated only from tablet mode on */
|
|
244
|
+
hoverTextColor?: string;
|
|
245
|
+
activeBgColor?: string;
|
|
246
|
+
activeTextColor?: string;
|
|
247
|
+
};
|
|
248
|
+
|
|
249
|
+
const createBtn = (
|
|
250
|
+
btnProps: BtnAttributes,
|
|
251
|
+
btnOutlineProps?: BtnOutlineVariantAttributes,
|
|
252
|
+
): any => ({
|
|
253
|
+
"--btn-bg-color": btnProps.bgColor,
|
|
254
|
+
"--btn-text-color": btnProps.textColor,
|
|
255
|
+
"&:disabled": {
|
|
256
|
+
cursor: "not-allowed",
|
|
257
|
+
},
|
|
258
|
+
"&:hover:not(:disabled)": {
|
|
259
|
+
"--btn-text-color": btnProps.hoverTextColor,
|
|
260
|
+
"--btn-bg-color": btnProps.hoverBgColor,
|
|
261
|
+
},
|
|
262
|
+
...(btnOutlineProps
|
|
263
|
+
? {
|
|
264
|
+
"&.btn-outline": createOutlineVariant(btnOutlineProps),
|
|
265
|
+
}
|
|
266
|
+
: {}),
|
|
267
|
+
});
|
|
268
|
+
|
|
269
|
+
const createOutlineVariant = (props: BtnOutlineVariantAttributes): any => ({
|
|
270
|
+
"--btn-border-color": props.mainColor ?? props.borderColor,
|
|
271
|
+
"--btn-text-color": props.textColor,
|
|
272
|
+
"--btn-bg-color": "#fff",
|
|
273
|
+
//By default, the active section is the same of the hover section in desktop mode
|
|
274
|
+
"&:active": {
|
|
275
|
+
"--btn-bg-color":
|
|
276
|
+
(props.mainColor ?? props.activeBgColor ?? props.hoverBgColor) +
|
|
277
|
+
" !important",
|
|
278
|
+
//By default, on active the text is white
|
|
279
|
+
...(props.activeTextColor || props.hoverTextColor
|
|
280
|
+
? {
|
|
281
|
+
"--btn-text-color": props.activeTextColor ?? props.hoverTextColor,
|
|
282
|
+
}
|
|
283
|
+
: {}),
|
|
284
|
+
},
|
|
285
|
+
"&:hover": {
|
|
286
|
+
//By default, the text color is white
|
|
287
|
+
...(props.hoverBgColor ? { "--btn-bg-color": props.hoverBgColor } : {}),
|
|
288
|
+
"--btn-text-color": props.hoverTextColor ?? props.textColor,
|
|
289
|
+
},
|
|
290
|
+
});
|