pns-component-library 1.6.0 → 1.6.1
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/README.md +16 -0
- package/dist/pns-component-library.es.js +205 -181
- package/dist/pns-component-library.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.fade-out[data-v-b9afac50]{animation:fadeOut-b9afac50 var(--fade-out-duration-ms, 3s) forwards}@keyframes fadeOut-b9afac50{0%{opacity:1}90%{opacity:.8}to{opacity:0}}.simplified-notification[data-v-b9afac50]{width:100%;padding:12px 16px;border-radius:8px;display:flex;gap:12px;align-items:stretch;box-sizing:border-box;position:relative}.simplified-notification.blue[data-v-b9afac50]{background:#e8f4fd}.simplified-notification.red[data-v-b9afac50]{background:#faeaea}.simplified-notification.yellow[data-v-b9afac50]{background:#fff7df}.simplified-notification.green[data-v-b9afac50]{background:#ebf4ec}.prefix_icon[data-v-b9afac50]{width:24px;height:24px}.prefix-icon-container[data-v-b9afac50]{display:flex;align-items:flex-start}.close-btn-container[data-v-b9afac50]{display:flex;flex-direction:column}.close-btn[data-v-b9afac50]{cursor:pointer}.notifiction-text[data-v-b9afac50]{width:100%;color:#000;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;white-space:normal;word-break:break-word}.content-wrapper[data-v-b9afac50]{width:100%}.title[data-v-b9afac50]{color:#000;font-family:Roboto;font-size:14px;font-weight:600;line-height:16px;margin-bottom:4px}.content-details[data-v-b9afac50]{min-height:24px;display:flex;align-items:center}@media only screen and (max-width:767px){.simplified-notification[data-v-b9afac50]{padding:8px 12px;gap:8px}}.responsive-button-wrapper[data-v-b993e836]{position:relative}.responsive-button-wrapper.fill-whole[data-v-b993e836]{width:100%;height:fit-content}.responsive-button-wrapper.fit-content[data-v-b993e836]{width:fit-content;height:fit-content}.responsive-button-wrapper[data-v-b993e836] .component-loading-spinner{border-radius:4px}.responsive-button-wrapper[data-v-b993e836] .component-loading-spinner:after{height:25px;width:25px}.responsive-button[data-v-b993e836]{height:fit-content;box-sizing:border-box;border-radius:4px;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Roboto;cursor:pointer}.responsive-button.fit-content[data-v-b993e836]{min-width:90px}.responsive-button.no-display-name[data-v-b993e836]{min-width:0px!important}.button-content[data-v-b993e836]{display:flex;column-gap:8px;align-items:center}.prefix-wrapper[data-v-b993e836],.suffix-wrapper[data-v-b993e836]{width:20px;height:20px;flex-shrink:0}.rotate-0[data-v-b993e836]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-b993e836]{transform:rotate(180deg)}.responsive-button.xsmall[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.xsmall[data-v-b993e836]{width:fit-content;padding:7px 23px}.responsive-button.no-display-name.fit-content.xsmall[data-v-b993e836]{width:fit-content;padding:7px!important}.responsive-button.fit-content.xsmall.has-prefix[data-v-b993e836]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.xsmall.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.xsmall.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.xsmall[data-v-b993e836]{width:100%;padding:7px}.responsive-button.small[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-b993e836]{width:fit-content;padding:9px 23px}.responsive-button.no-display-name.fit-content.small[data-v-b993e836]{width:fit-content;padding:9px!important}.responsive-button.fit-content.small.has-prefix[data-v-b993e836]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.small.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.small[data-v-b993e836]{width:100%;padding:9px 7px}.responsive-button.medium[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-b993e836]{width:fit-content;padding:10px 23px}.responsive-button.no-display-name.fit-content.medium[data-v-b993e836]{width:fit-content;padding:10px!important}.responsive-button.fit-content.medium.has-prefix[data-v-b993e836]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.medium[data-v-b993e836]{width:100%;padding:10px 7px}.responsive-button.large[data-v-b993e836]{font-size:16px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-b993e836]{width:fit-content;padding:11px 23px}.responsive-button.no-display-name.fit-content.large[data-v-b993e836]{width:fit-content;padding:11px!important}.responsive-button.fit-content.large.has-prefix[data-v-b993e836]{width:fit-content;padding:11px 23px 11px 15px}.responsive-button.fit-content.large.has-suffix[data-v-b993e836]{width:fit-content;padding:11px 15px 11px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:11px 15px}.responsive-button.fill-whole.large[data-v-b993e836]{width:100%;padding:11px 7px}.disabled[data-v-b993e836]{cursor:not-allowed}.outlined-primary[data-v-b993e836]{border:1px solid #1E4670;background:#fff;color:#1e4670}.outlined-primary.held[data-v-b993e836]:hover,.outlined-primary[data-v-b993e836]:hover{background:#ecf2f8}.outlined-primary.held[data-v-b993e836],.outlined-primary.held[data-v-b993e836]:active,.outlined-primary.focused[data-v-b993e836],.outlined-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.outlined-primary.held.disabled[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836]:hover,.outlined-primary.disabled.focused[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-primary[data-v-b993e836]{border:1px solid #1E4670;background:#1e4670;color:#fff}.filled-primary.held[data-v-b993e836]:hover,.filled-primary[data-v-b993e836]:hover{background:#022a53}.filled-primary.held[data-v-b993e836],.filled-primary.held[data-v-b993e836]:active,.filled-primary.focused[data-v-b993e836],.filled-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#022a53}.filled-primary.held.disabled[data-v-b993e836],.filled-primary.disabled[data-v-b993e836],.filled-primary.disabled[data-v-b993e836]:hover,.filled-primary.disabled.focused .filled-primary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#979797}.text-primary[data-v-b993e836]{border:1px solid transparent;background:#fff;color:#1e4670}.text-primary.held[data-v-b993e836]:hover,.text-primary[data-v-b993e836]:hover{background:#ecf2f8}.text-primary.held[data-v-b993e836],.text-primary.held[data-v-b993e836]:active,.text-primary.focused[data-v-b993e836],.text-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.text-primary.held.disabled[data-v-b993e836],.text-primary.disabled[data-v-b993e836],.text-primary.disabled[data-v-b993e836]:hover,.text-primary.disabled.focused[data-v-b993e836],.text-primary.disabled[data-v-b993e836]:active{color:#979797}.outlined-secondary[data-v-b993e836]{border:1px solid #20A8C3;background:#fff;color:#20a8c3}.outlined-secondary.held[data-v-b993e836]:hover,.outlined-secondary[data-v-b993e836]:hover{background:#e8f0f4}.outlined-secondary.held[data-v-b993e836],.outlined-secondary.held[data-v-b993e836]:active,.outlined-secondary.focused[data-v-b993e836],.outlined-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.outlined-secondary.held.disabled[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836]:hover,.outlined-secondary.disabled.focused[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-secondary[data-v-b993e836]{border:1px solid #20A8C3;background:#20a8c3;color:#fff}.filled-secondary.held[data-v-b993e836]:hover,.filled-secondary[data-v-b993e836]:hover{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#20a8c3;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.filled-secondary.held[data-v-b993e836],.filled-secondary.held[data-v-b993e836]:active,.filled-secondary.focused[data-v-b993e836],.filled-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#20a8c3}.filled-secondary.held.disabled[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836]:hover,.filled-secondary.disabled.focused[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#979797}.text-secondary[data-v-b993e836]{border:1px solid transparent;background:#fff;color:#20a8c3}.text-secondary.held[data-v-b993e836]:hover,.text-secondary[data-v-b993e836]:hover{background:#e8f0f4}.text-secondary.held[data-v-b993e836],.text-secondary.held[data-v-b993e836]:active,.text-secondary.focused[data-v-b993e836],.text-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.text-secondary.held.disabled[data-v-b993e836],.text-secondary.disabled[data-v-b993e836],.text-secondary.disabled[data-v-b993e836]:hover,.text-secondary.disabled.focused[data-v-b993e836],.text-secondary.disabled[data-v-b993e836]:active{color:#979797}.responsive-button-dropdown[data-v-b993e836]{min-width:300px;padding:9px 12px;box-sizing:border-box;border-radius:4px;background:#fff;box-shadow:0 4px 8px #00000026,0 1px 3px #0000004d;position:absolute;z-index:1000}.fill-whole .responsive-button-dropdown[data-v-b993e836]{width:100%}.fit-content .responsive-button-dropdown[data-v-b993e836]{width:fit-content}.responsive-button-dropdown.sub-dropdown[data-v-b993e836]{width:fit-content!important}.responsive-button-dropdown-option[data-v-b993e836]{width:100%!important;padding:12px 8px!important;border:none!important;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff!important;color:#1c1b1f!important;font-family:Roboto!important;font-size:16px!important;font-weight:400!important;line-height:19px!important;cursor:pointer}.responsive-button-dropdown-option.hovered[data-v-b993e836]{border-radius:4px!important;background:#faebe6!important}.responsive-button-dropdown-option.disabled[data-v-b993e836],.responsive-button-dropdown-option.disabled.hovered[data-v-b993e836]{color:#979797!important;cursor:not-allowed!important}.responsive-button-dropdown-option .button-name[data-v-b993e836]{text-align:left}.non-web-responsive-button-nested-dropdown-button[data-v-b993e836]{width:100%!important;box-sizing:border-box;padding:12px 8px;border-bottom:1px solid #BCCCDC;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.fill-whole .non-web-responsive-button-dropdown-option[data-v-b993e836],.fit-content .non-web-responsive-button-dropdown-option[data-v-b993e836]{width:100%}.non-web-responsive-button-dropdown-option[data-v-b993e836]{box-sizing:border-box;padding:12px 8px;display:flex;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.non-web-responsive-button-dropdown-option[data-v-b993e836]:active{border-radius:4px!important;background:#faebe6!important}.non-web-responsive-button-dropdown-option.disabled[data-v-b993e836],.non-web-responsive-button-dropdown-option.disabled[data-v-b993e836]:active{color:#979797!important;cursor:not-allowed!important}@media only screen and (max-width:767px){.simplified-notification[data-v-b993e836]{padding:8px 12px;gap:8px}.responsive-button.small[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-b993e836]{width:fit-content;padding:7px 23px}.responsive-button.fit-content.small.has-prefix[data-v-b993e836]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.small.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.small[data-v-b993e836]{width:100%;padding:7px}.responsive-button.medium[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-b993e836]{width:fit-content;padding:9px 23px}.responsive-button.fit-content.medium.has-prefix[data-v-b993e836]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.medium[data-v-b993e836]{width:100%;padding:9px 7px}.responsive-button.large[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-b993e836]{width:fit-content;padding:10px 23px}.responsive-button.fit-content.large.has-prefix[data-v-b993e836]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.large.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.large[data-v-b993e836]{width:100%;padding:10px 7px}.responsive-button-dropdown-option[data-v-b993e836]{font-size:14px!important;font-weight:400!important;line-height:20px!important;letter-spacing:.25px!important}.responsive-button-dropdown[data-v-b993e836]{min-width:267px}}.dynamic-color-responsive-button-container.fit-content[data-v-41cc1a6c]{width:fit-content}.dynamic-color-responsive-button-container.fill-whole[data-v-41cc1a6c]{width:100%}.dynamic-color-responsive-button-container.icon-button[data-v-41cc1a6c]{width:fit-content;min-width:48px}.fill-whole .dynamic-color-responsive-button[data-v-41cc1a6c],.icon-button .dynamic-color-responsive-button[data-v-41cc1a6c]{width:100%}.fit-content .dynamic-color-responsive-button[data-v-41cc1a6c]{width:fit-content}.dynamic-color-responsive-button[data-v-41cc1a6c]{box-sizing:border-box;height:fit-content;display:flex;align-items:center;justify-content:center;cursor:pointer}.disabled .dynamic-color-responsive-button[data-v-41cc1a6c]{cursor:not-allowed}.small .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:48px;padding:4px 0}.medium .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:56px}.large .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:96px}.xlarge .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:136px}.fit-content .dynamic-color-responsive-button-content[data-v-41cc1a6c],.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{width:fit-content}.fill-whole .dynamic-color-responsive-button-content[data-v-41cc1a6c]{width:100%}.dynamic-color-responsive-button-content[data-v-41cc1a6c]{display:flex;align-items:center;justify-content:center;background:var(--button-background-color--);color:var(--button-text-color--);border-radius:var(--button-border-radius--);border-style:solid;border-color:var(--button-border-color--);transition:all .2s ease-in-out}.elevated .dynamic-color-responsive-button-content[data-v-41cc1a6c]{box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.disabled .dynamic-color-responsive-button-content[data-v-41cc1a6c],.disabled .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-41cc1a6c],.disabled .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-41cc1a6c],.disabled .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:var(--button-background-color--)!important;border-radius:var(--button-border-radius--)!important}.has-interaction-effect .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 8%)}.has-interaction-effect .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 10%)}.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 16%)}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:8px}.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:12px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c],.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:9px 15px;column-gap:8px}.medium .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:15px 23px;column-gap:8px}.large .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:2px;padding:30px 46px;column-gap:12px}.xlarge .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:2px;padding:46px 62px;column-gap:16px}.small.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:7px}.medium.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:15px}.large.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:30px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:46px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:3px;padding-right:3px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:11px;padding-right:11px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:14px;padding-right:14px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:30px;padding-right:30px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:13px;padding-right:13px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:23px;padding-right:23px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:46px;padding-right:46px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:70px;padding-right:70px}.prefix-raw-html-slot[data-v-41cc1a6c],.suffix-raw-html-slot[data-v-41cc1a6c]{width:100%;height:100%}[data-v-41cc1a6c] .prefix-wrapper>svg,[data-v-41cc1a6c] .suffix-wrapper>svg,[data-v-41cc1a6c] .prefix-raw-html-slot>svg,[data-v-41cc1a6c] .suffix-raw-html-slot>svg,[data-v-41cc1a6c] .prefix-wrapper>img,[data-v-41cc1a6c] .suffix-wrapper>img,[data-v-41cc1a6c] .prefix-raw-html-slot>img,[data-v-41cc1a6c] .suffix-raw-html-slot>img{width:100%;height:100%}.small .prefix-wrapper[data-v-41cc1a6c],.small .suffix-wrapper[data-v-41cc1a6c]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.small.icon-button .prefix-wrapper[data-v-41cc1a6c],.small.icon-button .suffix-wrapper[data-v-41cc1a6c],.medium .prefix-wrapper[data-v-41cc1a6c],.medium .suffix-wrapper[data-v-41cc1a6c]{width:24px;height:24px;padding:2px;box-sizing:border-box}.large .prefix-wrapper[data-v-41cc1a6c],.large .suffix-wrapper[data-v-41cc1a6c]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.xlarge .prefix-wrapper[data-v-41cc1a6c],.xlarge .suffix-wrapper[data-v-41cc1a6c]{width:40px;height:40px;padding:3.33px;box-sizing:border-box}.button-name-wrapper[data-v-41cc1a6c]{color:var(--button-text-color--);font-family:Roboto;font-style:normal}.medium .button-name-wrapper[data-v-41cc1a6c]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.large .button-name-wrapper[data-v-41cc1a6c]{font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}.xlarge .button-name-wrapper[data-v-41cc1a6c]{font-size:32px;font-weight:400;line-height:40px;letter-spacing:0}.fit-content .dynamic-color-responsive-button-content .button-name-wrapper[data-v-41cc1a6c]{white-space:nowrap}.fill-whole .dynamic-color-responsive-button-content .button-name-wrapper[data-v-41cc1a6c]{white-space:wrap}@media only screen and (max-width: 767px){.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c],.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:8px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:12px}.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:5px 11px;column-gap:4cqb}.medium .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:9px 15px;column-gap:8px}.large .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:15px 23px;column-gap:8px}.xlarge .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:2px;padding:30px 46px;column-gap:12px}.small.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:5px}.medium.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:7px}.large.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:15px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:30px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c],.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:3px;padding-right:3px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:11px;padding-right:11px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:14px;padding-right:14px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:9px;padding-right:9px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:13px;padding-right:13px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:23px;padding-right:23px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:46px;padding-right:46px}.small.icon-button .prefix-wrapper[data-v-41cc1a6c],.small.icon-button .suffix-wrapper[data-v-41cc1a6c],.medium .prefix-wrapper[data-v-41cc1a6c],.medium .suffix-wrapper[data-v-41cc1a6c]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.medium.icon-button .prefix-wrapper[data-v-41cc1a6c],.medium.icon-button .suffix-wrapper[data-v-41cc1a6c],.large .prefix-wrapper[data-v-41cc1a6c],.large .suffix-wrapper[data-v-41cc1a6c]{width:24px;height:24px;padding:2px;box-sizing:border-box}.xlarge .prefix-wrapper[data-v-41cc1a6c],.xlarge .suffix-wrapper[data-v-41cc1a6c]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.small .button-name-wrapper[data-v-41cc1a6c],.medium .button-name-wrapper[data-v-41cc1a6c]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.large .button-name-wrapper[data-v-41cc1a6c]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.xlarge .button-name-wrapper[data-v-41cc1a6c]{font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}}.input-box-unit-wrapper[data-v-3e172ef2]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-3e172ef2]{width:100%}.label-outside .label-text[data-v-3e172ef2]{color:#434956;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.label-outside .required-icon[data-v-3e172ef2]{color:var(--semantic-error-color--);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box-unit[data-v-3e172ef2]{height:48px;width:100%;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;column-gap:4px;cursor:pointer;position:relative}.input-box-unit.has-prefix[data-v-3e172ef2]{padding-left:0}.input-box-unit.has-suffix[data-v-3e172ef2]{padding-right:0}.filled .input-box-unit[data-v-3e172ef2]{background:var(--input-box-background-color--);border-radius:4px 4px 0 0;box-shadow:inset 0 var(--input-box-border-width--) 0 var(--input-box-border-color--)}.outlined .input-box-unit[data-v-3e172ef2]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.input-box-unit.disabled[data-v-3e172ef2]{cursor:not-allowed}.filled .input-box-unit.disabled[data-v-3e172ef2]{background:var(--disabled-button-background-color--)}.input-box-wrapper[data-v-3e172ef2]{flex:1;padding:4px 0}.label-inside[data-v-3e172ef2]{width:fit-content}.outlined .label-inside[data-v-3e172ef2]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-3e172ef2]{color:var(--inside-label-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.label-inside .required-icon[data-v-3e172ef2]{color:var(--semantic-error-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .label-inside .required-icon[data-v-3e172ef2]{color:var(--disabled-color--)}.input-box[data-v-3e172ef2]{width:100%;padding:0;background-color:transparent;border:none;outline:none;color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px}.disabled .input-box[data-v-3e172ef2]{color:var(--disabled-color--)}.input-box[data-v-3e172ef2]::placeholder{color:var(--disabled-color--);font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-3e172ef2]::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4698_42665)'%3e%3cpath%20d='M15.8333%203.33464H15V1.66797H13.3333V3.33464H6.66667V1.66797H5V3.33464H4.16667C3.24167%203.33464%202.50833%204.08464%202.50833%205.0013L2.5%2016.668C2.5%2017.5846%203.24167%2018.3346%204.16667%2018.3346H15.8333C16.75%2018.3346%2017.5%2017.5846%2017.5%2016.668V5.0013C17.5%204.08464%2016.75%203.33464%2015.8333%203.33464ZM15.8333%2016.668H4.16667V8.33464H15.8333V16.668ZM15.8333%206.66797H4.16667V5.0013H15.8333V6.66797ZM10%2010.8346H14.1667V15.0013H10V10.8346Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4698_42665'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;height:24px}.prefix-wrapper[data-v-3e172ef2],.suffix-wrapper[data-v-3e172ef2]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.message-container[data-v-3e172ef2]{width:100%;box-sizing:border-box;padding:0 16px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .message-container[data-v-3e172ef2]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-3e172ef2]{color:#434956}.message-container .error[data-v-3e172ef2]{color:var(--semantic-error-color--)}.message-container .alert[data-v-3e172ef2]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.input-box-unit[data-v-3e172ef2]{height:48px}}.dropdown-menu-item-wrapper[data-v-be13e5b7]{position:relative}.dropdown-menu-item[data-v-be13e5b7]{height:fit-content;display:flex;align-items:center;column-gap:12px;justify-content:space-between;background:transparent;color:#17181c;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;cursor:pointer}.dropdown-menu-item.selected[data-v-be13e5b7]{color:#2e466b;font-weight:500}.small .dropdown-menu-item[data-v-be13e5b7]{min-height:40px;height:fit-content;padding:8px 12px}.medium .dropdown-menu-item[data-v-be13e5b7]{min-height:48px;height:fit-content;padding:12px}.large .dropdown-menu-item[data-v-be13e5b7]{min-height:56px;height:fit-content;padding:16px 12px}.dropdown-menu-item[data-v-be13e5b7]:hover{background:var(--State-Layers-On-Surface-Opacity-08, rgba(23, 24, 28, .08));color:#2e466b}.dropdown-menu-item.focus[data-v-be13e5b7]{background:var(--State-Layers-On-Surface-Opacity-10, rgba(23, 24, 28, .1));color:#2e466b}.dropdown-menu-item[data-v-be13e5b7]:active{background:var(--Schemes-Secondary-Container, #DBE3F0);color:#2e466b}.dropdown-menu-item.disabled[data-v-be13e5b7],.dropdown-menu-item.disabled[data-v-be13e5b7]:hover{color:var(--disabled-color--)!important;cursor:not-allowed!important}.dropdown-menu-item-content[data-v-be13e5b7]{display:flex;align-items:center;column-gap:12px;white-space:nowrap}.prefix-wrapper[data-v-be13e5b7]{color:#434956;width:24px;height:24px}.disabled .prefix-wrapper[data-v-be13e5b7]{color:var(--disabled-color--)!important}.suffix-wrapper[data-v-be13e5b7]{color:#434956;width:24px;height:24px}.disabled .suffix-wrapper[data-v-be13e5b7]{color:var(--disabled-color--)!important}.prefix-raw-html-slot[data-v-be13e5b7],.suffix-raw-html-slot[data-v-be13e5b7]{width:100%;height:100%}[data-v-be13e5b7] .prefix-wrapper>svg,[data-v-be13e5b7] .suffix-wrapper>svg,[data-v-be13e5b7] .prefix-raw-html-slot>svg,[data-v-be13e5b7] .suffix-raw-html-slot>svg,[data-v-be13e5b7] .prefix-wrapper>img,[data-v-be13e5b7] .suffix-wrapper>img,[data-v-be13e5b7] .prefix-raw-html-slot>img,[data-v-be13e5b7] .suffix-raw-html-slot>img{width:100%;height:100%}.dropdown-icon[data-v-be13e5b7]{width:100%;height:100%;transform:rotate(0);transition:all .3s}.rotate-180[data-v-be13e5b7]{transform:rotate(180deg)}.dropdown-menu-item-dropdown-wrapper[data-v-be13e5b7]{min-width:90px}.dropdown-menu-item-dropdown-wrapper.web-version[data-v-be13e5b7]{position:absolute;z-index:999}.dropdown-menu-item-divider[data-v-be13e5b7]{padding:8px 0;box-sizing:border-box}.dropdown-menu-item-divider[data-v-be13e5b7]:after{content:"";display:block;width:100%;height:1px;background:var(--Schemes-Outline-Variant, #C6CAD2)}.text[data-v-be13e5b7]{white-space:nowrap}.text.wrap-text[data-v-be13e5b7]{white-space:normal;word-break:break-all}.dropdown-menu.with-box-shadow[data-v-79082aa2]{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.dropdown-menu.fill-whole[data-v-79082aa2]{width:100%}.dropdown-menu.fit-content[data-v-79082aa2]{width:fit-content}.dropdown-menu[data-v-79082aa2]{padding:8px 0;border-radius:4px;background:#eeeff1;min-width:90px}.no-data-notes[data-v-79082aa2]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#17181c;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.5px;text-align:center}.dropdown[data-v-0e002b66]{position:absolute;top:100%;left:0;z-index:999}.single-selector-unit-wrapper[data-v-0e002b66]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-0e002b66]{width:100%}.label-outside .label-text[data-v-0e002b66]{color:#434956;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.label-outside .required-icon[data-v-0e002b66]{color:var(--semantic-error-color--);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.single-selector[data-v-0e002b66]{height:48px;width:100%;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;justify-content:space-between;column-gap:4px;cursor:pointer}.single-selector.has-prefix[data-v-0e002b66]{padding-left:0}.single-selector.has-suffix[data-v-0e002b66]{padding-right:0}.filled .single-selector[data-v-0e002b66]{background:var(--input-box-background-color--);border-radius:4px 4px 0 0;box-shadow:inset 0 var(--input-box-border-width--) 0 var(--input-box-border-color--)}.outlined .single-selector[data-v-0e002b66]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.single-selector.disabled[data-v-0e002b66]{cursor:not-allowed}.filled .single-selector.disabled[data-v-0e002b66]{background:var(--disabled-button-background-color--)}.selected-content-wrapper[data-v-0e002b66]{flex:1;padding:4px 0}.label-inside[data-v-0e002b66]{width:fit-content}.outlined .label-inside[data-v-0e002b66]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-0e002b66]{color:var(--inside-label-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.label-inside .required-icon[data-v-0e002b66]{color:var(--semantic-error-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .label-inside .required-icon[data-v-0e002b66]{color:var(--disabled-color--)}.selected-content[data-v-0e002b66]{width:100%;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide[data-v-0e002b66]{display:none}.selected-content.content-text[data-v-0e002b66]{color:#17181c}.disabled .selected-content.content-text[data-v-0e002b66],.selected-content.placeholder[data-v-0e002b66]{color:var(--disabled-color--)}.filter-input[data-v-0e002b66]{width:100%;background:transparent;border:none;outline:none;color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px;padding:0}.prefix-wrapper[data-v-0e002b66],.suffix-wrapper[data-v-0e002b66]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.rotate-0[data-v-0e002b66]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-0e002b66]{transform:rotate(180deg)}.single-selector-dropdown[data-v-0e002b66]{width:100%;height:fit-content;box-sizing:border-box;position:absolute;z-index:1000;top:100%;left:0}.single-selector-dropdown.no-data[data-v-0e002b66]{padding:8px 12px;border-radius:4px;background:#eeeff1;min-width:90px;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.message-container[data-v-0e002b66]{width:100%;box-sizing:border-box;padding:0 16px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .message-container[data-v-0e002b66]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-0e002b66]{color:#434956}.message-container .error[data-v-0e002b66]{color:var(--semantic-error-color--)}.message-container .alert[data-v-0e002b66]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.single-selector[data-v-0e002b66]{height:48px}}.checkbox-container[data-v-5344ab55]{display:flex;cursor:pointer;width:fit-content;padding:8px 0}.checkbox-container.disabled[data-v-5344ab55]{cursor:not-allowed}.checkbox-container.small[data-v-5344ab55]{column-gap:10px}.checkbox-container.medium[data-v-5344ab55]{column-gap:11px}.checkbox-input[data-v-5344ab55]{display:flex;align-items:center}.small .checkbox-input[data-v-5344ab55]{height:20px}.medium .checkbox-input[data-v-5344ab55]{height:24px}.checkbox-input-original[data-v-5344ab55]{opacity:0;position:absolute}.checkbox-input-shown[data-v-5344ab55]{box-sizing:border-box;border-radius:2px;position:relative}.small .checkbox-input-shown[data-v-5344ab55]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-5344ab55]{width:24px;height:24px;padding:3px}.checkbox-input-shown[data-v-5344ab55]:hover:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:var(--checkbox-theme-color--);opacity:8%;position:absolute}.small .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-6px;left:-6px}.medium .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-4px;left:-4px}.disabled .checkbox-input-shown[data-v-5344ab55]:hover:before{background-color:transparent!important}.checkbox-input-shown[data-v-5344ab55]:active:before{background-color:var(--checkbox-theme-color--);opacity:16%}.disabled .checkbox-input-shown[data-v-5344ab55]:active:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:var(--checkbox-theme-color--);opacity:10%;position:absolute}.small .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{top:-6px;left:-6px}.medium .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{top:-4px;left:-4px}.disabled .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before,.disabled .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:hover:before{background-color:var(--checkbox-theme-color--);opacity:8%}.checkbox-input-shown-checkbox[data-v-5344ab55]{width:100%;height:100%;border-radius:2px;box-sizing:border-box;position:relative}.checkbox-input-shown-checkbox[data-v-5344ab55]:after{content:"";display:block;width:100%;height:100%;border-radius:2px;box-sizing:border-box;border:2px solid hsl(226,8%,10%)}.checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checked .checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:var(--checkbox-theme-color--)}.indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:var(--checkbox-theme-color--)}.checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:transparent}.error .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--checkbox-theme-color--)}.disabled .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--disabled-color--)!important}.disabled .indeterminate .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.disabled .checked .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--disabled-color--)!important;background:var(--disabled-color--)!important}.checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checked .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--checkbox-theme-color--);background:var(--checkbox-theme-color--)}.indeterminate-mark[data-v-5344ab55]:after{content:"";position:absolute;z-index:1;width:10px;height:2px;background-color:#fff}.small .indeterminate-mark[data-v-5344ab55]:after{top:9px;left:5px}.medium .indeterminate-mark[data-v-5344ab55]:after{top:11px;left:7px}.checkmark[data-v-5344ab55]:after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:3.5px;height:9px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:translate(-45%,-65%) rotate(45deg)}.small .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.disabled .checkbox-container-label-wrapper[data-v-5344ab55]{color:var(--disabled-color--)}.message-container[data-v-5344ab55]{width:var(--message-container-width--, 100%);font-family:Roboto;font-weight:400}.message-container.has-message-min-width[data-v-5344ab55]{min-width:109px}.message-container.error[data-v-5344ab55]{color:var(--checkbox-theme-color--)}.small+.message-container[data-v-5344ab55]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-5344ab55]{font-size:16px;line-height:24px;letter-spacing:.5px}@media only screen and (max-width:767px){.checkbox-container.medium[data-v-5344ab55]{column-gap:10px}.medium .checkbox-input[data-v-5344ab55]{height:20px}.medium .checkbox-input-shown[data-v-5344ab55]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-6px;left:-6px}.medium .indeterminate-mark[data-v-5344ab55]:after{top:9px;left:5px}.medium .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-5344ab55]{font-size:14px;line-height:20px;letter-spacing:.25px}}.radio-container[data-v-643668bf]{width:fit-content;padding:8px 0;display:flex;column-gap:8px;cursor:pointer}.disabled.radio-container[data-v-643668bf]{cursor:not-allowed}.radio-input[data-v-643668bf]{position:relative}.radio-input-original[data-v-643668bf]{opacity:0;position:absolute}.radio-input-shown[data-v-643668bf]{padding:2px;box-sizing:border-box;position:relative}.small .radio-input-shown[data-v-643668bf]{width:20px;height:20px}.medium .radio-input-shown[data-v-643668bf]{width:24px;height:24px}.radio-input-shown[data-v-643668bf]:hover:before{content:"";display:block;border-radius:100%;background-color:#ededed;position:absolute;top:-4px;left:-4px;z-index:0}.small .radio-input-shown[data-v-643668bf]:hover:before{width:28px;height:28px}.medium .radio-input-shown[data-v-643668bf]:hover:before{width:32px;height:32px}.disabled .radio-input-shown[data-v-643668bf]:hover:before{background-color:transparent!important}.red .radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.primary-blue .checked .radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2dae2}.secondary-blue .checked .radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2eef3}.red .radio-input-shown[data-v-643668bf]:active:before{background-color:#f5cdc6}.primary-blue .radio-input-shown[data-v-643668bf]:active:before{background-color:#bbc3cd}.secondary-blue .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcd7dd}.primary-blue .checked .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcbfc4}.secondary-blue .checked .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcc8cc}.radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{content:"";display:block;border-radius:100%;background-color:#e4e4e4;position:absolute;top:-4px;left:-4px;z-index:0}.small .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:28px;height:28px}.medium .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:32px;height:32px}.red .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#f4cac2}.primary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#b7c4d1}.secondary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#b8e3ec}.disabled .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before,.disabled .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:transparent!important}.radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#ededed}.red .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.primary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2dae2}.secondary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2eef3}.red .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.disabled .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:transparent!important}.radio-input-checkmark[data-v-643668bf]{width:100%;height:100%;padding:7px;box-sizing:border-box;position:absolute;top:0;left:0;z-index:1}.radio-input-checkmark[data-v-643668bf]:after{content:"";display:block;width:100%;height:100%;box-sizing:border-box;border-radius:100%}.red .radio-input-checkmark[data-v-643668bf]:after{background-color:#de583f!important}.primary-blue .radio-input-checkmark[data-v-643668bf]:after{background-color:#1e4670}.secondary-blue .radio-input-checkmark[data-v-643668bf]:after{background-color:#20a8c3}.disabled .radio-input-checkmark[data-v-643668bf]:after{background-color:#979797!important}.radio-input-shown-checkbox[data-v-643668bf]{width:100%;height:100%;border:2px solid #49454F;background-color:#fff;border-radius:100%;box-sizing:border-box;position:relative}.radio-input-original:focus+.radio-input-shown .radio-input-shown-checkbox[data-v-643668bf],.radio-input-shown:hover .radio-input-shown-checkbox[data-v-643668bf]{background-color:transparent}.disabled .radio-input-shown:hover .radio-input-shown-checkbox[data-v-643668bf],.disabled .radio-input-shown-checkbox[data-v-643668bf]{border-color:#979797!important;background-color:#fff}.red .radio-input-shown-checkbox[data-v-643668bf]{border-color:#de583f}.primary-blue .checked .radio-input-shown-checkbox[data-v-643668bf]{border-color:#1e4670}.secondary-blue .checked .radio-input-shown-checkbox[data-v-643668bf]{border-color:#20a8c3}.radio-container-label-wrapper[data-v-643668bf]{color:#1c1b1f;font-family:Roboto;font-weight:400}.small .radio-container-label-wrapper[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium .radio-container-label-wrapper[data-v-643668bf]{font-size:16px;line-height:24px;letter-spacing:.5px}.disabled .radio-container-label-wrapper[data-v-643668bf]{color:#979797}.message-container[data-v-643668bf]{width:var(--message-container-width--, 100%);font-family:Roboto;font-weight:400}.message-container.has-message-min-width[data-v-643668bf]{min-width:109px}.message-container.error[data-v-643668bf]{color:#de583f}.small+.message-container[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-643668bf]{font-size:16px;line-height:24px;letter-spacing:.5px}@media only screen and (max-width:767px){.medium .radio-input-shown[data-v-643668bf]{width:20px;height:20px}.medium .radio-input-shown[data-v-643668bf]:hover:before{width:28px;height:28px}.medium .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:28px;height:28px}.medium .radio-container-label-wrapper[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}}.whole-page-error-popup-container.whole-page-error-mask[data-v-623b4a2e]{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:1000;background-color:#1c1b1f4d;display:flex;flex-direction:column;align-items:center}.whole-page-error-popup-window[data-v-623b4a2e]{width:38%;min-width:552px;height:fit-content;margin-top:94px;background-color:#fff;border-radius:10px}.error-popup-header[data-v-623b4a2e]{display:flex;flex-direction:column;align-items:center;padding:12px 16px;row-gap:20px}.error-popup-title-icon[data-v-623b4a2e]{width:100px;height:100px}.error-popup-title-text[data-v-623b4a2e]{color:#de583f;font-family:Roboto;font-size:24px;font-weight:500;line-height:28px;letter-spacing:.458px}.error-popup-body[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:12px 16px 0;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.error-popup-footer[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:24px}.retry-button[data-v-623b4a2e]{text-align:center;width:100%;box-sizing:border-box;padding:10px 24px;border-radius:4px;background:#de583f;color:#fff;font-family:Roboto;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer}@media only screen and (max-width:1024px){.whole-page-error-popup-window[data-v-623b4a2e]{max-width:552px;margin-top:64px;width:54%;min-width:0}}@media only screen and (max-width:767px){.whole-page-error-popup-container.whole-page-error-mask[data-v-623b4a2e]{padding:0 16px;box-sizing:border-box}.whole-page-error-popup-window[data-v-623b4a2e]{max-width:none;width:100%;margin-top:12px;min-width:0}.error-popup-header[data-v-623b4a2e]{display:flex;flex-direction:column;align-items:center;padding:12px;row-gap:16px}.error-popup-title-icon[data-v-623b4a2e]{width:64px;height:64px}.error-popup-title-text[data-v-623b4a2e]{font-size:22px;line-height:26px}.error-popup-body[data-v-623b4a2e]{padding:12px 12px 0}.error-popup-footer[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:16px 12px}}.area-code-phone-input-unit-wrapper[data-v-c8a902b3]{display:flex;flex-direction:column;row-gap:8px}.area-code-phone-input[data-v-c8a902b3]{display:flex;align-items:center;box-shadow:inset 0 0 0 1px #bcccdc;border-radius:4px;position:relative}.area-code-phone-input[data-v-c8a902b3]:hover{box-shadow:inset 0 0 0 1px #dee6ed}.area-code-phone-input.is-focus[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #9bb2ca}.area-code-phone-input.error[data-v-c8a902b3]:hover,.area-code-phone-input.error.is-focus[data-v-c8a902b3],.area-code-phone-input.error[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #de583f}.area-code-phone-input.alert[data-v-c8a902b3]:hover,.area-code-phone-input.alert.is-focus[data-v-c8a902b3],.area-code-phone-input.alert[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #e0961e}.area-code-phone-input.disabled[data-v-c8a902b3]:hover,.area-code-phone-input.disabled.is-focus[data-v-c8a902b3],.area-code-phone-input.disabled[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #bcccdc!important;background:#f2f2f2;cursor:not-allowed}.country-area-code-selector-wrapper[data-v-c8a902b3]{max-width:120px}.phone-number-input-wrapper[data-v-c8a902b3]{flex:1}[data-v-c8a902b3] .single-selector-unit-wrapper{--input-box-border-color--: transparent !important}[data-v-c8a902b3] .single-selector.disabled:hover,[data-v-c8a902b3] .single-selector.has-prefix,[data-v-c8a902b3] .single-selector:hover,[data-v-c8a902b3] .single-selector.is-focus,[data-v-c8a902b3] .single-selector{border:none;column-gap:4px}[data-v-c8a902b3] .single-selector-unit-wrapper{position:static}[data-v-c8a902b3] .single-selector.has-prefix .selected-content.content-text{display:none}[data-v-c8a902b3] .single-selector.has-prefix.is-focus .selected-content.content-text{display:block}[data-v-c8a902b3] .single-selector.has-prefix.is-focus .prefix-wrapper{display:none}[data-v-c8a902b3] .single-selector .selected-content{letter-spacing:.25px}.country-selector-prefix[data-v-c8a902b3]{width:100%;height:100%}.area-code-container[data-v-c8a902b3]{height:26px;width:fit-content;padding-left:11px;display:flex;align-items:center;border-left:1px solid #BCCCDC;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.area-code-container.not-selected[data-v-c8a902b3]{color:#979797}[data-v-c8a902b3] .input-box-unit{--input-box-border-color--: transparent !important}[data-v-c8a902b3] .input-box-unit.disabled:hover,[data-v-c8a902b3] .input-box-unit:hover,[data-v-c8a902b3] .input-box-unit.is-focus,[data-v-c8a902b3] .input-box-unit{border:none}.suffix-wrapper[data-v-c8a902b3]{display:flex;align-items:center;column-gap:4px;flex-shrink:0;height:24px}.clear-icon[data-v-c8a902b3]{flex-shrink:0;width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-c8a902b3]:hover{opacity:1}.hide[data-v-c8a902b3]{display:none}.message-container[data-v-c8a902b3]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-c8a902b3]{color:#de583f}.message-container.alert[data-v-c8a902b3]{color:#e0961e}@media only screen and (max-width: 767px){.area-code-phone-input-unit-wrapper[data-v-c8a902b3]{row-gap:4px}.country-area-code-selector-wrapper[data-v-c8a902b3]{max-width:120px}[data-v-c8a902b3] .single-selector.disabled:hover,[data-v-c8a902b3] .single-selector.has-prefix,[data-v-c8a902b3] .single-selector:hover,[data-v-c8a902b3] .single-selector.is-focus,[data-v-c8a902b3] .single-selector{box-shadow:none;column-gap:2px}.suffix-wrapper[data-v-c8a902b3]{height:20px;column-gap:0px}.clear-icon[data-v-c8a902b3]{width:36px;height:36px;box-sizing:border-box;padding:10px}.message-container[data-v-c8a902b3]{font-size:14px;line-height:16px}}.group-checkbox-container[data-v-3a91062e]{width:fit-content}.badge-wrapper[data-v-8de2e220]{display:inline-flex;width:fit-content;height:fit-content}.badge-wrapper.top-right[data-v-8de2e220]{position:relative}.badge-wrapper.center-right[data-v-8de2e220]{display:inline-flex;align-items:center;column-gap:4px}.badge[data-v-8de2e220]{display:flex;align-items:center;justify-content:center;border-radius:100%;box-sizing:border-box;color:#fff;font-family:Roboto;font-weight:500;line-height:1}.badge.top-right[data-v-8de2e220]{position:absolute}.badge.center-right[data-v-8de2e220]{position:static}.badge.small[data-v-8de2e220]{width:6px;height:6px;min-width:6px}.badge.medium[data-v-8de2e220]{width:8px;height:8px;min-width:8px}.badge.large[data-v-8de2e220]{width:16px;height:16px;min-width:16px}.badge.has-content[data-v-8de2e220]{width:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;line-height:16px;letter-spacing:.4px}.badge.top-right[data-v-8de2e220]{top:0;right:0}.badge.primary[data-v-8de2e220]{background-color:#af251d;color:#fff}.badge.secondary[data-v-8de2e220]{background-color:#cfe0fc;color:#083d91}.badge[style*=--badge-theme-color--][data-v-8de2e220]{background-color:var(--badge-theme-color--)!important;color:var(--badge-text-color--, #FFFFFF)!important}@media only screen and (max-width: 767px){.badge.small[data-v-8de2e220],.badge.medium[data-v-8de2e220]{width:6px;height:6px;min-width:6px}.badge.large[data-v-8de2e220]{width:16px;height:16px;min-width:16px}.badge.has-content[data-v-8de2e220]{width:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;line-height:16px;letter-spacing:.4px}}.floating-action-button-container[data-v-e8e0f96e]{position:fixed;right:16px;bottom:16px;z-index:999}.floating-action-button[data-v-e8e0f96e]{border-radius:var(--Corner-Large-increased, 20px);background:var(--fab-button-background-color--);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-sizing:border-box;display:flex;justify-content:center;align-items:center;color:var(--fab-button-text-color--);font-family:var(--Static-Title-Medium-Font, Roboto);font-style:normal;cursor:pointer}.floating-action-button[data-v-e8e0f96e]:hover{background:color-mix(in srgb,var(--fab-button-background-color--),var(--fab-button-text-color--) 8%)}.floating-action-button[data-v-e8e0f96e]:active{background:color-mix(in srgb,var(--fab-button-background-color--),var(--fab-button-text-color--) 16%)}.small .floating-action-button[data-v-e8e0f96e]{height:56px;padding:16px;column-gap:8px;font-size:var(--Static-Title-Medium-Size, 16px);font-weight:500;line-height:var(--Static-Title-Medium-Line-Height, 24px);letter-spacing:var(--Static-Title-Medium-Tracking, .15px)}.medium .floating-action-button[data-v-e8e0f96e]{height:80px;padding:26px;column-gap:12px;font-size:var(--Static-Title-Large-Size, 22px);font-weight:400;line-height:var(--Static-Title-Large-Line-Height, 28px);letter-spacing:var(--Static-Title-Large-Tracking, 0)}.large .floating-action-button[data-v-e8e0f96e]{height:96px;padding:30px;column-gap:16px;font-size:var(--Static-Headline-Small-Size, 24px);font-weight:400;line-height:var(--Static-Headline-Small-Line-Height, 32px);letter-spacing:var(--Static-Headline-Small-Tracking, 0)}.floating-action-button .prefix[data-v-e8e0f96e],.floating-action-button .suffix[data-v-e8e0f96e]{box-sizing:border-box}[data-v-e8e0f96e] .prefix>svg,[data-v-e8e0f96e] .suffix>svg{width:100%;height:100%}[data-v-e8e0f96e] .prefix>img,[data-v-e8e0f96e] .suffix>img{width:100%;height:100%}.small .floating-action-button .prefix[data-v-e8e0f96e],.small .floating-action-button .suffix[data-v-e8e0f96e]{width:24px;height:24px;padding:2px}.medium .floating-action-button .prefix[data-v-e8e0f96e],.medium .floating-action-button .suffix[data-v-e8e0f96e]{width:28px;height:28px;padding:2.33px}.large .floating-action-button .prefix[data-v-e8e0f96e],.large .floating-action-button .suffix[data-v-e8e0f96e]{width:36px;height:36px;padding:3px}.floating-action-button-menu[data-v-e8e0f96e]{display:flex;flex-direction:column;align-items:flex-end;row-gap:4px}.floating-action-button-menu-item[data-v-e8e0f96e]{height:56px;padding:16px 24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;column-gap:8px;background:var(--fab-menu-child-button-background-color--);border-radius:var(--Corner-Extra-large, 28px);color:var(--fab-menu-child-button-text-color--);font-family:var(--Static-Title-Medium-Font, Roboto);font-size:var(--Static-Title-Medium-Size, 16px);font-style:normal;font-weight:500;line-height:var(--Static-Title-Medium-Line-Height, 24px);letter-spacing:var(--Static-Title-Medium-Tracking, .15px);cursor:pointer}.floating-action-button-menu-item[data-v-e8e0f96e]:hover{background:color-mix(in srgb,var(--fab-menu-child-button-background-color--),var(--fab-menu-child-button-text-color--) 8%)}.floating-action-button-menu-item[data-v-e8e0f96e]:active{background:color-mix(in srgb,var(--fab-menu-child-button-background-color--),var(--fab-menu-child-button-text-color--) 16%)}.floating-action-button-menu-item-prefix[data-v-e8e0f96e],.floating-action-button-menu-item-suffix[data-v-e8e0f96e]{width:24px;height:24px;padding:2px;box-sizing:border-box}.menu-cross-button[data-v-e8e0f96e]{width:56px;height:56px;padding:16px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin-top:4px;border-radius:var(--Corner-Extra-large, 28px);background:var(--fab-menu-cross-button-background-color--);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;cursor:pointer}.menu-cross-button>svg[data-v-e8e0f96e]{color:var(--fab-menu-cross-button-text-color--)}:root{--Schemes-primary: hsl(217, 90%, 40%);--Schemes-Secondary: hsl(217, 40%, 40%);--Schemes-Tertiary: hsl(307, 50%, 40%);--Schemes-Primary-Container: hsl(217, 90%, 90%);--Schemes-Secondary-Container: hsl(217, 40%, 90%);--Schemes-Tertiary-Container: hsl(307, 50%, 90%);--semantic-success-color--: hsl(86, 52%, 48%);--semantic-error-color--: hsl(3, 71%, 40%);--semantic-alert-color--: hsla(38, 100%, 40%);--disabled-color--: hsl(226, 8%, 60%);--disabled-button-background-color--: hsl(226, 8%, 92%);--Schemes-Outline-Variant:hsl(220, 12%, 80%)}.component-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.whole-page-loading-spinner-container{width:123px;display:flex;flex-direction:column;align-items:center;row-gap:20px}.whole-page-loading-spinner-icon-container{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;position:relative}.whole-page-loading-progress-circle-div{content:"";width:100%;height:100%;box-sizing:border-box;border:5px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{content:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e");height:24px;width:24px;animation:flip 5s infinite;position:absolute;top:18px;left:18px}.whole-page-loading-text-div:after{content:"Loading";color:#20a8c3;font-family:Roboto;font-size:28px;font-weight:400;line-height:36px;animation:loading_dots 3s steps(1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flip{0%{transform:rotate(0)}20%{transform:rotate(180deg)}50%{transform:rotate(180deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes loading_dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}#floating-notifications-container{display:flex;flex-direction:column;row-gap:16px;align-items:flex-end;height:fit-content;width:32%;min-width:360px;padding:94px 60px 94px 0;position:fixed;z-index:999;top:0;right:0}@media only screen and (max-width:1024px){#floating-notifications-container{padding:24px 16px 24px 0}}@media only screen and (max-width:767px){#floating-notifications-container{width:100vw;box-sizing:border-box;row-gap:12px;align-items:center;padding:12px 16px}}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
import { openBlock as a, createElementBlock as l, normalizeClass as h, createElementVNode as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.fade-out[data-v-b9afac50]{animation:fadeOut-b9afac50 var(--fade-out-duration-ms, 3s) forwards}@keyframes fadeOut-b9afac50{0%{opacity:1}90%{opacity:.8}to{opacity:0}}.simplified-notification[data-v-b9afac50]{width:100%;padding:12px 16px;border-radius:8px;display:flex;gap:12px;align-items:stretch;box-sizing:border-box;position:relative}.simplified-notification.blue[data-v-b9afac50]{background:#e8f4fd}.simplified-notification.red[data-v-b9afac50]{background:#faeaea}.simplified-notification.yellow[data-v-b9afac50]{background:#fff7df}.simplified-notification.green[data-v-b9afac50]{background:#ebf4ec}.prefix_icon[data-v-b9afac50]{width:24px;height:24px}.prefix-icon-container[data-v-b9afac50]{display:flex;align-items:flex-start}.close-btn-container[data-v-b9afac50]{display:flex;flex-direction:column}.close-btn[data-v-b9afac50]{cursor:pointer}.notifiction-text[data-v-b9afac50]{width:100%;color:#000;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;white-space:normal;word-break:break-word}.content-wrapper[data-v-b9afac50]{width:100%}.title[data-v-b9afac50]{color:#000;font-family:Roboto;font-size:14px;font-weight:600;line-height:16px;margin-bottom:4px}.content-details[data-v-b9afac50]{min-height:24px;display:flex;align-items:center}@media only screen and (max-width:767px){.simplified-notification[data-v-b9afac50]{padding:8px 12px;gap:8px}}.responsive-button-wrapper[data-v-b993e836]{position:relative}.responsive-button-wrapper.fill-whole[data-v-b993e836]{width:100%;height:fit-content}.responsive-button-wrapper.fit-content[data-v-b993e836]{width:fit-content;height:fit-content}.responsive-button-wrapper[data-v-b993e836] .component-loading-spinner{border-radius:4px}.responsive-button-wrapper[data-v-b993e836] .component-loading-spinner:after{height:25px;width:25px}.responsive-button[data-v-b993e836]{height:fit-content;box-sizing:border-box;border-radius:4px;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Roboto;cursor:pointer}.responsive-button.fit-content[data-v-b993e836]{min-width:90px}.responsive-button.no-display-name[data-v-b993e836]{min-width:0px!important}.button-content[data-v-b993e836]{display:flex;column-gap:8px;align-items:center}.prefix-wrapper[data-v-b993e836],.suffix-wrapper[data-v-b993e836]{width:20px;height:20px;flex-shrink:0}.rotate-0[data-v-b993e836]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-b993e836]{transform:rotate(180deg)}.responsive-button.xsmall[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.xsmall[data-v-b993e836]{width:fit-content;padding:7px 23px}.responsive-button.no-display-name.fit-content.xsmall[data-v-b993e836]{width:fit-content;padding:7px!important}.responsive-button.fit-content.xsmall.has-prefix[data-v-b993e836]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.xsmall.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.xsmall.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.xsmall[data-v-b993e836]{width:100%;padding:7px}.responsive-button.small[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-b993e836]{width:fit-content;padding:9px 23px}.responsive-button.no-display-name.fit-content.small[data-v-b993e836]{width:fit-content;padding:9px!important}.responsive-button.fit-content.small.has-prefix[data-v-b993e836]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.small.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.small[data-v-b993e836]{width:100%;padding:9px 7px}.responsive-button.medium[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-b993e836]{width:fit-content;padding:10px 23px}.responsive-button.no-display-name.fit-content.medium[data-v-b993e836]{width:fit-content;padding:10px!important}.responsive-button.fit-content.medium.has-prefix[data-v-b993e836]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.medium[data-v-b993e836]{width:100%;padding:10px 7px}.responsive-button.large[data-v-b993e836]{font-size:16px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-b993e836]{width:fit-content;padding:11px 23px}.responsive-button.no-display-name.fit-content.large[data-v-b993e836]{width:fit-content;padding:11px!important}.responsive-button.fit-content.large.has-prefix[data-v-b993e836]{width:fit-content;padding:11px 23px 11px 15px}.responsive-button.fit-content.large.has-suffix[data-v-b993e836]{width:fit-content;padding:11px 15px 11px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:11px 15px}.responsive-button.fill-whole.large[data-v-b993e836]{width:100%;padding:11px 7px}.disabled[data-v-b993e836]{cursor:not-allowed}.outlined-primary[data-v-b993e836]{border:1px solid #1E4670;background:#fff;color:#1e4670}.outlined-primary.held[data-v-b993e836]:hover,.outlined-primary[data-v-b993e836]:hover{background:#ecf2f8}.outlined-primary.held[data-v-b993e836],.outlined-primary.held[data-v-b993e836]:active,.outlined-primary.focused[data-v-b993e836],.outlined-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.outlined-primary.held.disabled[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836]:hover,.outlined-primary.disabled.focused[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-primary[data-v-b993e836]{border:1px solid #1E4670;background:#1e4670;color:#fff}.filled-primary.held[data-v-b993e836]:hover,.filled-primary[data-v-b993e836]:hover{background:#022a53}.filled-primary.held[data-v-b993e836],.filled-primary.held[data-v-b993e836]:active,.filled-primary.focused[data-v-b993e836],.filled-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#022a53}.filled-primary.held.disabled[data-v-b993e836],.filled-primary.disabled[data-v-b993e836],.filled-primary.disabled[data-v-b993e836]:hover,.filled-primary.disabled.focused .filled-primary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#979797}.text-primary[data-v-b993e836]{border:1px solid transparent;background:#fff;color:#1e4670}.text-primary.held[data-v-b993e836]:hover,.text-primary[data-v-b993e836]:hover{background:#ecf2f8}.text-primary.held[data-v-b993e836],.text-primary.held[data-v-b993e836]:active,.text-primary.focused[data-v-b993e836],.text-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.text-primary.held.disabled[data-v-b993e836],.text-primary.disabled[data-v-b993e836],.text-primary.disabled[data-v-b993e836]:hover,.text-primary.disabled.focused[data-v-b993e836],.text-primary.disabled[data-v-b993e836]:active{color:#979797}.outlined-secondary[data-v-b993e836]{border:1px solid #20A8C3;background:#fff;color:#20a8c3}.outlined-secondary.held[data-v-b993e836]:hover,.outlined-secondary[data-v-b993e836]:hover{background:#e8f0f4}.outlined-secondary.held[data-v-b993e836],.outlined-secondary.held[data-v-b993e836]:active,.outlined-secondary.focused[data-v-b993e836],.outlined-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.outlined-secondary.held.disabled[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836]:hover,.outlined-secondary.disabled.focused[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-secondary[data-v-b993e836]{border:1px solid #20A8C3;background:#20a8c3;color:#fff}.filled-secondary.held[data-v-b993e836]:hover,.filled-secondary[data-v-b993e836]:hover{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#20a8c3;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.filled-secondary.held[data-v-b993e836],.filled-secondary.held[data-v-b993e836]:active,.filled-secondary.focused[data-v-b993e836],.filled-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#20a8c3}.filled-secondary.held.disabled[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836]:hover,.filled-secondary.disabled.focused[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#979797}.text-secondary[data-v-b993e836]{border:1px solid transparent;background:#fff;color:#20a8c3}.text-secondary.held[data-v-b993e836]:hover,.text-secondary[data-v-b993e836]:hover{background:#e8f0f4}.text-secondary.held[data-v-b993e836],.text-secondary.held[data-v-b993e836]:active,.text-secondary.focused[data-v-b993e836],.text-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.text-secondary.held.disabled[data-v-b993e836],.text-secondary.disabled[data-v-b993e836],.text-secondary.disabled[data-v-b993e836]:hover,.text-secondary.disabled.focused[data-v-b993e836],.text-secondary.disabled[data-v-b993e836]:active{color:#979797}.responsive-button-dropdown[data-v-b993e836]{min-width:300px;padding:9px 12px;box-sizing:border-box;border-radius:4px;background:#fff;box-shadow:0 4px 8px #00000026,0 1px 3px #0000004d;position:absolute;z-index:1000}.fill-whole .responsive-button-dropdown[data-v-b993e836]{width:100%}.fit-content .responsive-button-dropdown[data-v-b993e836]{width:fit-content}.responsive-button-dropdown.sub-dropdown[data-v-b993e836]{width:fit-content!important}.responsive-button-dropdown-option[data-v-b993e836]{width:100%!important;padding:12px 8px!important;border:none!important;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff!important;color:#1c1b1f!important;font-family:Roboto!important;font-size:16px!important;font-weight:400!important;line-height:19px!important;cursor:pointer}.responsive-button-dropdown-option.hovered[data-v-b993e836]{border-radius:4px!important;background:#faebe6!important}.responsive-button-dropdown-option.disabled[data-v-b993e836],.responsive-button-dropdown-option.disabled.hovered[data-v-b993e836]{color:#979797!important;cursor:not-allowed!important}.responsive-button-dropdown-option .button-name[data-v-b993e836]{text-align:left}.non-web-responsive-button-nested-dropdown-button[data-v-b993e836]{width:100%!important;box-sizing:border-box;padding:12px 8px;border-bottom:1px solid #BCCCDC;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.fill-whole .non-web-responsive-button-dropdown-option[data-v-b993e836],.fit-content .non-web-responsive-button-dropdown-option[data-v-b993e836]{width:100%}.non-web-responsive-button-dropdown-option[data-v-b993e836]{box-sizing:border-box;padding:12px 8px;display:flex;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.non-web-responsive-button-dropdown-option[data-v-b993e836]:active{border-radius:4px!important;background:#faebe6!important}.non-web-responsive-button-dropdown-option.disabled[data-v-b993e836],.non-web-responsive-button-dropdown-option.disabled[data-v-b993e836]:active{color:#979797!important;cursor:not-allowed!important}@media only screen and (max-width:767px){.simplified-notification[data-v-b993e836]{padding:8px 12px;gap:8px}.responsive-button.small[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-b993e836]{width:fit-content;padding:7px 23px}.responsive-button.fit-content.small.has-prefix[data-v-b993e836]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.small.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.small[data-v-b993e836]{width:100%;padding:7px}.responsive-button.medium[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-b993e836]{width:fit-content;padding:9px 23px}.responsive-button.fit-content.medium.has-prefix[data-v-b993e836]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.medium[data-v-b993e836]{width:100%;padding:9px 7px}.responsive-button.large[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-b993e836]{width:fit-content;padding:10px 23px}.responsive-button.fit-content.large.has-prefix[data-v-b993e836]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.large.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.large[data-v-b993e836]{width:100%;padding:10px 7px}.responsive-button-dropdown-option[data-v-b993e836]{font-size:14px!important;font-weight:400!important;line-height:20px!important;letter-spacing:.25px!important}.responsive-button-dropdown[data-v-b993e836]{min-width:267px}}.dynamic-color-responsive-button-container.fit-content[data-v-0cf64c95]{width:fit-content}.dynamic-color-responsive-button-container.fill-whole[data-v-0cf64c95]{width:100%}.dynamic-color-responsive-button-container.icon-button[data-v-0cf64c95]{width:fit-content;min-width:44px}.fill-whole .dynamic-color-responsive-button[data-v-0cf64c95],.icon-button .dynamic-color-responsive-button[data-v-0cf64c95]{width:100%}.fit-content .dynamic-color-responsive-button[data-v-0cf64c95]{width:fit-content}.dynamic-color-responsive-button[data-v-0cf64c95]{box-sizing:border-box;height:fit-content;display:flex;align-items:center;justify-content:center;cursor:pointer}.disabled .dynamic-color-responsive-button[data-v-0cf64c95]{cursor:not-allowed}.small .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:44px;padding:2px 0}.medium .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:44px}.large .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:56px}.xlarge .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:96px}.fit-content .dynamic-color-responsive-button-content[data-v-0cf64c95],.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{width:fit-content}.fill-whole .dynamic-color-responsive-button-content[data-v-0cf64c95]{width:100%}.dynamic-color-responsive-button-content[data-v-0cf64c95]{display:flex;align-items:center;justify-content:center;background:var(--button-background-color--);color:var(--button-text-color--);border-radius:var(--button-border-radius--);border-style:solid;border-color:var(--button-border-color--);transition:all .2s ease-in-out}.elevated .dynamic-color-responsive-button-content[data-v-0cf64c95]{box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.disabled .dynamic-color-responsive-button-content[data-v-0cf64c95],.disabled .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-0cf64c95],.disabled .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-0cf64c95],.disabled .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{background:var(--button-background-color--)!important;border-radius:var(--button-border-radius--)!important}.has-interaction-effect .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-0cf64c95]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 8%)}.has-interaction-effect .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-0cf64c95]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 10%)}.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 16%)}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-radius:8px}.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-radius:12px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95],.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-0cf64c95],.medium .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-width:1px;padding:9px 13px;column-gap:8px}.large .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-width:2px;padding:14px 22px;column-gap:12px}.xlarge .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-width:2px;padding:30px 46px;column-gap:16px}.small.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding:7px}.medium.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding:9px}.large.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding:10px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding:26px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:3px;padding-right:3px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:5px;padding-right:5px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:6px;padding-right:6px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:10px;padding-right:10px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:13px;padding-right:13px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:15px;padding-right:15px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:18px;padding-right:18px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:42%;padding-right:42px}.prefix-raw-html-slot[data-v-0cf64c95],.suffix-raw-html-slot[data-v-0cf64c95]{width:100%;height:100%}[data-v-0cf64c95] .prefix-wrapper>svg,[data-v-0cf64c95] .suffix-wrapper>svg,[data-v-0cf64c95] .prefix-raw-html-slot>svg,[data-v-0cf64c95] .suffix-raw-html-slot>svg,[data-v-0cf64c95] .prefix-wrapper>img,[data-v-0cf64c95] .suffix-wrapper>img,[data-v-0cf64c95] .prefix-raw-html-slot>img,[data-v-0cf64c95] .suffix-raw-html-slot>img{width:100%;height:100%}.small .prefix-wrapper[data-v-0cf64c95],.small .suffix-wrapper[data-v-0cf64c95]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.small.icon-button .prefix-wrapper[data-v-0cf64c95],.small.icon-button .suffix-wrapper[data-v-0cf64c95],.medium .prefix-wrapper[data-v-0cf64c95],.medium .suffix-wrapper[data-v-0cf64c95],.medium.icon-button .prefix-wrapper[data-v-0cf64c95],.medium.icon-button .suffix-wrapper[data-v-0cf64c95],.large .prefix-wrapper[data-v-0cf64c95],.large .suffix-wrapper[data-v-0cf64c95]{width:24px;height:24px;padding:2px;box-sizing:border-box}.large.icon-button .prefix-wrapper[data-v-0cf64c95],.large.icon-button .suffix-wrapper[data-v-0cf64c95],.xlarge .prefix-wrapper[data-v-0cf64c95],.xlarge .suffix-wrapper[data-v-0cf64c95]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.xlarge.icon-button .prefix-wrapper[data-v-0cf64c95],.xlarge.icon-button .suffix-wrapper[data-v-0cf64c95]{width:40px;height:40px;padding:3.33px;box-sizing:border-box}.button-name-wrapper[data-v-0cf64c95]{color:var(--button-text-color--);font-family:Roboto;font-style:normal}.small .button-name-wrapper[data-v-0cf64c95]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.medium .button-name-wrapper[data-v-0cf64c95],.large .button-name-wrapper[data-v-0cf64c95]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.xlarge .button-name-wrapper[data-v-0cf64c95]{font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}.fit-content .dynamic-color-responsive-button-content .button-name-wrapper[data-v-0cf64c95]{white-space:nowrap}.fill-whole .dynamic-color-responsive-button-content .button-name-wrapper[data-v-0cf64c95]{white-space:wrap}@media only screen and (max-width: 767px){.small .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:44px;padding:4px 0}.medium .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:44px;padding:2px 0}.large .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:44px}.xlarge .dynamic-color-responsive-button[data-v-0cf64c95]{min-height:56px}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95],.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-radius:8px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-radius:12px}.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-width:1px;padding:7px 11px;column-gap:4px}.medium .dynamic-color-responsive-button-content[data-v-0cf64c95],.large .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-width:1px;padding:9px 13px;column-gap:8px}.xlarge .dynamic-color-responsive-button-content[data-v-0cf64c95]{border-width:2px;padding:14px 22px;column-gap:12px}.small.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95],.medium.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding:7px}.large.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding:9px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding:10px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:5px;padding-right:5px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:3px;padding-right:3px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:5px;padding-right:5px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:6px;padding-right:6px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:11px;padding-right:11px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:13px;padding-right:13px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:15px;padding-right:15px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-0cf64c95]{padding-left:18px;padding-right:18px}.small .prefix-wrapper[data-v-0cf64c95],.small .suffix-wrapper[data-v-0cf64c95],.small.icon-button .prefix-wrapper[data-v-0cf64c95],.small.icon-button .suffix-wrapper[data-v-0cf64c95],.medium .prefix-wrapper[data-v-0cf64c95],.medium .suffix-wrapper[data-v-0cf64c95]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.medium.icon-button .prefix-wrapper[data-v-0cf64c95],.medium.icon-button .suffix-wrapper[data-v-0cf64c95],.large .prefix-wrapper[data-v-0cf64c95],.large .suffix-wrapper[data-v-0cf64c95],.large.icon-button .prefix-wrapper[data-v-0cf64c95],.large.icon-button .suffix-wrapper[data-v-0cf64c95],.xlarge .prefix-wrapper[data-v-0cf64c95],.xlarge .suffix-wrapper[data-v-0cf64c95]{width:24px;height:24px;padding:2px;box-sizing:border-box}.xlarge.icon-button .prefix-wrapper[data-v-0cf64c95],.xlarge.icon-button .suffix-wrapper[data-v-0cf64c95]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.small .button-name-wrapper[data-v-0cf64c95],.medium .button-name-wrapper[data-v-0cf64c95]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.large .button-name-wrapper[data-v-0cf64c95],.xlarge .button-name-wrapper[data-v-0cf64c95]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}}.input-box-unit-wrapper[data-v-3bacc21d]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-3bacc21d]{width:100%}.label-outside .label-text[data-v-3bacc21d]{color:#434956;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.label-outside .required-icon[data-v-3bacc21d]{color:var(--semantic-error-color--);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box-unit[data-v-3bacc21d]{height:44px;width:100%;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;column-gap:4px;cursor:pointer;position:relative}.input-box-unit.has-prefix[data-v-3bacc21d]{padding-left:0}.input-box-unit.has-suffix[data-v-3bacc21d]{padding-right:0}.filled .input-box-unit[data-v-3bacc21d]{background:var(--input-box-background-color--);border-radius:4px 4px 0 0;box-shadow:inset 0 var(--input-box-border-width--) 0 var(--input-box-border-color--)}.outlined .input-box-unit[data-v-3bacc21d]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.input-box-unit.disabled[data-v-3bacc21d]{cursor:not-allowed}.filled .input-box-unit.disabled[data-v-3bacc21d]{background:var(--disabled-button-background-color--)}.input-box-wrapper[data-v-3bacc21d]{flex:1;padding:4px 0}.label-inside[data-v-3bacc21d]{width:fit-content}.outlined .label-inside[data-v-3bacc21d]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-3bacc21d]{color:var(--inside-label-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.label-inside .required-icon[data-v-3bacc21d]{color:var(--semantic-error-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .label-inside .required-icon[data-v-3bacc21d]{color:var(--disabled-color--)}.input-box[data-v-3bacc21d]{width:100%;padding:0;background-color:transparent;border:none;outline:none;color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px}.disabled .input-box[data-v-3bacc21d]{color:var(--disabled-color--)}.input-box[data-v-3bacc21d]::placeholder{color:var(--disabled-color--);font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-3bacc21d]::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4698_42665)'%3e%3cpath%20d='M15.8333%203.33464H15V1.66797H13.3333V3.33464H6.66667V1.66797H5V3.33464H4.16667C3.24167%203.33464%202.50833%204.08464%202.50833%205.0013L2.5%2016.668C2.5%2017.5846%203.24167%2018.3346%204.16667%2018.3346H15.8333C16.75%2018.3346%2017.5%2017.5846%2017.5%2016.668V5.0013C17.5%204.08464%2016.75%203.33464%2015.8333%203.33464ZM15.8333%2016.668H4.16667V8.33464H15.8333V16.668ZM15.8333%206.66797H4.16667V5.0013H15.8333V6.66797ZM10%2010.8346H14.1667V15.0013H10V10.8346Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4698_42665'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;height:24px}.prefix-wrapper[data-v-3bacc21d],.suffix-wrapper[data-v-3bacc21d]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.message-container[data-v-3bacc21d]{width:100%;box-sizing:border-box;padding:0 16px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .message-container[data-v-3bacc21d]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-3bacc21d]{color:#434956}.message-container .error[data-v-3bacc21d]{color:var(--semantic-error-color--)}.message-container .alert[data-v-3bacc21d]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.input-box-unit[data-v-3bacc21d]{height:44px}}.dropdown-menu-item-wrapper[data-v-3d419422]{position:relative}.dropdown-menu-item[data-v-3d419422]{height:fit-content;display:flex;align-items:center;column-gap:12px;justify-content:space-between;background:transparent;color:#17181c;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;cursor:pointer}.dropdown-menu-item.selected[data-v-3d419422]{color:#2e466b;font-weight:600}.small .dropdown-menu-item[data-v-3d419422]{min-height:40px;height:fit-content;padding:8px 12px}.medium .dropdown-menu-item[data-v-3d419422]{min-height:48px;height:fit-content;padding:12px}.large .dropdown-menu-item[data-v-3d419422]{min-height:56px;height:fit-content;padding:16px 12px}.dropdown-menu-item[data-v-3d419422]:hover{background:var(--State-Layers-On-Surface-Opacity-08, rgba(23, 24, 28, .08));color:#2e466b}.dropdown-menu-item.focus[data-v-3d419422]{background:var(--State-Layers-On-Surface-Opacity-10, rgba(23, 24, 28, .1));color:#2e466b}.dropdown-menu-item[data-v-3d419422]:active{background:var(--Schemes-Secondary-Container, #DBE3F0);color:#2e466b}.dropdown-menu-item.disabled[data-v-3d419422],.dropdown-menu-item.disabled[data-v-3d419422]:hover{color:var(--disabled-color--)!important;cursor:not-allowed!important}.dropdown-menu-item-content[data-v-3d419422]{display:flex;align-items:center;column-gap:12px;white-space:nowrap}.prefix-wrapper[data-v-3d419422]{color:#434956;width:24px;height:24px}.disabled .prefix-wrapper[data-v-3d419422]{color:var(--disabled-color--)!important}.suffix-wrapper[data-v-3d419422]{color:#434956;width:24px;height:24px}.disabled .suffix-wrapper[data-v-3d419422]{color:var(--disabled-color--)!important}.prefix-raw-html-slot[data-v-3d419422],.suffix-raw-html-slot[data-v-3d419422]{width:100%;height:100%}[data-v-3d419422] .prefix-wrapper>svg,[data-v-3d419422] .suffix-wrapper>svg,[data-v-3d419422] .prefix-raw-html-slot>svg,[data-v-3d419422] .suffix-raw-html-slot>svg,[data-v-3d419422] .prefix-wrapper>img,[data-v-3d419422] .suffix-wrapper>img,[data-v-3d419422] .prefix-raw-html-slot>img,[data-v-3d419422] .suffix-raw-html-slot>img{width:100%;height:100%}.dropdown-icon[data-v-3d419422]{width:100%;height:100%;transform:rotate(0);transition:all .3s}.rotate-180[data-v-3d419422]{transform:rotate(180deg)}.dropdown-menu-item-dropdown-wrapper[data-v-3d419422]{min-width:90px}.dropdown-menu-item-dropdown-wrapper.web-version[data-v-3d419422]{position:absolute;z-index:999}.dropdown-menu-item-divider[data-v-3d419422]{padding:8px 0;box-sizing:border-box}.dropdown-menu-item-divider[data-v-3d419422]:after{content:"";display:block;width:100%;height:1px;background:var(--Schemes-Outline-Variant, #C6CAD2)}.text[data-v-3d419422]{white-space:nowrap}.text.wrap-text[data-v-3d419422]{white-space:normal;word-break:break-all}.dropdown-menu.with-box-shadow[data-v-79082aa2]{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.dropdown-menu.fill-whole[data-v-79082aa2]{width:100%}.dropdown-menu.fit-content[data-v-79082aa2]{width:fit-content}.dropdown-menu[data-v-79082aa2]{padding:8px 0;border-radius:4px;background:#eeeff1;min-width:90px}.no-data-notes[data-v-79082aa2]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#17181c;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.5px;text-align:center}.dropdown[data-v-52977ae3]{position:absolute;top:100%;left:0;z-index:999}.single-selector-unit-wrapper[data-v-52977ae3]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-52977ae3]{width:100%}.label-outside .label-text[data-v-52977ae3]{color:#434956;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.label-outside .required-icon[data-v-52977ae3]{color:var(--semantic-error-color--);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.single-selector[data-v-52977ae3]{height:44px;width:100%;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;justify-content:space-between;column-gap:4px;cursor:pointer}.single-selector.has-prefix[data-v-52977ae3]{padding-left:0}.single-selector.has-suffix[data-v-52977ae3]{padding-right:0}.filled .single-selector[data-v-52977ae3]{background:var(--input-box-background-color--);border-radius:4px 4px 0 0;box-shadow:inset 0 var(--input-box-border-width--) 0 var(--input-box-border-color--)}.outlined .single-selector[data-v-52977ae3]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.single-selector.disabled[data-v-52977ae3]{cursor:not-allowed}.filled .single-selector.disabled[data-v-52977ae3]{background:var(--disabled-button-background-color--)}.selected-content-wrapper[data-v-52977ae3]{flex:1;padding:4px 0}.label-inside[data-v-52977ae3]{width:fit-content}.outlined .label-inside[data-v-52977ae3]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-52977ae3]{color:var(--inside-label-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.label-inside .required-icon[data-v-52977ae3]{color:var(--semantic-error-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .label-inside .required-icon[data-v-52977ae3]{color:var(--disabled-color--)}.selected-content[data-v-52977ae3]{width:100%;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide[data-v-52977ae3]{display:none}.selected-content.content-text[data-v-52977ae3]{color:#17181c}.disabled .selected-content.content-text[data-v-52977ae3],.selected-content.placeholder[data-v-52977ae3]{color:var(--disabled-color--)}.filter-input[data-v-52977ae3]{width:100%;background:transparent;border:none;outline:none;color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px;padding:0}.prefix-wrapper[data-v-52977ae3],.suffix-wrapper[data-v-52977ae3]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.rotate-0[data-v-52977ae3]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-52977ae3]{transform:rotate(180deg)}.single-selector-dropdown[data-v-52977ae3]{width:100%;height:fit-content;box-sizing:border-box;max-height:400px;overflow-y:hidden;position:absolute;z-index:1000;top:100%;left:0}.single-selector-dropdown[data-v-52977ae3]:hover{overflow-y:auto}.single-selector-dropdown[data-v-52977ae3]::-webkit-scrollbar{width:12px}.single-selector-dropdown[data-v-52977ae3]::-webkit-scrollbar-track{background:transparent;margin-top:4px;margin-bottom:4px}.single-selector-dropdown[data-v-52977ae3]::-webkit-scrollbar-thumb{background:#79747e;border-radius:100px;border:4px solid #EEEFF1}.single-selector-dropdown.no-data[data-v-52977ae3]{padding:8px 12px;border-radius:4px;background:#eeeff1;min-width:90px;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.message-container[data-v-52977ae3]{width:100%;box-sizing:border-box;padding:0 16px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .message-container[data-v-52977ae3]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-52977ae3]{color:#434956}.message-container .error[data-v-52977ae3]{color:var(--semantic-error-color--)}.message-container .alert[data-v-52977ae3]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.single-selector[data-v-52977ae3]{height:44px}}.checkbox-container[data-v-5344ab55]{display:flex;cursor:pointer;width:fit-content;padding:8px 0}.checkbox-container.disabled[data-v-5344ab55]{cursor:not-allowed}.checkbox-container.small[data-v-5344ab55]{column-gap:10px}.checkbox-container.medium[data-v-5344ab55]{column-gap:11px}.checkbox-input[data-v-5344ab55]{display:flex;align-items:center}.small .checkbox-input[data-v-5344ab55]{height:20px}.medium .checkbox-input[data-v-5344ab55]{height:24px}.checkbox-input-original[data-v-5344ab55]{opacity:0;position:absolute}.checkbox-input-shown[data-v-5344ab55]{box-sizing:border-box;border-radius:2px;position:relative}.small .checkbox-input-shown[data-v-5344ab55]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-5344ab55]{width:24px;height:24px;padding:3px}.checkbox-input-shown[data-v-5344ab55]:hover:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:var(--checkbox-theme-color--);opacity:8%;position:absolute}.small .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-6px;left:-6px}.medium .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-4px;left:-4px}.disabled .checkbox-input-shown[data-v-5344ab55]:hover:before{background-color:transparent!important}.checkbox-input-shown[data-v-5344ab55]:active:before{background-color:var(--checkbox-theme-color--);opacity:16%}.disabled .checkbox-input-shown[data-v-5344ab55]:active:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:var(--checkbox-theme-color--);opacity:10%;position:absolute}.small .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{top:-6px;left:-6px}.medium .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{top:-4px;left:-4px}.disabled .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before,.disabled .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:hover:before{background-color:var(--checkbox-theme-color--);opacity:8%}.checkbox-input-shown-checkbox[data-v-5344ab55]{width:100%;height:100%;border-radius:2px;box-sizing:border-box;position:relative}.checkbox-input-shown-checkbox[data-v-5344ab55]:after{content:"";display:block;width:100%;height:100%;border-radius:2px;box-sizing:border-box;border:2px solid hsl(226,8%,10%)}.checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checked .checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:var(--checkbox-theme-color--)}.indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:var(--checkbox-theme-color--)}.checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:transparent}.error .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--checkbox-theme-color--)}.disabled .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--disabled-color--)!important}.disabled .indeterminate .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.disabled .checked .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--disabled-color--)!important;background:var(--disabled-color--)!important}.checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checked .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--checkbox-theme-color--);background:var(--checkbox-theme-color--)}.indeterminate-mark[data-v-5344ab55]:after{content:"";position:absolute;z-index:1;width:10px;height:2px;background-color:#fff}.small .indeterminate-mark[data-v-5344ab55]:after{top:9px;left:5px}.medium .indeterminate-mark[data-v-5344ab55]:after{top:11px;left:7px}.checkmark[data-v-5344ab55]:after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:3.5px;height:9px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:translate(-45%,-65%) rotate(45deg)}.small .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.disabled .checkbox-container-label-wrapper[data-v-5344ab55]{color:var(--disabled-color--)}.message-container[data-v-5344ab55]{width:var(--message-container-width--, 100%);font-family:Roboto;font-weight:400}.message-container.has-message-min-width[data-v-5344ab55]{min-width:109px}.message-container.error[data-v-5344ab55]{color:var(--checkbox-theme-color--)}.small+.message-container[data-v-5344ab55]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-5344ab55]{font-size:16px;line-height:24px;letter-spacing:.5px}@media only screen and (max-width:767px){.checkbox-container.medium[data-v-5344ab55]{column-gap:10px}.medium .checkbox-input[data-v-5344ab55]{height:20px}.medium .checkbox-input-shown[data-v-5344ab55]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-6px;left:-6px}.medium .indeterminate-mark[data-v-5344ab55]:after{top:9px;left:5px}.medium .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-5344ab55]{font-size:14px;line-height:20px;letter-spacing:.25px}}.radio-container[data-v-643668bf]{width:fit-content;padding:8px 0;display:flex;column-gap:8px;cursor:pointer}.disabled.radio-container[data-v-643668bf]{cursor:not-allowed}.radio-input[data-v-643668bf]{position:relative}.radio-input-original[data-v-643668bf]{opacity:0;position:absolute}.radio-input-shown[data-v-643668bf]{padding:2px;box-sizing:border-box;position:relative}.small .radio-input-shown[data-v-643668bf]{width:20px;height:20px}.medium .radio-input-shown[data-v-643668bf]{width:24px;height:24px}.radio-input-shown[data-v-643668bf]:hover:before{content:"";display:block;border-radius:100%;background-color:#ededed;position:absolute;top:-4px;left:-4px;z-index:0}.small .radio-input-shown[data-v-643668bf]:hover:before{width:28px;height:28px}.medium .radio-input-shown[data-v-643668bf]:hover:before{width:32px;height:32px}.disabled .radio-input-shown[data-v-643668bf]:hover:before{background-color:transparent!important}.red .radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.primary-blue .checked .radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2dae2}.secondary-blue .checked .radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2eef3}.red .radio-input-shown[data-v-643668bf]:active:before{background-color:#f5cdc6}.primary-blue .radio-input-shown[data-v-643668bf]:active:before{background-color:#bbc3cd}.secondary-blue .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcd7dd}.primary-blue .checked .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcbfc4}.secondary-blue .checked .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcc8cc}.radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{content:"";display:block;border-radius:100%;background-color:#e4e4e4;position:absolute;top:-4px;left:-4px;z-index:0}.small .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:28px;height:28px}.medium .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:32px;height:32px}.red .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#f4cac2}.primary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#b7c4d1}.secondary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#b8e3ec}.disabled .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before,.disabled .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:transparent!important}.radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#ededed}.red .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.primary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2dae2}.secondary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2eef3}.red .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.disabled .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:transparent!important}.radio-input-checkmark[data-v-643668bf]{width:100%;height:100%;padding:7px;box-sizing:border-box;position:absolute;top:0;left:0;z-index:1}.radio-input-checkmark[data-v-643668bf]:after{content:"";display:block;width:100%;height:100%;box-sizing:border-box;border-radius:100%}.red .radio-input-checkmark[data-v-643668bf]:after{background-color:#de583f!important}.primary-blue .radio-input-checkmark[data-v-643668bf]:after{background-color:#1e4670}.secondary-blue .radio-input-checkmark[data-v-643668bf]:after{background-color:#20a8c3}.disabled .radio-input-checkmark[data-v-643668bf]:after{background-color:#979797!important}.radio-input-shown-checkbox[data-v-643668bf]{width:100%;height:100%;border:2px solid #49454F;background-color:#fff;border-radius:100%;box-sizing:border-box;position:relative}.radio-input-original:focus+.radio-input-shown .radio-input-shown-checkbox[data-v-643668bf],.radio-input-shown:hover .radio-input-shown-checkbox[data-v-643668bf]{background-color:transparent}.disabled .radio-input-shown:hover .radio-input-shown-checkbox[data-v-643668bf],.disabled .radio-input-shown-checkbox[data-v-643668bf]{border-color:#979797!important;background-color:#fff}.red .radio-input-shown-checkbox[data-v-643668bf]{border-color:#de583f}.primary-blue .checked .radio-input-shown-checkbox[data-v-643668bf]{border-color:#1e4670}.secondary-blue .checked .radio-input-shown-checkbox[data-v-643668bf]{border-color:#20a8c3}.radio-container-label-wrapper[data-v-643668bf]{color:#1c1b1f;font-family:Roboto;font-weight:400}.small .radio-container-label-wrapper[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium .radio-container-label-wrapper[data-v-643668bf]{font-size:16px;line-height:24px;letter-spacing:.5px}.disabled .radio-container-label-wrapper[data-v-643668bf]{color:#979797}.message-container[data-v-643668bf]{width:var(--message-container-width--, 100%);font-family:Roboto;font-weight:400}.message-container.has-message-min-width[data-v-643668bf]{min-width:109px}.message-container.error[data-v-643668bf]{color:#de583f}.small+.message-container[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-643668bf]{font-size:16px;line-height:24px;letter-spacing:.5px}@media only screen and (max-width:767px){.medium .radio-input-shown[data-v-643668bf]{width:20px;height:20px}.medium .radio-input-shown[data-v-643668bf]:hover:before{width:28px;height:28px}.medium .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:28px;height:28px}.medium .radio-container-label-wrapper[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}}.whole-page-error-popup-container.whole-page-error-mask[data-v-623b4a2e]{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:1000;background-color:#1c1b1f4d;display:flex;flex-direction:column;align-items:center}.whole-page-error-popup-window[data-v-623b4a2e]{width:38%;min-width:552px;height:fit-content;margin-top:94px;background-color:#fff;border-radius:10px}.error-popup-header[data-v-623b4a2e]{display:flex;flex-direction:column;align-items:center;padding:12px 16px;row-gap:20px}.error-popup-title-icon[data-v-623b4a2e]{width:100px;height:100px}.error-popup-title-text[data-v-623b4a2e]{color:#de583f;font-family:Roboto;font-size:24px;font-weight:500;line-height:28px;letter-spacing:.458px}.error-popup-body[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:12px 16px 0;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.error-popup-footer[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:24px}.retry-button[data-v-623b4a2e]{text-align:center;width:100%;box-sizing:border-box;padding:10px 24px;border-radius:4px;background:#de583f;color:#fff;font-family:Roboto;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer}@media only screen and (max-width:1024px){.whole-page-error-popup-window[data-v-623b4a2e]{max-width:552px;margin-top:64px;width:54%;min-width:0}}@media only screen and (max-width:767px){.whole-page-error-popup-container.whole-page-error-mask[data-v-623b4a2e]{padding:0 16px;box-sizing:border-box}.whole-page-error-popup-window[data-v-623b4a2e]{max-width:none;width:100%;margin-top:12px;min-width:0}.error-popup-header[data-v-623b4a2e]{display:flex;flex-direction:column;align-items:center;padding:12px;row-gap:16px}.error-popup-title-icon[data-v-623b4a2e]{width:64px;height:64px}.error-popup-title-text[data-v-623b4a2e]{font-size:22px;line-height:26px}.error-popup-body[data-v-623b4a2e]{padding:12px 12px 0}.error-popup-footer[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:16px 12px}}.area-code-phone-input-unit-wrapper[data-v-c8a902b3]{display:flex;flex-direction:column;row-gap:8px}.area-code-phone-input[data-v-c8a902b3]{display:flex;align-items:center;box-shadow:inset 0 0 0 1px #bcccdc;border-radius:4px;position:relative}.area-code-phone-input[data-v-c8a902b3]:hover{box-shadow:inset 0 0 0 1px #dee6ed}.area-code-phone-input.is-focus[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #9bb2ca}.area-code-phone-input.error[data-v-c8a902b3]:hover,.area-code-phone-input.error.is-focus[data-v-c8a902b3],.area-code-phone-input.error[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #de583f}.area-code-phone-input.alert[data-v-c8a902b3]:hover,.area-code-phone-input.alert.is-focus[data-v-c8a902b3],.area-code-phone-input.alert[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #e0961e}.area-code-phone-input.disabled[data-v-c8a902b3]:hover,.area-code-phone-input.disabled.is-focus[data-v-c8a902b3],.area-code-phone-input.disabled[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #bcccdc!important;background:#f2f2f2;cursor:not-allowed}.country-area-code-selector-wrapper[data-v-c8a902b3]{max-width:120px}.phone-number-input-wrapper[data-v-c8a902b3]{flex:1}[data-v-c8a902b3] .single-selector-unit-wrapper{--input-box-border-color--: transparent !important}[data-v-c8a902b3] .single-selector.disabled:hover,[data-v-c8a902b3] .single-selector.has-prefix,[data-v-c8a902b3] .single-selector:hover,[data-v-c8a902b3] .single-selector.is-focus,[data-v-c8a902b3] .single-selector{border:none;column-gap:4px}[data-v-c8a902b3] .single-selector-unit-wrapper{position:static}[data-v-c8a902b3] .single-selector.has-prefix .selected-content.content-text{display:none}[data-v-c8a902b3] .single-selector.has-prefix.is-focus .selected-content.content-text{display:block}[data-v-c8a902b3] .single-selector.has-prefix.is-focus .prefix-wrapper{display:none}[data-v-c8a902b3] .single-selector .selected-content{letter-spacing:.25px}.country-selector-prefix[data-v-c8a902b3]{width:100%;height:100%}.area-code-container[data-v-c8a902b3]{height:26px;width:fit-content;padding-left:11px;display:flex;align-items:center;border-left:1px solid #BCCCDC;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.area-code-container.not-selected[data-v-c8a902b3]{color:#979797}[data-v-c8a902b3] .input-box-unit{--input-box-border-color--: transparent !important}[data-v-c8a902b3] .input-box-unit.disabled:hover,[data-v-c8a902b3] .input-box-unit:hover,[data-v-c8a902b3] .input-box-unit.is-focus,[data-v-c8a902b3] .input-box-unit{border:none}.suffix-wrapper[data-v-c8a902b3]{display:flex;align-items:center;column-gap:4px;flex-shrink:0;height:24px}.clear-icon[data-v-c8a902b3]{flex-shrink:0;width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-c8a902b3]:hover{opacity:1}.hide[data-v-c8a902b3]{display:none}.message-container[data-v-c8a902b3]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-c8a902b3]{color:#de583f}.message-container.alert[data-v-c8a902b3]{color:#e0961e}@media only screen and (max-width: 767px){.area-code-phone-input-unit-wrapper[data-v-c8a902b3]{row-gap:4px}.country-area-code-selector-wrapper[data-v-c8a902b3]{max-width:120px}[data-v-c8a902b3] .single-selector.disabled:hover,[data-v-c8a902b3] .single-selector.has-prefix,[data-v-c8a902b3] .single-selector:hover,[data-v-c8a902b3] .single-selector.is-focus,[data-v-c8a902b3] .single-selector{box-shadow:none;column-gap:2px}.suffix-wrapper[data-v-c8a902b3]{height:20px;column-gap:0px}.clear-icon[data-v-c8a902b3]{width:36px;height:36px;box-sizing:border-box;padding:10px}.message-container[data-v-c8a902b3]{font-size:14px;line-height:16px}}.group-checkbox-container[data-v-3a91062e]{width:fit-content}.badge-wrapper[data-v-0a14a646]{display:inline-flex;width:fit-content;height:fit-content}.badge-wrapper.top-right[data-v-0a14a646]{position:relative}.badge-wrapper.center-right[data-v-0a14a646]{display:inline-flex;align-items:center;column-gap:4px}.badge[data-v-0a14a646]{display:flex;align-items:center;justify-content:center;border-radius:100%;box-sizing:border-box;color:#fff;font-family:Roboto;font-weight:500;line-height:1}.badge.top-right[data-v-0a14a646]{position:absolute}.badge.center-right[data-v-0a14a646]{position:static}.badge.small[data-v-0a14a646]{width:6px;height:6px;min-width:6px}.badge.medium[data-v-0a14a646]{width:8px;height:8px;min-width:8px}.badge.large[data-v-0a14a646]{width:16px;height:16px;min-width:16px}.badge.has-content[data-v-0a14a646]{width:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;line-height:16px;letter-spacing:.4px}.badge.top-right[data-v-0a14a646]{top:var(--top-distance--, 0);right:var(--right-distance--, 0)}.badge.primary[data-v-0a14a646]{background-color:#af251d;color:#fff}.badge.secondary[data-v-0a14a646]{background-color:#cfe0fc;color:#083d91}.badge[style*=--badge-theme-color--][data-v-0a14a646]{background-color:var(--badge-theme-color--)!important;color:var(--badge-text-color--, #FFFFFF)!important}@media only screen and (max-width: 767px){.badge.small[data-v-0a14a646],.badge.medium[data-v-0a14a646]{width:6px;height:6px;min-width:6px}.badge.large[data-v-0a14a646]{width:16px;height:16px;min-width:16px}.badge.has-content[data-v-0a14a646]{width:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;line-height:16px;letter-spacing:.4px}}.floating-action-button-container[data-v-e8e0f96e]{position:fixed;right:16px;bottom:16px;z-index:999}.floating-action-button[data-v-e8e0f96e]{border-radius:var(--Corner-Large-increased, 20px);background:var(--fab-button-background-color--);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-sizing:border-box;display:flex;justify-content:center;align-items:center;color:var(--fab-button-text-color--);font-family:var(--Static-Title-Medium-Font, Roboto);font-style:normal;cursor:pointer}.floating-action-button[data-v-e8e0f96e]:hover{background:color-mix(in srgb,var(--fab-button-background-color--),var(--fab-button-text-color--) 8%)}.floating-action-button[data-v-e8e0f96e]:active{background:color-mix(in srgb,var(--fab-button-background-color--),var(--fab-button-text-color--) 16%)}.small .floating-action-button[data-v-e8e0f96e]{height:56px;padding:16px;column-gap:8px;font-size:var(--Static-Title-Medium-Size, 16px);font-weight:500;line-height:var(--Static-Title-Medium-Line-Height, 24px);letter-spacing:var(--Static-Title-Medium-Tracking, .15px)}.medium .floating-action-button[data-v-e8e0f96e]{height:80px;padding:26px;column-gap:12px;font-size:var(--Static-Title-Large-Size, 22px);font-weight:400;line-height:var(--Static-Title-Large-Line-Height, 28px);letter-spacing:var(--Static-Title-Large-Tracking, 0)}.large .floating-action-button[data-v-e8e0f96e]{height:96px;padding:30px;column-gap:16px;font-size:var(--Static-Headline-Small-Size, 24px);font-weight:400;line-height:var(--Static-Headline-Small-Line-Height, 32px);letter-spacing:var(--Static-Headline-Small-Tracking, 0)}.floating-action-button .prefix[data-v-e8e0f96e],.floating-action-button .suffix[data-v-e8e0f96e]{box-sizing:border-box}[data-v-e8e0f96e] .prefix>svg,[data-v-e8e0f96e] .suffix>svg{width:100%;height:100%}[data-v-e8e0f96e] .prefix>img,[data-v-e8e0f96e] .suffix>img{width:100%;height:100%}.small .floating-action-button .prefix[data-v-e8e0f96e],.small .floating-action-button .suffix[data-v-e8e0f96e]{width:24px;height:24px;padding:2px}.medium .floating-action-button .prefix[data-v-e8e0f96e],.medium .floating-action-button .suffix[data-v-e8e0f96e]{width:28px;height:28px;padding:2.33px}.large .floating-action-button .prefix[data-v-e8e0f96e],.large .floating-action-button .suffix[data-v-e8e0f96e]{width:36px;height:36px;padding:3px}.floating-action-button-menu[data-v-e8e0f96e]{display:flex;flex-direction:column;align-items:flex-end;row-gap:4px}.floating-action-button-menu-item[data-v-e8e0f96e]{height:56px;padding:16px 24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;column-gap:8px;background:var(--fab-menu-child-button-background-color--);border-radius:var(--Corner-Extra-large, 28px);color:var(--fab-menu-child-button-text-color--);font-family:var(--Static-Title-Medium-Font, Roboto);font-size:var(--Static-Title-Medium-Size, 16px);font-style:normal;font-weight:500;line-height:var(--Static-Title-Medium-Line-Height, 24px);letter-spacing:var(--Static-Title-Medium-Tracking, .15px);cursor:pointer}.floating-action-button-menu-item[data-v-e8e0f96e]:hover{background:color-mix(in srgb,var(--fab-menu-child-button-background-color--),var(--fab-menu-child-button-text-color--) 8%)}.floating-action-button-menu-item[data-v-e8e0f96e]:active{background:color-mix(in srgb,var(--fab-menu-child-button-background-color--),var(--fab-menu-child-button-text-color--) 16%)}.floating-action-button-menu-item-prefix[data-v-e8e0f96e],.floating-action-button-menu-item-suffix[data-v-e8e0f96e]{width:24px;height:24px;padding:2px;box-sizing:border-box}.menu-cross-button[data-v-e8e0f96e]{width:56px;height:56px;padding:16px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin-top:4px;border-radius:var(--Corner-Extra-large, 28px);background:var(--fab-menu-cross-button-background-color--);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;cursor:pointer}.menu-cross-button>svg[data-v-e8e0f96e]{color:var(--fab-menu-cross-button-text-color--)}:root{--Schemes-primary: hsl(217, 90%, 40%);--Schemes-Secondary: hsl(217, 40%, 40%);--Schemes-Tertiary: hsl(307, 50%, 40%);--Schemes-Primary-Container: hsl(217, 90%, 90%);--Schemes-Secondary-Container: hsl(217, 40%, 90%);--Schemes-Tertiary-Container: hsl(307, 50%, 90%);--semantic-success-color--: hsl(86, 52%, 48%);--semantic-error-color--: hsl(3, 71%, 40%);--semantic-alert-color--: hsla(38, 100%, 40%);--disabled-color--: hsl(226, 8%, 60%);--disabled-button-background-color--: hsl(226, 8%, 92%);--Schemes-Outline-Variant:hsl(220, 12%, 80%)}.component-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.whole-page-loading-spinner-container{width:123px;display:flex;flex-direction:column;align-items:center;row-gap:20px}.whole-page-loading-spinner-icon-container{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;position:relative}.whole-page-loading-progress-circle-div{content:"";width:100%;height:100%;box-sizing:border-box;border:5px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{content:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e");height:24px;width:24px;animation:flip 5s infinite;position:absolute;top:18px;left:18px}.whole-page-loading-text-div:after{content:"Loading";color:#20a8c3;font-family:Roboto;font-size:28px;font-weight:400;line-height:36px;animation:loading_dots 3s steps(1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flip{0%{transform:rotate(0)}20%{transform:rotate(180deg)}50%{transform:rotate(180deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes loading_dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}#floating-notifications-container{display:flex;flex-direction:column;row-gap:16px;align-items:flex-end;height:fit-content;width:32%;min-width:360px;padding:94px 60px 94px 0;position:fixed;z-index:999;top:0;right:0}@media only screen and (max-width:1024px){#floating-notifications-container{padding:24px 16px 24px 0}}@media only screen and (max-width:767px){#floating-notifications-container{width:100vw;box-sizing:border-box;row-gap:12px;align-items:center;padding:12px 16px}}`)),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { openBlock as a, createElementBlock as l, normalizeClass as h, createElementVNode as c, toDisplayString as L, createCommentVNode as m, renderSlot as D, ref as x, onMounted as _e, onUnmounted as ke, resolveComponent as re, resolveDirective as Pe, withDirectives as Q, normalizeStyle as P, Fragment as ie, renderList as se, createBlock as V, mergeProps as de, computed as I, unref as U, createTextVNode as X, createVNode as K, withCtx as Z, vModelDynamic as Ve, useAttrs as Be, vModelText as Ze, vModelCheckbox as Ge, vModelRadio as pe, watch as Y, createSlots as Re, provide as fe, createApp as Ue, h as Fe } from "vue";
|
|
3
3
|
const je = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.11973%209.29055L11.9997%2013.1705L15.8797%209.29055C16.2697%208.90055%2016.8997%208.90055%2017.2897%209.29055C17.6797%209.68055%2017.6797%2010.3105%2017.2897%2010.7005L12.6997%2015.2905C12.3097%2015.6805%2011.6797%2015.6805%2011.2897%2015.2905L6.69973%2010.7005C6.30973%2010.3105%206.30973%209.68055%206.69973%209.29055C7.08973%208.91055%207.72973%208.90055%208.11973%209.29055Z'%20fill='black'/%3e%3c/svg%3e", $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
5
|
default: je
|
|
@@ -144,23 +144,23 @@ function Tt(e, o, t, i, r, n) {
|
|
|
144
144
|
t.customized_class
|
|
145
145
|
])
|
|
146
146
|
}, [
|
|
147
|
-
|
|
148
|
-
|
|
147
|
+
c("div", vt, [
|
|
148
|
+
c("img", {
|
|
149
149
|
src: n.alert_icon_src,
|
|
150
150
|
class: "prefix_icon"
|
|
151
151
|
}, null, 8, bt)
|
|
152
152
|
]),
|
|
153
|
-
|
|
154
|
-
|
|
153
|
+
c("div", gt, [
|
|
154
|
+
c("div", Ct, [
|
|
155
155
|
t.title ? (a(), l("div", Nt, L(t.title), 1)) : m("", !0),
|
|
156
156
|
D(e.$slots, "content", {}, () => [
|
|
157
157
|
t.content ? (a(), l("div", kt, [
|
|
158
|
-
|
|
158
|
+
c("div", { innerHTML: t.content }, null, 8, Bt)
|
|
159
159
|
])) : m("", !0)
|
|
160
160
|
], !0)
|
|
161
161
|
])
|
|
162
162
|
]),
|
|
163
|
-
|
|
163
|
+
c("div", xt, [
|
|
164
164
|
t.with_close_btn ? (a(), l("img", {
|
|
165
165
|
key: 0,
|
|
166
166
|
src: Le,
|
|
@@ -375,8 +375,8 @@ const St = {
|
|
|
375
375
|
calculateDropdownPosition() {
|
|
376
376
|
const e = {}, o = this.$refs["responsive-button"], t = this.$refs["responsive-button-dropdown"];
|
|
377
377
|
if (o && t) {
|
|
378
|
-
const i = window.innerWidth, r = window.innerHeight, n = o.getBoundingClientRect(), d = n.right, s = n.bottom,
|
|
379
|
-
this.is_dropdown_option ? (r - s > S + (this.mobile_version ? 4 : 8) ? e.top = "0px" : e.bottom = "0px", i - d > k + (this.mobile_version ? 4 : 8) ? e.left = _ + 12 + 8 + "px" : e.right = _ + 12 + 8 + "px") : (r - s > S + (this.mobile_version ? 4 : 8) ? e.top = p + (this.mobile_version ? 4 : 8) + "px" : e.bottom = p + (this.mobile_version ? 4 : 8) + "px", i -
|
|
378
|
+
const i = window.innerWidth, r = window.innerHeight, n = o.getBoundingClientRect(), d = n.right, s = n.bottom, u = n.left, _ = n.width, p = n.height, w = t.getBoundingClientRect(), S = w.height, k = w.width;
|
|
379
|
+
this.is_dropdown_option ? (r - s > S + (this.mobile_version ? 4 : 8) ? e.top = "0px" : e.bottom = "0px", i - d > k + (this.mobile_version ? 4 : 8) ? e.left = _ + 12 + 8 + "px" : e.right = _ + 12 + 8 + "px") : (r - s > S + (this.mobile_version ? 4 : 8) ? e.top = p + (this.mobile_version ? 4 : 8) + "px" : e.bottom = p + (this.mobile_version ? 4 : 8) + "px", i - u > k + (this.mobile_version ? 4 : 8) ? e.left = "0px" : e.right = "0px");
|
|
380
380
|
}
|
|
381
381
|
this.dropdown_position_data = e;
|
|
382
382
|
},
|
|
@@ -426,7 +426,7 @@ function Ut(e, o, t, i, r, n) {
|
|
|
426
426
|
class: h(["responsive-button-wrapper", t.width_type]),
|
|
427
427
|
ref: "responsive-button-wrapper"
|
|
428
428
|
}, [
|
|
429
|
-
|
|
429
|
+
c("div", {
|
|
430
430
|
class: h([
|
|
431
431
|
"responsive-button",
|
|
432
432
|
t.size,
|
|
@@ -443,10 +443,10 @@ function Ut(e, o, t, i, r, n) {
|
|
|
443
443
|
{ focused: n.show_dropdown }
|
|
444
444
|
]),
|
|
445
445
|
ref: "responsive-button",
|
|
446
|
-
onClick: o[0] || (o[0] = (
|
|
447
|
-
onMouseenter: o[1] || (o[1] = (
|
|
446
|
+
onClick: o[0] || (o[0] = (u) => n.handleClick()),
|
|
447
|
+
onMouseenter: o[1] || (o[1] = (u) => n.handleMouseEnterButton())
|
|
448
448
|
}, [
|
|
449
|
-
|
|
449
|
+
c("div", It, [
|
|
450
450
|
e.$slots.prefix ? (a(), l("div", Lt, [
|
|
451
451
|
D(e.$slots, "prefix", {}, void 0, !0)
|
|
452
452
|
])) : m("", !0),
|
|
@@ -455,7 +455,7 @@ function Ut(e, o, t, i, r, n) {
|
|
|
455
455
|
D(e.$slots, "suffix", {}, void 0, !0)
|
|
456
456
|
])) : m("", !0),
|
|
457
457
|
!t.is_dropdown_option && n.has_dropdown ? (a(), l("div", Ot, [
|
|
458
|
-
|
|
458
|
+
c("img", {
|
|
459
459
|
src: n.dynamicDefaultDropdownDownArrow,
|
|
460
460
|
class: h([
|
|
461
461
|
"rotate-0",
|
|
@@ -475,12 +475,12 @@ function Ut(e, o, t, i, r, n) {
|
|
|
475
475
|
"responsive-button-dropdown",
|
|
476
476
|
{ "sub-dropdown": t.is_dropdown_option }
|
|
477
477
|
]),
|
|
478
|
-
style:
|
|
478
|
+
style: P(r.dropdown_position_data)
|
|
479
479
|
}, [
|
|
480
|
-
(a(!0), l(ie, null, se(t.dropdown_options, (
|
|
481
|
-
key: `${t.display_name.replaceAll(" ", "-")}-dropdown-item-${
|
|
480
|
+
(a(!0), l(ie, null, se(t.dropdown_options, (u) => (a(), V(d, de({
|
|
481
|
+
key: `${t.display_name.replaceAll(" ", "-")}-dropdown-item-${u.display_name.replaceAll(" ", "-")}`,
|
|
482
482
|
ref_for: !0
|
|
483
|
-
},
|
|
483
|
+
}, u, {
|
|
484
484
|
customized_class: "responsive-button-dropdown-option",
|
|
485
485
|
width_type: "fill-whole",
|
|
486
486
|
is_dropdown_option: !0,
|
|
@@ -498,32 +498,32 @@ function Ut(e, o, t, i, r, n) {
|
|
|
498
498
|
"responsive-button-dropdown",
|
|
499
499
|
{ "sub-dropdown": t.is_dropdown_option }
|
|
500
500
|
]),
|
|
501
|
-
style:
|
|
501
|
+
style: P(r.dropdown_position_data)
|
|
502
502
|
}, [
|
|
503
503
|
n.non_web_version_nested_dropdown_option_shown ? (a(), l("div", {
|
|
504
504
|
key: 0,
|
|
505
505
|
class: "non-web-responsive-button-nested-dropdown-button",
|
|
506
|
-
onClick: o[6] || (o[6] = (
|
|
506
|
+
onClick: o[6] || (o[6] = (u) => n.nonWebRemoveNestedDropdownHistoryStack({
|
|
507
507
|
display_name: n.non_web_version_nested_dropdown_option_shown,
|
|
508
508
|
dropdown_options: n.non_web_version_dropdown_options
|
|
509
509
|
}))
|
|
510
510
|
}, [
|
|
511
|
-
o[7] || (o[7] =
|
|
512
|
-
|
|
511
|
+
o[7] || (o[7] = c("div", { class: "non-web-responsive-nested-dropdown-button-default-prefeix prefix-wrapper" }, [
|
|
512
|
+
c("img", {
|
|
513
513
|
src: ae,
|
|
514
514
|
class: "rotate-180"
|
|
515
515
|
})
|
|
516
516
|
], -1)),
|
|
517
|
-
|
|
517
|
+
c("div", null, L(n.non_web_version_nested_dropdown_option_shown), 1)
|
|
518
518
|
])) : m("", !0),
|
|
519
|
-
(a(!0), l(ie, null, se(n.non_web_version_dropdown_options, (
|
|
520
|
-
key: `${t.display_name.replaceAll(" ", "-")}-dropdown-item-${
|
|
521
|
-
class: h(["non-web-responsive-button-dropdown-option", { disabled:
|
|
522
|
-
onClick: (_) => n.clickNonWebDropdownOption(
|
|
519
|
+
(a(!0), l(ie, null, se(n.non_web_version_dropdown_options, (u) => (a(), l("div", {
|
|
520
|
+
key: `${t.display_name.replaceAll(" ", "-")}-dropdown-item-${u.display_name.replaceAll(" ", "-")}`,
|
|
521
|
+
class: h(["non-web-responsive-button-dropdown-option", { disabled: u.disabled }]),
|
|
522
|
+
onClick: (_) => n.clickNonWebDropdownOption(u)
|
|
523
523
|
}, [
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
524
|
+
c("div", Vt, L(u.display_name), 1),
|
|
525
|
+
u.dropdown_options ? (a(), l("div", Zt, [
|
|
526
|
+
u.disabled ? (a(), l("img", Rt)) : (a(), l("img", Gt))
|
|
527
527
|
])) : m("", !0)
|
|
528
528
|
], 10, Pt))), 128))
|
|
529
529
|
], 6)) : m("", !0)
|
|
@@ -532,7 +532,7 @@ function Ut(e, o, t, i, r, n) {
|
|
|
532
532
|
]);
|
|
533
533
|
}
|
|
534
534
|
const Ft = /* @__PURE__ */ A(St, [["render", Ut], ["__scopeId", "data-v-b993e836"]]);
|
|
535
|
-
function
|
|
535
|
+
function G(e, o, t) {
|
|
536
536
|
return Math.min(Math.max(e, o), t);
|
|
537
537
|
}
|
|
538
538
|
function q(e, o = 2) {
|
|
@@ -551,13 +551,13 @@ function we(e) {
|
|
|
551
551
|
if (!t) return null;
|
|
552
552
|
const i = t[1].split(",");
|
|
553
553
|
if (i.length < 3) return null;
|
|
554
|
-
const r = (_) => _.endsWith("%") ?
|
|
555
|
-
let
|
|
554
|
+
const r = (_) => _.endsWith("%") ? G(parseFloat(_) / 100 * 255, 0, 255) : G(parseFloat(_), 0, 255), n = r(i[0]), d = r(i[1]), s = r(i[2]);
|
|
555
|
+
let u = 1;
|
|
556
556
|
if (i[3] != null) {
|
|
557
557
|
const _ = i[3];
|
|
558
|
-
|
|
558
|
+
u = _.endsWith("%") ? G(parseFloat(_) / 100, 0, 1) : G(parseFloat(_), 0, 1);
|
|
559
559
|
}
|
|
560
|
-
return [n, d, s].some((_) => Number.isNaN(_)) ? null : { r: n, g: d, b: s, a:
|
|
560
|
+
return [n, d, s].some((_) => Number.isNaN(_)) ? null : { r: n, g: d, b: s, a: u };
|
|
561
561
|
}
|
|
562
562
|
function $t(e) {
|
|
563
563
|
const t = e.replace(/\s+/g, "").match(/^hsla?\(([^)]+)\)$/i);
|
|
@@ -567,18 +567,18 @@ function $t(e) {
|
|
|
567
567
|
const r = parseFloat(i[0]), n = parseFloat(i[1]), d = parseFloat(i[2]);
|
|
568
568
|
let s = 1;
|
|
569
569
|
if (i[3] != null) {
|
|
570
|
-
const
|
|
571
|
-
s =
|
|
570
|
+
const u = i[3];
|
|
571
|
+
s = u.endsWith("%") ? G(parseFloat(u) / 100, 0, 1) : G(parseFloat(u), 0, 1);
|
|
572
572
|
}
|
|
573
|
-
return [r, n, d].some((
|
|
573
|
+
return [r, n, d].some((u) => Number.isNaN(u)) ? null : Wt({ h: r, s: n, l: d, a: s });
|
|
574
574
|
}
|
|
575
575
|
function ne({ r: e, g: o, b: t, a: i = 1 }) {
|
|
576
|
-
const r = e / 255, n = o / 255, d = t / 255, s = Math.max(r, n, d),
|
|
576
|
+
const r = e / 255, n = o / 255, d = t / 255, s = Math.max(r, n, d), u = Math.min(r, n, d);
|
|
577
577
|
let _ = 0, p = 0;
|
|
578
|
-
const w = (s +
|
|
579
|
-
if (s !==
|
|
580
|
-
const S = s -
|
|
581
|
-
switch (p = w > 0.5 ? S / (2 - s -
|
|
578
|
+
const w = (s + u) / 2;
|
|
579
|
+
if (s !== u) {
|
|
580
|
+
const S = s - u;
|
|
581
|
+
switch (p = w > 0.5 ? S / (2 - s - u) : S / (s + u), s) {
|
|
582
582
|
case r:
|
|
583
583
|
_ = (n - d) / S + (n < d ? 6 : 0);
|
|
584
584
|
break;
|
|
@@ -594,12 +594,12 @@ function ne({ r: e, g: o, b: t, a: i = 1 }) {
|
|
|
594
594
|
return { h: q(_ * 360, 2), s: q(p * 100, 2), l: q(w * 100, 2), a: q(i, 3) };
|
|
595
595
|
}
|
|
596
596
|
function Wt({ h: e, s: o, l: t, a: i = 1 }) {
|
|
597
|
-
const r = (e % 360 + 360) % 360 / 360, n =
|
|
597
|
+
const r = (e % 360 + 360) % 360 / 360, n = G(o / 100, 0, 1), d = G(t / 100, 0, 1);
|
|
598
598
|
if (n === 0) {
|
|
599
599
|
const k = Math.round(d * 255);
|
|
600
600
|
return { r: k, g: k, b: k, a: i };
|
|
601
601
|
}
|
|
602
|
-
const s = d < 0.5 ? d * (1 + n) : d + n - d * n,
|
|
602
|
+
const s = d < 0.5 ? d * (1 + n) : d + n - d * n, u = 2 * d - s, _ = (k, M, v) => (v < 0 && (v += 1), v > 1 && (v -= 1), v < 1 / 6 ? k + (M - k) * 6 * v : v < 1 / 2 ? M : v < 2 / 3 ? k + (M - k) * (2 / 3 - v) * 6 : k), p = Math.round(_(u, s, r + 1 / 3) * 255), w = Math.round(_(u, s, r) * 255), S = Math.round(_(u, s, r - 1 / 3) * 255);
|
|
603
603
|
return { r: p, g: w, b: S, a: i };
|
|
604
604
|
}
|
|
605
605
|
function Kt(e) {
|
|
@@ -633,8 +633,8 @@ function B(e) {
|
|
|
633
633
|
throw new Error(`parseColorToHsl: Unable to parse color "${e}"`);
|
|
634
634
|
}
|
|
635
635
|
function F(e, o = {}) {
|
|
636
|
-
const { h: t, s: i, l: r } = e, n = e.a == null ? 1 : e.a, d = o.modern === !0, s = Math.round((t % 360 + 360) % 360),
|
|
637
|
-
return d ? p < 1 ? `hsl(${s} ${
|
|
636
|
+
const { h: t, s: i, l: r } = e, n = e.a == null ? 1 : e.a, d = o.modern === !0, s = Math.round((t % 360 + 360) % 360), u = Math.round(G(i, 0, 100)), _ = Math.round(G(r, 0, 100)), p = G(n, 0, 1);
|
|
637
|
+
return d ? p < 1 ? `hsl(${s} ${u}% ${_}% / ${q(p, 3)})` : `hsl(${s} ${u}% ${_}%)` : p < 1 ? `hsla(${s}, ${u}%, ${_}%, ${q(p, 3)})` : `hsl(${s}, ${u}%, ${_}%)`;
|
|
638
638
|
}
|
|
639
639
|
function Jn(e, o) {
|
|
640
640
|
if (typeof e == "string")
|
|
@@ -748,7 +748,7 @@ const Jt = { class: "dynamic-color-responsive-button-content" }, Yt = ["innerHTM
|
|
|
748
748
|
},
|
|
749
749
|
emits: ["click-button"],
|
|
750
750
|
setup(e, { expose: o, emit: t }) {
|
|
751
|
-
const i = e, r = t, n = x(null), d = x(null), s = x(null),
|
|
751
|
+
const i = e, r = t, n = x(null), d = x(null), s = x(null), u = x(!1), _ = I(() => !d.value && (n.value && !s.value || !n.value && s.value)), p = I(() => {
|
|
752
752
|
if (i.disabled)
|
|
753
753
|
return _.value ? {
|
|
754
754
|
h: 0,
|
|
@@ -896,10 +896,10 @@ const Jt = { class: "dynamic-color-responsive-button-content" }, Yt = ["innerHTM
|
|
|
896
896
|
};
|
|
897
897
|
return o({
|
|
898
898
|
handleFocusButton: () => {
|
|
899
|
-
|
|
899
|
+
u.value = !0;
|
|
900
900
|
},
|
|
901
901
|
handleBlurButton: () => {
|
|
902
|
-
|
|
902
|
+
u.value = !1;
|
|
903
903
|
}
|
|
904
904
|
}), (y, g) => (a(), l("div", {
|
|
905
905
|
class: h([
|
|
@@ -913,18 +913,18 @@ const Jt = { class: "dynamic-color-responsive-button-content" }, Yt = ["innerHTM
|
|
|
913
913
|
{ narrow: _.value && e.width_type === "narrow" },
|
|
914
914
|
{ wide: _.value && e.width_type === "wide" }
|
|
915
915
|
]),
|
|
916
|
-
style:
|
|
916
|
+
style: P({
|
|
917
917
|
"--button-background-color--": U(F)(p.value),
|
|
918
918
|
"--button-text-color--": U(F)(w.value),
|
|
919
919
|
"--button-border-color--": U(F)(S.value, { modern: !0 }),
|
|
920
920
|
"--button-border-radius--": e.button_border_radius
|
|
921
921
|
})
|
|
922
922
|
}, [
|
|
923
|
-
|
|
924
|
-
class: h(["dynamic-color-responsive-button", { focus:
|
|
923
|
+
c("div", {
|
|
924
|
+
class: h(["dynamic-color-responsive-button", { focus: u.value }]),
|
|
925
925
|
onClick: k
|
|
926
926
|
}, [
|
|
927
|
-
|
|
927
|
+
c("div", Jt, [
|
|
928
928
|
y.$slots.prefix || e.prefix || e.prefix_slot_raw_html_content ? (a(), l("div", {
|
|
929
929
|
key: 0,
|
|
930
930
|
class: "prefix-wrapper",
|
|
@@ -973,7 +973,7 @@ const Jt = { class: "dynamic-color-responsive-button-content" }, Yt = ["innerHTM
|
|
|
973
973
|
], 2)
|
|
974
974
|
], 6));
|
|
975
975
|
}
|
|
976
|
-
}, he = /* @__PURE__ */ A(to, [["__scopeId", "data-v-
|
|
976
|
+
}, he = /* @__PURE__ */ A(to, [["__scopeId", "data-v-0cf64c95"]]), oo = {
|
|
977
977
|
components: {
|
|
978
978
|
DynamicColorResponsiveButton: he
|
|
979
979
|
},
|
|
@@ -1168,7 +1168,7 @@ function mo(e, o, t, i, r, n) {
|
|
|
1168
1168
|
t.label_type,
|
|
1169
1169
|
{ disabled: t.disabled }
|
|
1170
1170
|
]),
|
|
1171
|
-
style:
|
|
1171
|
+
style: P({
|
|
1172
1172
|
"--input-box-border-color--": n.regular_border_color,
|
|
1173
1173
|
"--input-box-border-width--": n.border_width_in_box_shadow,
|
|
1174
1174
|
"--input-box-background-color--": n.background_color,
|
|
@@ -1176,11 +1176,11 @@ function mo(e, o, t, i, r, n) {
|
|
|
1176
1176
|
})
|
|
1177
1177
|
}, [
|
|
1178
1178
|
t.label && t.label_type == "outside" ? (a(), l("div", no, [
|
|
1179
|
-
|
|
1179
|
+
c("span", ro, L(t.label), 1),
|
|
1180
1180
|
o[5] || (o[5] = X()),
|
|
1181
1181
|
t.required ? (a(), l("span", io, "*")) : m("", !0)
|
|
1182
1182
|
])) : m("", !0),
|
|
1183
|
-
|
|
1183
|
+
c("div", {
|
|
1184
1184
|
class: h([
|
|
1185
1185
|
"input-box-unit",
|
|
1186
1186
|
{ "is-focus": r.is_focus },
|
|
@@ -1203,19 +1203,19 @@ function mo(e, o, t, i, r, n) {
|
|
|
1203
1203
|
width_type: "fit-content",
|
|
1204
1204
|
disabled: t.disabled
|
|
1205
1205
|
}, {
|
|
1206
|
-
prefix:
|
|
1206
|
+
prefix: Z(() => [
|
|
1207
1207
|
D(e.$slots, "prefix", {}, void 0, !0)
|
|
1208
1208
|
]),
|
|
1209
1209
|
_: 3
|
|
1210
1210
|
}, 8, ["customized_theme_color", "disabled"])
|
|
1211
1211
|
], 512)) : m("", !0),
|
|
1212
|
-
|
|
1212
|
+
c("div", ao, [
|
|
1213
1213
|
t.label && t.label_type == "inside" ? (a(), l("div", lo, [
|
|
1214
|
-
|
|
1214
|
+
c("span", uo, L(t.label), 1),
|
|
1215
1215
|
o[6] || (o[6] = X()),
|
|
1216
1216
|
t.required ? (a(), l("span", co, "*")) : m("", !0)
|
|
1217
1217
|
])) : m("", !0),
|
|
1218
|
-
Q(
|
|
1218
|
+
Q(c("input", {
|
|
1219
1219
|
"onUpdate:modelValue": o[0] || (o[0] = (s) => r.value = s),
|
|
1220
1220
|
class: h([
|
|
1221
1221
|
"input-box"
|
|
@@ -1239,7 +1239,7 @@ function mo(e, o, t, i, r, n) {
|
|
|
1239
1239
|
{ "with-date-icon": t.type == "date" }
|
|
1240
1240
|
])
|
|
1241
1241
|
}, [
|
|
1242
|
-
n.show_clear_icon ? (a(),
|
|
1242
|
+
n.show_clear_icon ? (a(), V(d, {
|
|
1243
1243
|
key: 0,
|
|
1244
1244
|
button_type: "text",
|
|
1245
1245
|
customized_theme_color: n.regular_inline_svg_icon_color,
|
|
@@ -1247,22 +1247,22 @@ function mo(e, o, t, i, r, n) {
|
|
|
1247
1247
|
disabled: t.disabled,
|
|
1248
1248
|
onClick: n.handleClearValue
|
|
1249
1249
|
}, {
|
|
1250
|
-
prefix:
|
|
1251
|
-
|
|
1250
|
+
prefix: Z(() => o[7] || (o[7] = [
|
|
1251
|
+
c("svg", {
|
|
1252
1252
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1253
1253
|
width: "17",
|
|
1254
1254
|
height: "17",
|
|
1255
1255
|
viewBox: "0 0 17 17",
|
|
1256
1256
|
fill: "none"
|
|
1257
1257
|
}, [
|
|
1258
|
-
|
|
1258
|
+
c("path", {
|
|
1259
1259
|
d: "M5.33333 12.5L8.33333 9.5L11.3333 12.5L12.5 11.3333L9.5 8.33333L12.5 5.33333L11.3333 4.16667L8.33333 7.16667L5.33333 4.16667L4.16667 5.33333L7.16667 8.33333L4.16667 11.3333L5.33333 12.5ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667ZM8.33333 15C10.1944 15 11.7708 14.3542 13.0625 13.0625C14.3542 11.7708 15 10.1944 15 8.33333C15 6.47222 14.3542 4.89583 13.0625 3.60417C11.7708 2.3125 10.1944 1.66667 8.33333 1.66667C6.47222 1.66667 4.89583 2.3125 3.60417 3.60417C2.3125 4.89583 1.66667 6.47222 1.66667 8.33333C1.66667 10.1944 2.3125 11.7708 3.60417 13.0625C4.89583 14.3542 6.47222 15 8.33333 15Z",
|
|
1260
1260
|
fill: "currentColor"
|
|
1261
1261
|
})
|
|
1262
1262
|
], -1)
|
|
1263
1263
|
])),
|
|
1264
1264
|
_: 1
|
|
1265
|
-
}, 8, ["customized_theme_color", "disabled", "onClick"])) : r.show_error ? (a(),
|
|
1265
|
+
}, 8, ["customized_theme_color", "disabled", "onClick"])) : r.show_error ? (a(), V(d, {
|
|
1266
1266
|
key: 1,
|
|
1267
1267
|
has_interaction_effect: !1,
|
|
1268
1268
|
button_type: "text",
|
|
@@ -1270,22 +1270,22 @@ function mo(e, o, t, i, r, n) {
|
|
|
1270
1270
|
width_type: "fit-content",
|
|
1271
1271
|
disabled: t.disabled
|
|
1272
1272
|
}, {
|
|
1273
|
-
prefix:
|
|
1274
|
-
|
|
1273
|
+
prefix: Z(() => o[8] || (o[8] = [
|
|
1274
|
+
c("svg", {
|
|
1275
1275
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1276
1276
|
width: "17",
|
|
1277
1277
|
height: "17",
|
|
1278
1278
|
viewBox: "0 0 17 17",
|
|
1279
1279
|
fill: "none"
|
|
1280
1280
|
}, [
|
|
1281
|
-
|
|
1281
|
+
c("path", {
|
|
1282
1282
|
d: "M8.33333 12.5C8.56944 12.5 8.76736 12.4201 8.92708 12.2604C9.08681 12.1007 9.16667 11.9028 9.16667 11.6667C9.16667 11.4306 9.08681 11.2326 8.92708 11.0729C8.76736 10.9132 8.56944 10.8333 8.33333 10.8333C8.09722 10.8333 7.89931 10.9132 7.73958 11.0729C7.57986 11.2326 7.5 11.4306 7.5 11.6667C7.5 11.9028 7.57986 12.1007 7.73958 12.2604C7.89931 12.4201 8.09722 12.5 8.33333 12.5ZM7.5 9.16667H9.16667V4.16667H7.5V9.16667ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667Z",
|
|
1283
1283
|
fill: "currentColor"
|
|
1284
1284
|
})
|
|
1285
1285
|
], -1)
|
|
1286
1286
|
])),
|
|
1287
1287
|
_: 1
|
|
1288
|
-
}, 8, ["disabled"])) : r.show_alert ? (a(),
|
|
1288
|
+
}, 8, ["disabled"])) : r.show_alert ? (a(), V(d, {
|
|
1289
1289
|
key: 2,
|
|
1290
1290
|
has_interaction_effect: !1,
|
|
1291
1291
|
button_type: "text",
|
|
@@ -1293,15 +1293,15 @@ function mo(e, o, t, i, r, n) {
|
|
|
1293
1293
|
width_type: "fit-content",
|
|
1294
1294
|
disabled: t.disabled
|
|
1295
1295
|
}, {
|
|
1296
|
-
prefix:
|
|
1297
|
-
|
|
1296
|
+
prefix: Z(() => o[9] || (o[9] = [
|
|
1297
|
+
c("svg", {
|
|
1298
1298
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1299
1299
|
width: "22",
|
|
1300
1300
|
height: "19",
|
|
1301
1301
|
viewBox: "0 0 22 19",
|
|
1302
1302
|
fill: "none"
|
|
1303
1303
|
}, [
|
|
1304
|
-
|
|
1304
|
+
c("path", {
|
|
1305
1305
|
d: "M0 19L11 0L22 19H0ZM3.45 17H18.55L11 4L3.45 17ZM11 16C11.2833 16 11.5208 15.9042 11.7125 15.7125C11.9042 15.5208 12 15.2833 12 15C12 14.7167 11.9042 14.4792 11.7125 14.2875C11.5208 14.0958 11.2833 14 11 14C10.7167 14 10.4792 14.0958 10.2875 14.2875C10.0958 14.4792 10 14.7167 10 15C10 15.2833 10.0958 15.5208 10.2875 15.7125C10.4792 15.9042 10.7167 16 11 16ZM10 13H12V8H10V13Z",
|
|
1306
1306
|
fill: "currentColor"
|
|
1307
1307
|
})
|
|
@@ -1309,7 +1309,7 @@ function mo(e, o, t, i, r, n) {
|
|
|
1309
1309
|
])),
|
|
1310
1310
|
_: 1
|
|
1311
1311
|
}, 8, ["disabled"])) : m("", !0),
|
|
1312
|
-
e.$slots.suffix ? (a(),
|
|
1312
|
+
e.$slots.suffix ? (a(), V(d, {
|
|
1313
1313
|
key: 3,
|
|
1314
1314
|
has_interaction_effect: !1,
|
|
1315
1315
|
button_type: "text",
|
|
@@ -1317,7 +1317,7 @@ function mo(e, o, t, i, r, n) {
|
|
|
1317
1317
|
width_type: "fit-content",
|
|
1318
1318
|
disabled: t.disabled
|
|
1319
1319
|
}, {
|
|
1320
|
-
prefix:
|
|
1320
|
+
prefix: Z(() => [
|
|
1321
1321
|
D(e.$slots, "suffix", {}, void 0, !0)
|
|
1322
1322
|
]),
|
|
1323
1323
|
_: 3
|
|
@@ -1328,7 +1328,7 @@ function mo(e, o, t, i, r, n) {
|
|
|
1328
1328
|
e.$slots.supportingText ? (a(), l("div", ho, [
|
|
1329
1329
|
D(e.$slots, "supportingText", {}, void 0, !0)
|
|
1330
1330
|
])) : m("", !0),
|
|
1331
|
-
|
|
1331
|
+
c("div", {
|
|
1332
1332
|
class: h([
|
|
1333
1333
|
{ error: r.show_error },
|
|
1334
1334
|
{ alert: r.show_alert }
|
|
@@ -1337,7 +1337,7 @@ function mo(e, o, t, i, r, n) {
|
|
|
1337
1337
|
])) : m("", !0)
|
|
1338
1338
|
], 6);
|
|
1339
1339
|
}
|
|
1340
|
-
const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-
|
|
1340
|
+
const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3bacc21d"]]), po = { class: "dropdown-menu-item-content" }, fo = {
|
|
1341
1341
|
key: 0,
|
|
1342
1342
|
class: /* @__PURE__ */ h(["prefix-wrapper"])
|
|
1343
1343
|
}, wo = {
|
|
@@ -1450,7 +1450,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1450
1450
|
"update-shown-nested-dropdown"
|
|
1451
1451
|
],
|
|
1452
1452
|
setup(e, { emit: o }) {
|
|
1453
|
-
const t = e, i = o, r = x(null), n = x(null), d = x("fit-content"), s = Be(), { width:
|
|
1453
|
+
const t = e, i = o, r = x(null), n = x(null), d = x("fit-content"), s = Be(), { width: u } = le(), _ = I(() => u.value > 1024), p = I(() => {
|
|
1454
1454
|
var b;
|
|
1455
1455
|
return ((b = t.options) == null ? void 0 : b.length) > 0;
|
|
1456
1456
|
}), w = I(() => s.nested_dropdown_history_stack || []), S = I(() => s.parent_dropdown_menu_with_type == "fill-whole"), k = I(() => {
|
|
@@ -1518,9 +1518,9 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1518
1518
|
ref_key: "dropdown_menu_item",
|
|
1519
1519
|
ref: r
|
|
1520
1520
|
}, [
|
|
1521
|
-
|
|
1521
|
+
c("div", po, [
|
|
1522
1522
|
!_.value && p.value && M.value ? (a(), l("div", fo, T[6] || (T[6] = [
|
|
1523
|
-
|
|
1523
|
+
c("svg", {
|
|
1524
1524
|
class: "rotate-180",
|
|
1525
1525
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1526
1526
|
width: "24",
|
|
@@ -1528,7 +1528,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1528
1528
|
viewBox: "0 0 24 24",
|
|
1529
1529
|
fill: "none"
|
|
1530
1530
|
}, [
|
|
1531
|
-
|
|
1531
|
+
c("path", {
|
|
1532
1532
|
d: "M10 17V7L15 12L10 17Z",
|
|
1533
1533
|
fill: "currentColor"
|
|
1534
1534
|
})
|
|
@@ -1545,7 +1545,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1545
1545
|
}, null, 8, bo))
|
|
1546
1546
|
], !0)
|
|
1547
1547
|
])) : m("", !0),
|
|
1548
|
-
|
|
1548
|
+
c("div", {
|
|
1549
1549
|
class: h(["text", { "wrap-text": S.value }])
|
|
1550
1550
|
}, L(e.label), 3)
|
|
1551
1551
|
]),
|
|
@@ -1559,7 +1559,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1559
1559
|
key: 1,
|
|
1560
1560
|
src: e.suffix
|
|
1561
1561
|
}, null, 8, No)) : p.value && (_.value || !_.value && !M.value) ? (a(), l("svg", ko, T[7] || (T[7] = [
|
|
1562
|
-
|
|
1562
|
+
c("path", {
|
|
1563
1563
|
d: "M10 17V7L15 12L10 17Z",
|
|
1564
1564
|
fill: "#434956"
|
|
1565
1565
|
}, null, -1)
|
|
@@ -1577,7 +1577,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1577
1577
|
]),
|
|
1578
1578
|
ref_key: "dropdown_menu_item_dropdown_wrapper",
|
|
1579
1579
|
ref: n,
|
|
1580
|
-
style:
|
|
1580
|
+
style: P(O())
|
|
1581
1581
|
}, [
|
|
1582
1582
|
K(me, {
|
|
1583
1583
|
width_type: d.value,
|
|
@@ -1594,7 +1594,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1594
1594
|
], 6)) : m("", !0)
|
|
1595
1595
|
], 2));
|
|
1596
1596
|
}
|
|
1597
|
-
}, ve = /* @__PURE__ */ A(xo, [["__scopeId", "data-v-
|
|
1597
|
+
}, ve = /* @__PURE__ */ A(xo, [["__scopeId", "data-v-3d419422"]]), To = {
|
|
1598
1598
|
key: 0,
|
|
1599
1599
|
class: "no-data-notes"
|
|
1600
1600
|
}, So = { key: 1 }, Io = { key: 2 }, Lo = {
|
|
@@ -1678,7 +1678,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1678
1678
|
"click-outside-dropdown-menu"
|
|
1679
1679
|
],
|
|
1680
1680
|
setup(e, { emit: o }) {
|
|
1681
|
-
const t = e, i = o, r = Be(), { width: n } = le(), d = x(null), s = x([]),
|
|
1681
|
+
const t = e, i = o, r = Be(), { width: n } = le(), d = x(null), s = x([]), u = I(() => r.outest_nested_dropdown_history_stack), _ = I(() => n.value > 1024), p = I(() => t.dropdown_level != 0 ? u.value.length > 0 ? u.value[u.value.length - 1] : null : s.value.length > 0 ? s.value[s.value.length - 1] : null), w = (y, g, O) => {
|
|
1682
1682
|
i("select-dropdown-option", y, g, O);
|
|
1683
1683
|
}, S = (y, g) => {
|
|
1684
1684
|
t.dropdown_level == 0 ? (s.value.splice(y.in_dropdown_level), s.value.push(y)) : i("add-new-shown-nested-dropdown", y, g);
|
|
@@ -1699,7 +1699,7 @@ const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2
|
|
|
1699
1699
|
ref: d
|
|
1700
1700
|
}, [
|
|
1701
1701
|
!e.options || e.options.length == 0 ? (a(), l("div", To, L(e.is_loading ? e.loading_text : e.no_data_text), 1)) : _.value || s.value.length == 0 ? (a(), l("div", So, [
|
|
1702
|
-
(a(!0), l(ie, null, se(e.options, (O, R) => (a(),
|
|
1702
|
+
(a(!0), l(ie, null, se(e.options, (O, R) => (a(), V(ve, de({
|
|
1703
1703
|
key: `${JSON.stringify(O.value)}-${R}-${O.label}`,
|
|
1704
1704
|
ref_for: !0
|
|
1705
1705
|
}, O, {
|
|
@@ -2010,7 +2010,7 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2010
2010
|
t.label_type,
|
|
2011
2011
|
{ disabled: t.disabled }
|
|
2012
2012
|
]),
|
|
2013
|
-
style:
|
|
2013
|
+
style: P({
|
|
2014
2014
|
"--input-box-border-color--": n.regular_border_color,
|
|
2015
2015
|
"--input-box-border-width--": n.border_width_in_box_shadow,
|
|
2016
2016
|
"--input-box-background-color--": n.background_color,
|
|
@@ -2018,11 +2018,11 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2018
2018
|
})
|
|
2019
2019
|
}, [
|
|
2020
2020
|
t.label && t.label_type == "outside" ? (a(), l("div", Do, [
|
|
2021
|
-
|
|
2021
|
+
c("span", Oo, L(t.label), 1),
|
|
2022
2022
|
o[6] || (o[6] = X()),
|
|
2023
2023
|
t.required ? (a(), l("span", Eo, "*")) : m("", !0)
|
|
2024
2024
|
])) : m("", !0),
|
|
2025
|
-
|
|
2025
|
+
c("div", {
|
|
2026
2026
|
ref: "single_selector",
|
|
2027
2027
|
class: h([
|
|
2028
2028
|
"single-selector",
|
|
@@ -2034,9 +2034,9 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2034
2034
|
{ "has-suffix": n.has_suffix },
|
|
2035
2035
|
{ "show-clear-icon": n.show_clear_icon }
|
|
2036
2036
|
]),
|
|
2037
|
-
onClick: o[1] || (o[1] = (...
|
|
2038
|
-
onMouseenter: o[2] || (o[2] = (
|
|
2039
|
-
onMouseleave: o[3] || (o[3] = (
|
|
2037
|
+
onClick: o[1] || (o[1] = (...u) => n.handleClickSingleSelector && n.handleClickSingleSelector(...u)),
|
|
2038
|
+
onMouseenter: o[2] || (o[2] = (u) => r.hovered = !0),
|
|
2039
|
+
onMouseleave: o[3] || (o[3] = (u) => r.hovered = !1)
|
|
2040
2040
|
}, [
|
|
2041
2041
|
e.$slots.prefix ? (a(), l("div", zo, [
|
|
2042
2042
|
K(d, {
|
|
@@ -2046,38 +2046,38 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2046
2046
|
width_type: "fit-content",
|
|
2047
2047
|
disabled: t.disabled
|
|
2048
2048
|
}, {
|
|
2049
|
-
prefix:
|
|
2049
|
+
prefix: Z(() => [
|
|
2050
2050
|
D(e.$slots, "prefix", {}, void 0, !0)
|
|
2051
2051
|
]),
|
|
2052
2052
|
_: 3
|
|
2053
2053
|
}, 8, ["customized_theme_color", "disabled"])
|
|
2054
2054
|
], 512)) : m("", !0),
|
|
2055
|
-
|
|
2055
|
+
c("div", Ao, [
|
|
2056
2056
|
t.label && t.label_type == "inside" ? (a(), l("div", Ho, [
|
|
2057
|
-
|
|
2057
|
+
c("span", Po, L(t.label), 1),
|
|
2058
2058
|
o[7] || (o[7] = X()),
|
|
2059
2059
|
t.required ? (a(), l("span", Vo, "*")) : m("", !0)
|
|
2060
2060
|
])) : m("", !0),
|
|
2061
|
-
|
|
2061
|
+
c("div", {
|
|
2062
2062
|
class: h([
|
|
2063
2063
|
"selected-content",
|
|
2064
2064
|
r.selected_item ? "content-text" : "placeholder"
|
|
2065
2065
|
])
|
|
2066
2066
|
}, [
|
|
2067
|
-
|
|
2067
|
+
c("span", {
|
|
2068
2068
|
class: h([{ hide: r.is_focus && t.filterable }])
|
|
2069
2069
|
}, L(r.selected_item ? r.selected_item_label : t.placeholder), 3),
|
|
2070
|
-
Q(
|
|
2070
|
+
Q(c("input", {
|
|
2071
2071
|
class: h(["filter-input", { hide: !(r.is_focus && t.filterable) }]),
|
|
2072
2072
|
ref: "filter_input",
|
|
2073
|
-
"onUpdate:modelValue": o[0] || (o[0] = (
|
|
2073
|
+
"onUpdate:modelValue": o[0] || (o[0] = (u) => r.filter_keyword = u)
|
|
2074
2074
|
}, null, 2), [
|
|
2075
2075
|
[Ze, r.filter_keyword]
|
|
2076
2076
|
])
|
|
2077
2077
|
], 2)
|
|
2078
2078
|
]),
|
|
2079
|
-
|
|
2080
|
-
n.show_clear_icon ? (a(),
|
|
2079
|
+
c("div", Zo, [
|
|
2080
|
+
n.show_clear_icon ? (a(), V(d, {
|
|
2081
2081
|
key: 0,
|
|
2082
2082
|
button_type: "text",
|
|
2083
2083
|
customized_theme_color: n.regular_inline_svg_icon_color,
|
|
@@ -2085,22 +2085,22 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2085
2085
|
disabled: t.disabled,
|
|
2086
2086
|
onClick: n.handleClearValue
|
|
2087
2087
|
}, {
|
|
2088
|
-
prefix:
|
|
2089
|
-
|
|
2088
|
+
prefix: Z(() => o[8] || (o[8] = [
|
|
2089
|
+
c("svg", {
|
|
2090
2090
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2091
2091
|
width: "17",
|
|
2092
2092
|
height: "17",
|
|
2093
2093
|
viewBox: "0 0 17 17",
|
|
2094
2094
|
fill: "none"
|
|
2095
2095
|
}, [
|
|
2096
|
-
|
|
2096
|
+
c("path", {
|
|
2097
2097
|
d: "M5.33333 12.5L8.33333 9.5L11.3333 12.5L12.5 11.3333L9.5 8.33333L12.5 5.33333L11.3333 4.16667L8.33333 7.16667L5.33333 4.16667L4.16667 5.33333L7.16667 8.33333L4.16667 11.3333L5.33333 12.5ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667ZM8.33333 15C10.1944 15 11.7708 14.3542 13.0625 13.0625C14.3542 11.7708 15 10.1944 15 8.33333C15 6.47222 14.3542 4.89583 13.0625 3.60417C11.7708 2.3125 10.1944 1.66667 8.33333 1.66667C6.47222 1.66667 4.89583 2.3125 3.60417 3.60417C2.3125 4.89583 1.66667 6.47222 1.66667 8.33333C1.66667 10.1944 2.3125 11.7708 3.60417 13.0625C4.89583 14.3542 6.47222 15 8.33333 15Z",
|
|
2098
2098
|
fill: "currentColor"
|
|
2099
2099
|
})
|
|
2100
2100
|
], -1)
|
|
2101
2101
|
])),
|
|
2102
2102
|
_: 1
|
|
2103
|
-
}, 8, ["customized_theme_color", "disabled", "onClick"])) : r.show_error ? (a(),
|
|
2103
|
+
}, 8, ["customized_theme_color", "disabled", "onClick"])) : r.show_error ? (a(), V(d, {
|
|
2104
2104
|
key: 1,
|
|
2105
2105
|
has_interaction_effect: !1,
|
|
2106
2106
|
button_type: "text",
|
|
@@ -2108,22 +2108,22 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2108
2108
|
width_type: "fit-content",
|
|
2109
2109
|
disabled: t.disabled
|
|
2110
2110
|
}, {
|
|
2111
|
-
prefix:
|
|
2112
|
-
|
|
2111
|
+
prefix: Z(() => o[9] || (o[9] = [
|
|
2112
|
+
c("svg", {
|
|
2113
2113
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2114
2114
|
width: "17",
|
|
2115
2115
|
height: "17",
|
|
2116
2116
|
viewBox: "0 0 17 17",
|
|
2117
2117
|
fill: "none"
|
|
2118
2118
|
}, [
|
|
2119
|
-
|
|
2119
|
+
c("path", {
|
|
2120
2120
|
d: "M8.33333 12.5C8.56944 12.5 8.76736 12.4201 8.92708 12.2604C9.08681 12.1007 9.16667 11.9028 9.16667 11.6667C9.16667 11.4306 9.08681 11.2326 8.92708 11.0729C8.76736 10.9132 8.56944 10.8333 8.33333 10.8333C8.09722 10.8333 7.89931 10.9132 7.73958 11.0729C7.57986 11.2326 7.5 11.4306 7.5 11.6667C7.5 11.9028 7.57986 12.1007 7.73958 12.2604C7.89931 12.4201 8.09722 12.5 8.33333 12.5ZM7.5 9.16667H9.16667V4.16667H7.5V9.16667ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667Z",
|
|
2121
2121
|
fill: "currentColor"
|
|
2122
2122
|
})
|
|
2123
2123
|
], -1)
|
|
2124
2124
|
])),
|
|
2125
2125
|
_: 1
|
|
2126
|
-
}, 8, ["disabled"])) : r.show_alert ? (a(),
|
|
2126
|
+
}, 8, ["disabled"])) : r.show_alert ? (a(), V(d, {
|
|
2127
2127
|
key: 2,
|
|
2128
2128
|
has_interaction_effect: !1,
|
|
2129
2129
|
button_type: "text",
|
|
@@ -2131,15 +2131,15 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2131
2131
|
width_type: "fit-content",
|
|
2132
2132
|
disabled: t.disabled
|
|
2133
2133
|
}, {
|
|
2134
|
-
prefix:
|
|
2135
|
-
|
|
2134
|
+
prefix: Z(() => o[10] || (o[10] = [
|
|
2135
|
+
c("svg", {
|
|
2136
2136
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2137
2137
|
width: "22",
|
|
2138
2138
|
height: "19",
|
|
2139
2139
|
viewBox: "0 0 22 19",
|
|
2140
2140
|
fill: "none"
|
|
2141
2141
|
}, [
|
|
2142
|
-
|
|
2142
|
+
c("path", {
|
|
2143
2143
|
d: "M0 19L11 0L22 19H0ZM3.45 17H18.55L11 4L3.45 17ZM11 16C11.2833 16 11.5208 15.9042 11.7125 15.7125C11.9042 15.5208 12 15.2833 12 15C12 14.7167 11.9042 14.4792 11.7125 14.2875C11.5208 14.0958 11.2833 14 11 14C10.7167 14 10.4792 14.0958 10.2875 14.2875C10.0958 14.4792 10 14.7167 10 15C10 15.2833 10.0958 15.5208 10.2875 15.7125C10.4792 15.9042 10.7167 16 11 16ZM10 13H12V8H10V13Z",
|
|
2144
2144
|
fill: "currentColor"
|
|
2145
2145
|
})
|
|
@@ -2154,7 +2154,7 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2154
2154
|
width_type: "fit-content",
|
|
2155
2155
|
disabled: t.disabled
|
|
2156
2156
|
}, {
|
|
2157
|
-
prefix:
|
|
2157
|
+
prefix: Z(() => [
|
|
2158
2158
|
D(e.$slots, "suffix", {}, () => [
|
|
2159
2159
|
(a(), l("svg", {
|
|
2160
2160
|
class: h(["rotate-0", { "rotate-180": r.is_focus && !t.disabled }]),
|
|
@@ -2164,7 +2164,7 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2164
2164
|
fill: "none",
|
|
2165
2165
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2166
2166
|
}, o[11] || (o[11] = [
|
|
2167
|
-
|
|
2167
|
+
c("path", {
|
|
2168
2168
|
d: "M10 11.2L14.6 6.6L16 8L10 14L4 8L5.4 6.6L10 11.2Z",
|
|
2169
2169
|
fill: "currentColor"
|
|
2170
2170
|
}, null, -1)
|
|
@@ -2175,7 +2175,7 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2175
2175
|
}, 8, ["customized_theme_color", "disabled"])
|
|
2176
2176
|
], 512)
|
|
2177
2177
|
], 34),
|
|
2178
|
-
r.is_focus && n.options_shown && n.options_shown.length > 0 ? (a(),
|
|
2178
|
+
r.is_focus && n.options_shown && n.options_shown.length > 0 ? (a(), V(s, {
|
|
2179
2179
|
key: 1,
|
|
2180
2180
|
class: "single-selector-dropdown",
|
|
2181
2181
|
is_loading: r.is_loading,
|
|
@@ -2186,8 +2186,8 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2186
2186
|
with_box_shadow: !0,
|
|
2187
2187
|
width_type: "fill-whole",
|
|
2188
2188
|
onClickOutsideDropdownMenu: n.handleClickOutsideDropdownMenu,
|
|
2189
|
-
onSelectDropdownOption: o[4] || (o[4] = (
|
|
2190
|
-
}, null, 8, ["is_loading", "loading_text", "no_data_text", "options", "onClickOutsideDropdownMenu"])) : r.is_focus ? (a(),
|
|
2189
|
+
onSelectDropdownOption: o[4] || (o[4] = (u, _, p) => n.handleSelectDropdownOption(u, _, p))
|
|
2190
|
+
}, null, 8, ["is_loading", "loading_text", "no_data_text", "options", "onClickOutsideDropdownMenu"])) : r.is_focus ? (a(), V(s, {
|
|
2191
2191
|
key: 2,
|
|
2192
2192
|
class: "single-selector-dropdown",
|
|
2193
2193
|
is_loading: r.is_loading,
|
|
@@ -2198,13 +2198,13 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2198
2198
|
with_box_shadow: !0,
|
|
2199
2199
|
width_type: "fill-whole",
|
|
2200
2200
|
onClickOutsideDropdownMenu: n.handleClickOutsideDropdownMenu,
|
|
2201
|
-
onSelectDropdownOption: o[5] || (o[5] = (
|
|
2201
|
+
onSelectDropdownOption: o[5] || (o[5] = (u, _, p) => n.handleSelectDropdownOption(u, _, p))
|
|
2202
2202
|
}, null, 8, ["is_loading", "loading_text", "no_data_text", "options", "onClickOutsideDropdownMenu"])) : m("", !0),
|
|
2203
2203
|
e.$slots.supportingText || (r.show_alert || r.show_error) && r.message_notification_text ? (a(), l("div", Go, [
|
|
2204
2204
|
e.$slots.supportingText ? (a(), l("div", Ro, [
|
|
2205
2205
|
D(e.$slots, "supportingText", {}, void 0, !0)
|
|
2206
2206
|
])) : m("", !0),
|
|
2207
|
-
|
|
2207
|
+
c("div", {
|
|
2208
2208
|
class: h([
|
|
2209
2209
|
{ error: r.show_error },
|
|
2210
2210
|
{ alert: r.show_alert }
|
|
@@ -2213,7 +2213,7 @@ function Uo(e, o, t, i, r, n) {
|
|
|
2213
2213
|
])) : m("", !0)
|
|
2214
2214
|
], 6);
|
|
2215
2215
|
}
|
|
2216
|
-
const He = /* @__PURE__ */ A(Mo, [["render", Uo], ["__scopeId", "data-v-
|
|
2216
|
+
const He = /* @__PURE__ */ A(Mo, [["render", Uo], ["__scopeId", "data-v-52977ae3"]]), Fo = {
|
|
2217
2217
|
props: {
|
|
2218
2218
|
modelValue: {
|
|
2219
2219
|
type: Boolean,
|
|
@@ -2368,9 +2368,9 @@ const He = /* @__PURE__ */ A(Mo, [["render", Uo], ["__scopeId", "data-v-0e002b66
|
|
|
2368
2368
|
function Yo(e, o, t, i, r, n) {
|
|
2369
2369
|
return a(), l("div", {
|
|
2370
2370
|
class: "checkbox-unit-wrapper",
|
|
2371
|
-
style:
|
|
2371
|
+
style: P({ "--checkbox-theme-color--": n.getCheckboxThemeColor() })
|
|
2372
2372
|
}, [
|
|
2373
|
-
|
|
2373
|
+
c("label", {
|
|
2374
2374
|
class: h([
|
|
2375
2375
|
"checkbox-container",
|
|
2376
2376
|
t.size,
|
|
@@ -2380,14 +2380,14 @@ function Yo(e, o, t, i, r, n) {
|
|
|
2380
2380
|
]),
|
|
2381
2381
|
ref: "checkbox-container"
|
|
2382
2382
|
}, [
|
|
2383
|
-
|
|
2383
|
+
c("div", {
|
|
2384
2384
|
class: h([
|
|
2385
2385
|
"checkbox-input",
|
|
2386
2386
|
{ checked: r.checked },
|
|
2387
2387
|
{ indeterminate: t.indeterminate }
|
|
2388
2388
|
])
|
|
2389
2389
|
}, [
|
|
2390
|
-
Q(
|
|
2390
|
+
Q(c("input", {
|
|
2391
2391
|
type: "checkbox",
|
|
2392
2392
|
"onUpdate:modelValue": o[0] || (o[0] = (d) => r.checked = d),
|
|
2393
2393
|
class: "checkbox-input-original",
|
|
@@ -2397,9 +2397,9 @@ function Yo(e, o, t, i, r, n) {
|
|
|
2397
2397
|
}, null, 8, jo), [
|
|
2398
2398
|
[Ge, r.checked]
|
|
2399
2399
|
]),
|
|
2400
|
-
|
|
2400
|
+
c("div", $o, [
|
|
2401
2401
|
t.indeterminate ? (a(), l("div", Wo)) : r.checked ? (a(), l("div", Ko)) : m("", !0),
|
|
2402
|
-
o[1] || (o[1] =
|
|
2402
|
+
o[1] || (o[1] = c("div", { class: "checkbox-input-shown-checkbox" }, null, -1))
|
|
2403
2403
|
])
|
|
2404
2404
|
], 2),
|
|
2405
2405
|
e.$slots.default || t.label ? (a(), l("div", Jo, [
|
|
@@ -2416,7 +2416,7 @@ function Yo(e, o, t, i, r, n) {
|
|
|
2416
2416
|
{ "has-message-min-width": !e.$slots.default && !t.label },
|
|
2417
2417
|
{ error: r.show_error }
|
|
2418
2418
|
]),
|
|
2419
|
-
style:
|
|
2419
|
+
style: P({ "--message-container-width--": r.checkbox_container_width })
|
|
2420
2420
|
}, L(r.message_notification_text), 7)) : m("", !0)
|
|
2421
2421
|
], 4);
|
|
2422
2422
|
}
|
|
@@ -2532,7 +2532,7 @@ const qo = /* @__PURE__ */ A(Fo, [["render", Yo], ["__scopeId", "data-v-5344ab55
|
|
|
2532
2532
|
};
|
|
2533
2533
|
function sn(e, o, t, i, r, n) {
|
|
2534
2534
|
return a(), l("div", Xo, [
|
|
2535
|
-
|
|
2535
|
+
c("label", {
|
|
2536
2536
|
class: h([
|
|
2537
2537
|
"radio-container",
|
|
2538
2538
|
t.size,
|
|
@@ -2542,7 +2542,7 @@ function sn(e, o, t, i, r, n) {
|
|
|
2542
2542
|
]),
|
|
2543
2543
|
ref: "radio-container"
|
|
2544
2544
|
}, [
|
|
2545
|
-
|
|
2545
|
+
c("div", {
|
|
2546
2546
|
class: h([
|
|
2547
2547
|
"radio-input",
|
|
2548
2548
|
{ checked: n.checked }
|
|
@@ -2574,9 +2574,9 @@ function sn(e, o, t, i, r, n) {
|
|
|
2574
2574
|
}, null, 8, tn)), [
|
|
2575
2575
|
[pe, r.selectedOption]
|
|
2576
2576
|
]),
|
|
2577
|
-
|
|
2577
|
+
c("div", on, [
|
|
2578
2578
|
n.checked ? (a(), l("div", nn)) : m("", !0),
|
|
2579
|
-
o[4] || (o[4] =
|
|
2579
|
+
o[4] || (o[4] = c("div", { class: "radio-input-shown-checkbox" }, null, -1))
|
|
2580
2580
|
])
|
|
2581
2581
|
], 2),
|
|
2582
2582
|
e.$slots.default || t.label ? (a(), l("div", rn, [
|
|
@@ -2593,7 +2593,7 @@ function sn(e, o, t, i, r, n) {
|
|
|
2593
2593
|
{ "has-message-min-width": !e.$slots.default && !t.label },
|
|
2594
2594
|
{ error: r.show_error }
|
|
2595
2595
|
]),
|
|
2596
|
-
style:
|
|
2596
|
+
style: P({ "--message-container-width--": r.radio_container_width })
|
|
2597
2597
|
}, L(r.message_notification_text), 7)) : m("", !0)
|
|
2598
2598
|
]);
|
|
2599
2599
|
}
|
|
@@ -2620,23 +2620,23 @@ const an = /* @__PURE__ */ A(Qo, [["render", sn], ["__scopeId", "data-v-643668bf
|
|
|
2620
2620
|
}, mn = ["innerHTML"], pn = { class: "error-popup-footer" };
|
|
2621
2621
|
function fn(e, o, t, i, r, n) {
|
|
2622
2622
|
return a(), l("div", dn, [
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
o[1] || (o[1] =
|
|
2623
|
+
c("div", un, [
|
|
2624
|
+
c("div", cn, [
|
|
2625
|
+
o[1] || (o[1] = c("img", {
|
|
2626
2626
|
src: De,
|
|
2627
2627
|
class: "error-popup-title-icon"
|
|
2628
2628
|
}, null, -1)),
|
|
2629
|
-
|
|
2629
|
+
c("div", _n, L(t.title), 1)
|
|
2630
2630
|
]),
|
|
2631
|
-
|
|
2631
|
+
c("div", yn, [
|
|
2632
2632
|
D(e.$slots, "content", {}, () => [
|
|
2633
2633
|
t.content ? (a(), l("div", hn, [
|
|
2634
|
-
|
|
2634
|
+
c("div", { innerHTML: t.content }, null, 8, mn)
|
|
2635
2635
|
])) : m("", !0)
|
|
2636
2636
|
], !0)
|
|
2637
2637
|
]),
|
|
2638
|
-
|
|
2639
|
-
|
|
2638
|
+
c("div", pn, [
|
|
2639
|
+
c("div", {
|
|
2640
2640
|
class: "retry-button",
|
|
2641
2641
|
onClick: o[0] || (o[0] = (...d) => n.retry && n.retry(...d))
|
|
2642
2642
|
}, " Retry ")
|
|
@@ -4177,7 +4177,7 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4177
4177
|
},
|
|
4178
4178
|
emits: ["update:modelValue", "change", "focus", "blur", "clear"],
|
|
4179
4179
|
setup(e, { expose: o, emit: t }) {
|
|
4180
|
-
const i = e, r = x(null), n = x(null), d = x(""), s = x(""),
|
|
4180
|
+
const i = e, r = x(null), n = x(null), d = x(""), s = x(""), u = x(!1), _ = x(!1), p = x(!1), w = x(!1), S = x(!1), k = x(""), M = t, v = (f) => {
|
|
4181
4181
|
var N;
|
|
4182
4182
|
if (!f) return "";
|
|
4183
4183
|
const C = f == "1" ? "US" : (N = Object.entries($).find((oe) => oe[1] == f)) == null ? void 0 : N[0];
|
|
@@ -4220,7 +4220,7 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4220
4220
|
label: `${N.countryName} (${N.countryNameTwoBytes}) +${$[N.countryNameTwoBytes]}`,
|
|
4221
4221
|
value: N.countryNameTwoBytes
|
|
4222
4222
|
})) : [];
|
|
4223
|
-
}), E = I(() => ($ == null ? void 0 : $[d.value]) ?? ""), W = I(() => `${E.value}-${s.value}`), te = I(() => (d.value || s.value) && !i.disabled && (
|
|
4223
|
+
}), E = I(() => ($ == null ? void 0 : $[d.value]) ?? ""), W = I(() => `${E.value}-${s.value}`), te = I(() => (d.value || s.value) && !i.disabled && (u.value || J.value)), J = I(() => _.value || p.value);
|
|
4224
4224
|
return _e(() => {
|
|
4225
4225
|
y(i.modelValue);
|
|
4226
4226
|
}), Y(() => i.modelValue, (f) => {
|
|
@@ -4246,7 +4246,7 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4246
4246
|
phone_number: s.value
|
|
4247
4247
|
});
|
|
4248
4248
|
}), (f, C) => (a(), l("div", bn, [
|
|
4249
|
-
|
|
4249
|
+
c("div", {
|
|
4250
4250
|
class: h([
|
|
4251
4251
|
"area-code-phone-input",
|
|
4252
4252
|
{ "is-focus": J.value },
|
|
@@ -4254,10 +4254,10 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4254
4254
|
{ error: S.value },
|
|
4255
4255
|
{ alert: w.value }
|
|
4256
4256
|
]),
|
|
4257
|
-
onMouseenter: C[6] || (C[6] = (N) =>
|
|
4258
|
-
onMouseleave: C[7] || (C[7] = (N) =>
|
|
4257
|
+
onMouseenter: C[6] || (C[6] = (N) => u.value = !0),
|
|
4258
|
+
onMouseleave: C[7] || (C[7] = (N) => u.value = !1)
|
|
4259
4259
|
}, [
|
|
4260
|
-
|
|
4260
|
+
c("div", gn, [
|
|
4261
4261
|
K(He, {
|
|
4262
4262
|
ref_key: "countryAreaCodeSelector",
|
|
4263
4263
|
ref: r,
|
|
@@ -4273,8 +4273,8 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4273
4273
|
}, Re({ _: 2 }, [
|
|
4274
4274
|
d.value ? {
|
|
4275
4275
|
name: "prefix",
|
|
4276
|
-
fn:
|
|
4277
|
-
|
|
4276
|
+
fn: Z(() => [
|
|
4277
|
+
c("img", {
|
|
4278
4278
|
src: `https://hatscripts.github.io/circle-flags/flags/${d.value.toLowerCase()}.svg`,
|
|
4279
4279
|
class: "country-selector-prefix"
|
|
4280
4280
|
}, null, 8, Cn)
|
|
@@ -4283,10 +4283,10 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4283
4283
|
} : void 0
|
|
4284
4284
|
]), 1032, ["modelValue", "options", "disabled", "filterable"])
|
|
4285
4285
|
]),
|
|
4286
|
-
|
|
4286
|
+
c("div", {
|
|
4287
4287
|
class: h(["area-code-container", { "not-selected": !E.value }])
|
|
4288
4288
|
}, " +" + L(d.value ? `${E.value}` : "__"), 3),
|
|
4289
|
-
|
|
4289
|
+
c("div", Nn, [
|
|
4290
4290
|
K(Ae, {
|
|
4291
4291
|
ref_key: "phoneNumberInput",
|
|
4292
4292
|
ref: n,
|
|
@@ -4298,8 +4298,8 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4298
4298
|
onBlur: C[5] || (C[5] = (N) => p.value = !1)
|
|
4299
4299
|
}, null, 8, ["modelValue", "disabled"])
|
|
4300
4300
|
]),
|
|
4301
|
-
|
|
4302
|
-
|
|
4301
|
+
c("div", kn, [
|
|
4302
|
+
c("img", {
|
|
4303
4303
|
src: Ie,
|
|
4304
4304
|
class: h([
|
|
4305
4305
|
"clear-icon",
|
|
@@ -4330,21 +4330,21 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4330
4330
|
emits: ["update:modelValue", "change"],
|
|
4331
4331
|
setup(e, { emit: o }) {
|
|
4332
4332
|
const t = e, i = o, r = x({}), n = (s) => {
|
|
4333
|
-
const
|
|
4333
|
+
const u = {};
|
|
4334
4334
|
return s.forEach((_) => {
|
|
4335
|
-
|
|
4336
|
-
}),
|
|
4335
|
+
u[_] = !0;
|
|
4336
|
+
}), u;
|
|
4337
4337
|
};
|
|
4338
4338
|
r.value = n(t.modelValue);
|
|
4339
|
-
const d = (s,
|
|
4340
|
-
|
|
4339
|
+
const d = (s, u) => {
|
|
4340
|
+
u ? r.value[s] = u : delete r.value[s];
|
|
4341
4341
|
};
|
|
4342
4342
|
return Y(() => t.modelValue, (s) => {
|
|
4343
|
-
s.length === Object.keys(r.value).length && !s.some((
|
|
4343
|
+
s.length === Object.keys(r.value).length && !s.some((u) => r.value[u] !== !0) || (r.value = n(s));
|
|
4344
4344
|
}, { deep: !0 }), Y(() => r.value, (s) => {
|
|
4345
|
-
const
|
|
4346
|
-
(t.modelValue.length !=
|
|
4347
|
-
}, { deep: !0 }), fe("toggleCheckbox", d), fe("groupCheckboxContext", r), (s,
|
|
4345
|
+
const u = Object.keys(s);
|
|
4346
|
+
(t.modelValue.length != u.length || t.modelValue.some((_) => r.value[_] !== !0)) && (i("change", u), i("update:modelValue", u));
|
|
4347
|
+
}, { deep: !0 }), fe("toggleCheckbox", d), fe("groupCheckboxContext", r), (s, u) => (a(), l("div", Tn, [
|
|
4348
4348
|
D(s.$slots, "default", {}, void 0, !0)
|
|
4349
4349
|
]));
|
|
4350
4350
|
}
|
|
@@ -4369,6 +4369,20 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4369
4369
|
type: String,
|
|
4370
4370
|
default: "top-right"
|
|
4371
4371
|
},
|
|
4372
|
+
customized_top_distance: {
|
|
4373
|
+
// OPTIONAL
|
|
4374
|
+
// NOTES: Only works for top-right position type
|
|
4375
|
+
// Can be any valid CSS length value
|
|
4376
|
+
type: String,
|
|
4377
|
+
default: ""
|
|
4378
|
+
},
|
|
4379
|
+
customized_right_distance: {
|
|
4380
|
+
// OPTIONAL
|
|
4381
|
+
// NOTES: Only works for top-right position type
|
|
4382
|
+
// Can be any valid CSS length value
|
|
4383
|
+
type: String,
|
|
4384
|
+
default: ""
|
|
4385
|
+
},
|
|
4372
4386
|
built_in_theme: {
|
|
4373
4387
|
// ENUM: primary, secondary
|
|
4374
4388
|
// primary: red/error color
|
|
@@ -4387,6 +4401,10 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4387
4401
|
// Used if user wants to define their own custom styles
|
|
4388
4402
|
type: String,
|
|
4389
4403
|
default: ""
|
|
4404
|
+
},
|
|
4405
|
+
disabled: {
|
|
4406
|
+
type: Boolean,
|
|
4407
|
+
default: !1
|
|
4390
4408
|
}
|
|
4391
4409
|
},
|
|
4392
4410
|
computed: {
|
|
@@ -4395,6 +4413,10 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4395
4413
|
}
|
|
4396
4414
|
},
|
|
4397
4415
|
methods: {
|
|
4416
|
+
getBadgePositionStyle() {
|
|
4417
|
+
const e = {};
|
|
4418
|
+
return this.position_type === "top-right" && (this.customized_top_distance && (e["--top-distance--"] = this.customized_top_distance), this.customized_right_distance && (e["--right-distance--"] = this.customized_right_distance)), e;
|
|
4419
|
+
},
|
|
4398
4420
|
getBadgeThemeStyle() {
|
|
4399
4421
|
if (this.customized_theme_color)
|
|
4400
4422
|
try {
|
|
@@ -4443,10 +4465,12 @@ const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e
|
|
|
4443
4465
|
};
|
|
4444
4466
|
function Mn(e, o, t, i, r, n) {
|
|
4445
4467
|
return a(), l("div", {
|
|
4446
|
-
class: h(["badge-wrapper", t.position_type])
|
|
4468
|
+
class: h(["badge-wrapper", t.position_type]),
|
|
4469
|
+
style: P(n.getBadgePositionStyle())
|
|
4447
4470
|
}, [
|
|
4448
4471
|
D(e.$slots, "default", {}, void 0, !0),
|
|
4449
|
-
|
|
4472
|
+
t.disabled ? m("", !0) : (a(), l("span", {
|
|
4473
|
+
key: 0,
|
|
4450
4474
|
class: h([
|
|
4451
4475
|
"badge",
|
|
4452
4476
|
t.size,
|
|
@@ -4455,11 +4479,11 @@ function Mn(e, o, t, i, r, n) {
|
|
|
4455
4479
|
t.customized_class,
|
|
4456
4480
|
{ "has-content": n.hasContent }
|
|
4457
4481
|
]),
|
|
4458
|
-
style:
|
|
4459
|
-
}, L(t.content), 7)
|
|
4460
|
-
],
|
|
4482
|
+
style: P(n.getBadgeThemeStyle())
|
|
4483
|
+
}, L(t.content), 7))
|
|
4484
|
+
], 6);
|
|
4461
4485
|
}
|
|
4462
|
-
const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-
|
|
4486
|
+
const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-0a14a646"]]), On = {
|
|
4463
4487
|
key: 0,
|
|
4464
4488
|
class: /* @__PURE__ */ h(["prefix"])
|
|
4465
4489
|
}, En = {
|
|
@@ -4545,7 +4569,7 @@ const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-8de2e220
|
|
|
4545
4569
|
default:
|
|
4546
4570
|
return B("var(--Schemes-primary)");
|
|
4547
4571
|
}
|
|
4548
|
-
}),
|
|
4572
|
+
}), u = I(() => {
|
|
4549
4573
|
if (s.value.l > 50) {
|
|
4550
4574
|
const v = s.value.l - 60;
|
|
4551
4575
|
return v <= 0 ? {
|
|
@@ -4573,7 +4597,7 @@ const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-8de2e220
|
|
|
4573
4597
|
a: s.value.a
|
|
4574
4598
|
};
|
|
4575
4599
|
}
|
|
4576
|
-
}), _ = I(() => s.value.l > 50 ?
|
|
4600
|
+
}), _ = I(() => s.value.l > 50 ? u.value : s.value), p = I(() => s.value.l > 50 ? s.value : u.value), w = I(() => ({
|
|
4577
4601
|
h: s.value.h,
|
|
4578
4602
|
s: s.value.s,
|
|
4579
4603
|
l: 90,
|
|
@@ -4591,9 +4615,9 @@ const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-8de2e220
|
|
|
4591
4615
|
};
|
|
4592
4616
|
return (v, y) => d.value ? m("", !0) : (a(), l("div", {
|
|
4593
4617
|
key: 0,
|
|
4594
|
-
style:
|
|
4618
|
+
style: P({
|
|
4595
4619
|
"--fab-button-background-color--": U(F)(s.value),
|
|
4596
|
-
"--fab-button-text-color--": U(F)(
|
|
4620
|
+
"--fab-button-text-color--": U(F)(u.value),
|
|
4597
4621
|
"--fab-menu-cross-button-background-color--": U(F)(_.value),
|
|
4598
4622
|
"--fab-menu-cross-button-text-color--": U(F)(p.value),
|
|
4599
4623
|
"--fab-menu-child-button-background-color--": U(F)(w.value),
|
|
@@ -4610,7 +4634,7 @@ const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-8de2e220
|
|
|
4610
4634
|
D(v.$slots, "prefix", {}, void 0, !0)
|
|
4611
4635
|
])) : m("", !0),
|
|
4612
4636
|
D(v.$slots, "default", {}, () => [
|
|
4613
|
-
|
|
4637
|
+
c("div", null, L(e.display_name), 1)
|
|
4614
4638
|
], !0),
|
|
4615
4639
|
v.$slots.suffix ? (a(), l("div", En, [
|
|
4616
4640
|
D(v.$slots, "suffix", {}, void 0, !0)
|
|
@@ -4623,29 +4647,29 @@ const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-8de2e220
|
|
|
4623
4647
|
onClick: (O) => k(g.value)
|
|
4624
4648
|
}, [
|
|
4625
4649
|
g.prefix ? (a(), l("div", Hn, [
|
|
4626
|
-
|
|
4650
|
+
c("img", {
|
|
4627
4651
|
src: g.prefix
|
|
4628
4652
|
}, null, 8, Pn)
|
|
4629
4653
|
])) : m("", !0),
|
|
4630
|
-
|
|
4654
|
+
c("div", Vn, L(g.label), 1),
|
|
4631
4655
|
g.suffix ? (a(), l("div", Zn, [
|
|
4632
|
-
|
|
4656
|
+
c("img", {
|
|
4633
4657
|
src: g.suffix
|
|
4634
4658
|
}, null, 8, Gn)
|
|
4635
4659
|
])) : m("", !0)
|
|
4636
4660
|
], 8, An))), 128)),
|
|
4637
|
-
|
|
4661
|
+
c("div", {
|
|
4638
4662
|
class: h(["menu-cross-button"]),
|
|
4639
4663
|
onClick: y[0] || (y[0] = (g) => n.value = !1)
|
|
4640
4664
|
}, y[1] || (y[1] = [
|
|
4641
|
-
|
|
4665
|
+
c("svg", {
|
|
4642
4666
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4643
4667
|
width: "20",
|
|
4644
4668
|
height: "20",
|
|
4645
4669
|
viewBox: "0 0 20 20",
|
|
4646
4670
|
fill: "none"
|
|
4647
4671
|
}, [
|
|
4648
|
-
|
|
4672
|
+
c("path", {
|
|
4649
4673
|
d: "M5.33073 15.8307L4.16406 14.6641L8.83073 9.9974L4.16406 5.33073L5.33073 4.16406L9.9974 8.83073L14.6641 4.16406L15.8307 5.33073L11.1641 9.9974L15.8307 14.6641L14.6641 15.8307L9.9974 11.1641L5.33073 15.8307Z",
|
|
4650
4674
|
fill: "currentColor"
|
|
4651
4675
|
})
|