pns-component-library 1.6.9 → 1.6.10
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
CHANGED
|
@@ -722,8 +722,8 @@ Modern button with dynamic color logic and responsive behavior.
|
|
|
722
722
|
|
|
723
723
|
| Method | Description | Type |
|
|
724
724
|
|--------|-------------|------|
|
|
725
|
-
|
|
|
726
|
-
|
|
|
725
|
+
| focus | programmatically apply focus style | `() => void` |
|
|
726
|
+
| blur | remove focus style | `() => void` |
|
|
727
727
|
|
|
728
728
|
##### Slots
|
|
729
729
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.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-3a7a2331]{width:fit-content}.dynamic-color-responsive-button-container.fill-whole[data-v-3a7a2331]{width:100%}.dynamic-color-responsive-button-container.icon-button[data-v-3a7a2331]{width:fit-content;min-width:44px}.fill-whole .dynamic-color-responsive-button[data-v-3a7a2331],.icon-button .dynamic-color-responsive-button[data-v-3a7a2331]{width:100%}.fit-content .dynamic-color-responsive-button[data-v-3a7a2331]{width:fit-content}.dynamic-color-responsive-button[data-v-3a7a2331]{box-sizing:border-box;height:fit-content;display:flex;align-items:center;justify-content:center;cursor:pointer}.disabled .dynamic-color-responsive-button[data-v-3a7a2331]{cursor:not-allowed}.small .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:44px;padding:2px 0}.medium .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:44px}.large .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:56px}.xlarge .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:96px}.fit-content .dynamic-color-responsive-button-content[data-v-3a7a2331],.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{width:fit-content}.fill-whole .dynamic-color-responsive-button-content[data-v-3a7a2331]{width:100%}.dynamic-color-responsive-button-content[data-v-3a7a2331]{display:flex;align-items:center;justify-content:center;background-color:var(--button-background-color--);background-clip:padding-box;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-3a7a2331]{box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.disabled .dynamic-color-responsive-button-content[data-v-3a7a2331],.disabled .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-3a7a2331],.disabled .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-3a7a2331],.disabled .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{background-color:var(--button-background-color--)!important;border-radius:var(--button-border-radius--)!important;border-color:var(--button-border-color--)!important}.has-interaction-effect .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-3a7a2331]{background-color:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 8%);border-color:color-mix(in srgb,var(--button-border-color--),var(--button-text-color--) 8%)}.has-interaction-effect .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-3a7a2331]{background-color:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 10%);border-color:color-mix(in srgb,var(--button-border-color--),var(--button-text-color--) 10%)}.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{background-color:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 16%);border-color:color-mix(in srgb,var(--button-border-color--),var(--button-text-color--) 16%)}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-radius:8px}.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-radius:12px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331],.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-3a7a2331],.medium .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-width:1px;padding:9px 13px;column-gap:8px}.large .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-width:2px;padding:14px 22px;column-gap:12px}.xlarge .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-width:2px;padding:30px 46px;column-gap:16px}.small.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding:7px}.medium.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding:9px}.large.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding:10px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding:26px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:3px;padding-right:3px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:5px;padding-right:5px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:6px;padding-right:6px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:10px;padding-right:10px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:13px;padding-right:13px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:15px;padding-right:15px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:18px;padding-right:18px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:42%;padding-right:42px}.prefix-raw-html-slot[data-v-3a7a2331],.suffix-raw-html-slot[data-v-3a7a2331]{width:100%;height:100%}[data-v-3a7a2331] .prefix-wrapper>svg,[data-v-3a7a2331] .suffix-wrapper>svg,[data-v-3a7a2331] .prefix-raw-html-slot>svg,[data-v-3a7a2331] .suffix-raw-html-slot>svg,[data-v-3a7a2331] .prefix-wrapper>img,[data-v-3a7a2331] .suffix-wrapper>img,[data-v-3a7a2331] .prefix-raw-html-slot>img,[data-v-3a7a2331] .suffix-raw-html-slot>img{width:100%;height:100%}.small .prefix-wrapper[data-v-3a7a2331],.small .suffix-wrapper[data-v-3a7a2331]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.small.icon-button .prefix-wrapper[data-v-3a7a2331],.small.icon-button .suffix-wrapper[data-v-3a7a2331],.medium .prefix-wrapper[data-v-3a7a2331],.medium .suffix-wrapper[data-v-3a7a2331],.medium.icon-button .prefix-wrapper[data-v-3a7a2331],.medium.icon-button .suffix-wrapper[data-v-3a7a2331],.large .prefix-wrapper[data-v-3a7a2331],.large .suffix-wrapper[data-v-3a7a2331]{width:24px;height:24px;padding:2px;box-sizing:border-box}.large.icon-button .prefix-wrapper[data-v-3a7a2331],.large.icon-button .suffix-wrapper[data-v-3a7a2331],.xlarge .prefix-wrapper[data-v-3a7a2331],.xlarge .suffix-wrapper[data-v-3a7a2331]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.xlarge.icon-button .prefix-wrapper[data-v-3a7a2331],.xlarge.icon-button .suffix-wrapper[data-v-3a7a2331]{width:40px;height:40px;padding:3.33px;box-sizing:border-box}.button-name-wrapper[data-v-3a7a2331]{color:var(--button-text-color--);font-family:Roboto;font-style:normal}.small .button-name-wrapper[data-v-3a7a2331]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.medium .button-name-wrapper[data-v-3a7a2331],.large .button-name-wrapper[data-v-3a7a2331]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.xlarge .button-name-wrapper[data-v-3a7a2331]{font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}.fit-content .dynamic-color-responsive-button-content .button-name-wrapper[data-v-3a7a2331]{white-space:nowrap}.fill-whole .dynamic-color-responsive-button-content .button-name-wrapper[data-v-3a7a2331]{white-space:wrap}@media only screen and (max-width: 767px){.small .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:44px;padding:4px 0}.medium .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:44px;padding:2px 0}.large .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:44px}.xlarge .dynamic-color-responsive-button[data-v-3a7a2331]{min-height:56px}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331],.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-radius:8px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-radius:12px}.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-width:1px;padding:7px 11px;column-gap:4px}.medium .dynamic-color-responsive-button-content[data-v-3a7a2331],.large .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-width:1px;padding:9px 13px;column-gap:8px}.xlarge .dynamic-color-responsive-button-content[data-v-3a7a2331]{border-width:2px;padding:14px 22px;column-gap:12px}.small.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331],.medium.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding:7px}.large.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding:9px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding:10px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:5px;padding-right:5px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:3px;padding-right:3px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:5px;padding-right:5px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:6px;padding-right:6px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:11px;padding-right:11px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:13px;padding-right:13px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:15px;padding-right:15px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-3a7a2331]{padding-left:18px;padding-right:18px}.small .prefix-wrapper[data-v-3a7a2331],.small .suffix-wrapper[data-v-3a7a2331],.small.icon-button .prefix-wrapper[data-v-3a7a2331],.small.icon-button .suffix-wrapper[data-v-3a7a2331],.medium .prefix-wrapper[data-v-3a7a2331],.medium .suffix-wrapper[data-v-3a7a2331]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.medium.icon-button .prefix-wrapper[data-v-3a7a2331],.medium.icon-button .suffix-wrapper[data-v-3a7a2331],.large .prefix-wrapper[data-v-3a7a2331],.large .suffix-wrapper[data-v-3a7a2331],.large.icon-button .prefix-wrapper[data-v-3a7a2331],.large.icon-button .suffix-wrapper[data-v-3a7a2331],.xlarge .prefix-wrapper[data-v-3a7a2331],.xlarge .suffix-wrapper[data-v-3a7a2331]{width:24px;height:24px;padding:2px;box-sizing:border-box}.xlarge.icon-button .prefix-wrapper[data-v-3a7a2331],.xlarge.icon-button .suffix-wrapper[data-v-3a7a2331]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.small .button-name-wrapper[data-v-3a7a2331],.medium .button-name-wrapper[data-v-3a7a2331]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.large .button-name-wrapper[data-v-3a7a2331],.xlarge .button-name-wrapper[data-v-3a7a2331]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}}.input-box-unit-wrapper[data-v-101a12e2]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-101a12e2]{width:100%}.label-outside .label-text[data-v-101a12e2]{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-101a12e2]{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-101a12e2]{height:44px;width:100%;box-sizing:border-box;padding:0 16px;caret-color:var(--caret-color--);display:flex;align-items:center;column-gap:4px;cursor:pointer;position:relative}.input-box-unit.has-prefix[data-v-101a12e2]{padding-left:0}.input-box-unit.has-suffix[data-v-101a12e2]{padding-right:0}.filled .input-box-unit[data-v-101a12e2]{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-101a12e2]{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-101a12e2]{cursor:not-allowed}.filled .input-box-unit.disabled[data-v-101a12e2]{background:var(--disabled-button-background-color--)}.input-box-wrapper[data-v-101a12e2]{flex:1;padding:4px 0}.label-inside[data-v-101a12e2]{width:fit-content}.outlined .label-inside[data-v-101a12e2]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-101a12e2]{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-101a12e2]{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-101a12e2]{color:var(--disabled-color--)}.input-box[data-v-101a12e2]{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-101a12e2]{color:var(--disabled-color--)}.input-box[data-v-101a12e2]::placeholder{color:#8d95a5;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-101a12e2]::-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-101a12e2],.suffix-wrapper[data-v-101a12e2]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.message-container[data-v-101a12e2]{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-101a12e2]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-101a12e2]{color:#434956}.message-container .error[data-v-101a12e2]{color:var(--semantic-error-color--)}.message-container .alert[data-v-101a12e2]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.input-box-unit[data-v-101a12e2]{height:44px}}.dropdown-menu-item-wrapper[data-v-d592bca8]{position:relative}.dropdown-menu-item[data-v-d592bca8]{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-d592bca8]{color:#2e466b;font-weight:600}.small .dropdown-menu-item[data-v-d592bca8]{min-height:40px;height:fit-content;padding:8px 12px}.medium .dropdown-menu-item[data-v-d592bca8]{min-height:48px;height:fit-content;padding:12px}.large .dropdown-menu-item[data-v-d592bca8]{min-height:56px;height:fit-content;padding:16px 12px}.dropdown-menu-item[data-v-d592bca8]:hover{background:var(--State-Layers-On-Surface-Opacity-08, rgba(23, 24, 28, .08));color:#17181c}.dropdown-menu-item.focus[data-v-d592bca8]{background:var(--State-Layers-On-Surface-Opacity-10, rgba(23, 24, 28, .1));color:#17181c}.dropdown-menu-item[data-v-d592bca8]:active{background:var(--Schemes-Secondary-Container, #DBE3F0);color:#2e466b}.dropdown-menu-item.disabled[data-v-d592bca8],.dropdown-menu-item.disabled[data-v-d592bca8]:hover{color:var(--disabled-color--)!important;cursor:not-allowed!important}.dropdown-menu-item-content[data-v-d592bca8]{display:flex;align-items:center;column-gap:12px;white-space:nowrap}.prefix-wrapper[data-v-d592bca8],.suffix-wrapper[data-v-d592bca8]{width:24px;height:24px}.prefix-raw-html-slot[data-v-d592bca8],.suffix-raw-html-slot[data-v-d592bca8]{width:100%;height:100%}[data-v-d592bca8] .prefix-wrapper>svg,[data-v-d592bca8] .suffix-wrapper>svg,[data-v-d592bca8] .prefix-raw-html-slot>svg,[data-v-d592bca8] .suffix-raw-html-slot>svg,[data-v-d592bca8] .prefix-wrapper>img,[data-v-d592bca8] .suffix-wrapper>img,[data-v-d592bca8] .prefix-raw-html-slot>img,[data-v-d592bca8] .suffix-raw-html-slot>img{width:100%;height:100%}.dropdown-icon[data-v-d592bca8]{width:100%;height:100%;transform:rotate(0);transition:all .3s}.rotate-180[data-v-d592bca8]{transform:rotate(180deg)}.dropdown-menu-item-dropdown-wrapper[data-v-d592bca8]{min-width:90px}.dropdown-menu-item-dropdown-wrapper.web-version[data-v-d592bca8]{position:absolute;z-index:999}.dropdown-menu-item-divider[data-v-d592bca8]{padding:8px 0;box-sizing:border-box}.dropdown-menu-item-divider[data-v-d592bca8]:after{content:"";display:block;width:100%;height:1px;background:var(--Schemes-Outline-Variant, #C6CAD2)}.text[data-v-d592bca8]{white-space:nowrap}.text.wrap-text[data-v-d592bca8]{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-ff5aa3aa]{position:absolute;top:100%;left:0;z-index:999}.single-selector-unit-wrapper[data-v-ff5aa3aa]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-ff5aa3aa]{width:100%}.label-outside .label-text[data-v-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{padding-left:0}.single-selector.has-suffix[data-v-ff5aa3aa]{padding-right:0}.filled .single-selector[data-v-ff5aa3aa]{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-ff5aa3aa]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.single-selector.disabled[data-v-ff5aa3aa]{cursor:not-allowed}.filled .single-selector.disabled[data-v-ff5aa3aa]{background:var(--disabled-button-background-color--)}.selected-content-wrapper[data-v-ff5aa3aa]{flex:1;padding:4px 0;min-width:0}.label-inside[data-v-ff5aa3aa]{width:fit-content}.outlined .label-inside[data-v-ff5aa3aa]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{color:var(--disabled-color--)}.selected-content[data-v-ff5aa3aa]{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-ff5aa3aa]{display:none}.selected-content.content-text[data-v-ff5aa3aa]{color:#17181c}.disabled .selected-content.content-text[data-v-ff5aa3aa],.selected-content.placeholder[data-v-ff5aa3aa]{color:var(--disabled-color--)}.filter-input[data-v-ff5aa3aa]{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;caret-color:var(--caret-color--)}.prefix-wrapper[data-v-ff5aa3aa],.suffix-wrapper[data-v-ff5aa3aa]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.rotate-0[data-v-ff5aa3aa]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-ff5aa3aa]{transform:rotate(180deg)}.single-selector-dropdown[data-v-ff5aa3aa]{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-ff5aa3aa]:hover{overflow-y:auto}.single-selector-dropdown[data-v-ff5aa3aa]::-webkit-scrollbar{width:12px}.single-selector-dropdown[data-v-ff5aa3aa]::-webkit-scrollbar-track{background:transparent;margin-top:4px;margin-bottom:4px}.single-selector-dropdown[data-v-ff5aa3aa]::-webkit-scrollbar-thumb{background:#79747e;border-radius:100px;border:4px solid #EEEFF1}.single-selector-dropdown.no-data[data-v-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-ff5aa3aa]{color:#434956}.message-container .error[data-v-ff5aa3aa]{color:var(--semantic-error-color--)}.message-container .alert[data-v-ff5aa3aa]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.single-selector[data-v-ff5aa3aa]{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--)}.fade-out[data-v-fc66a003]{animation:fadeOut-fc66a003 .15s ease-out forwards}@keyframes fadeOut-fc66a003{0%{opacity:1}to{opacity:0}}.snackbar[data-v-fc66a003]{width:100%;box-sizing:border-box;padding:0 0 0 16px;border-radius:var(--Corner-Extra-small, 4px);background:#2f3137;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.snackbar.large-padding[data-v-fc66a003]{padding:10px 0 10px 16px}.snackbar.stacked-layout[data-v-fc66a003]{flex-direction:column;align-items:flex-start}.snackbar.stacked-layout .snackbar-actions-wrapper[data-v-fc66a003]{width:100%;justify-content:flex-end}.snackbar-content-wrapper[data-v-fc66a003]{flex:1;min-width:0}.snackbar-text[data-v-fc66a003]{color:#e6e1e5;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;padding:14px 14px 14px 0;letter-spacing:.25px;white-space:normal;word-break:break-word}.snackbar-actions-wrapper[data-v-fc66a003]{display:flex;align-items:center;flex-shrink:0}.action-button-wrapper[data-v-fc66a003],.close-icon-wrapper[data-v-fc66a003]{flex-shrink:0}@media only screen and (max-width: 767px){.snackbar[data-v-fc66a003]{width:100vw;border-radius:var(--Corner-Extra-small, 4px);padding:14px 0 14px 16px}.snackbar.large-padding[data-v-fc66a003]{padding:18px 0 18px 16px}}: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:#eeeff1cc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #DBDCE1;border-top-color:var(--Schemes-primary);border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#eeeff1cc;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 #DBDCE1;border-top-color:var(--Schemes-primary);border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{color:var(--Schemes-primary);height:24px;width:24px;padding:2px 4px;box-sizing:border-box;animation:flip 5s infinite;position:absolute;top:18px;left:18px}.whole-page-loading-text-div:after{content:"Loading";color:var(--Schemes-primary);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}}#floating-snackbar-container{display:flex;flex-direction:column;row-gap:8px;align-items:center;height:fit-content;width:fit-content;max-width:600px;position:fixed;z-index:999;bottom:12px;left:50%;transform:translate(-50%)}@media only screen and (max-width:767px){#floating-snackbar-container{width:100vw;max-width:100vw;box-sizing:border-box;bottom:12px;left:0;transform:none}}`)),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
import { openBlock as a, createElementBlock as l, normalizeClass as h, createElementVNode as c, toDisplayString as L, createCommentVNode as y, renderSlot as D, ref as x, onMounted as ye, onUnmounted as Be, resolveComponent as ee, resolveDirective as Re, withDirectives as Q, normalizeStyle as P, Fragment as ie, renderList as se, createBlock as Z, mergeProps as ue, computed as I, unref as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.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-e872a55c]{width:fit-content}.dynamic-color-responsive-button-container.fill-whole[data-v-e872a55c]{width:100%}.dynamic-color-responsive-button-container.icon-button[data-v-e872a55c]{width:fit-content;min-width:44px}.fill-whole .dynamic-color-responsive-button[data-v-e872a55c],.icon-button .dynamic-color-responsive-button[data-v-e872a55c]{width:100%}.fit-content .dynamic-color-responsive-button[data-v-e872a55c]{width:fit-content}.dynamic-color-responsive-button[data-v-e872a55c]{box-sizing:border-box;height:fit-content;display:flex;align-items:center;justify-content:center;cursor:pointer}.disabled .dynamic-color-responsive-button[data-v-e872a55c]{cursor:not-allowed}.small .dynamic-color-responsive-button[data-v-e872a55c]{min-height:44px;padding:2px 0}.medium .dynamic-color-responsive-button[data-v-e872a55c]{min-height:44px}.large .dynamic-color-responsive-button[data-v-e872a55c]{min-height:56px}.xlarge .dynamic-color-responsive-button[data-v-e872a55c]{min-height:96px}.fit-content .dynamic-color-responsive-button-content[data-v-e872a55c],.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{width:fit-content}.fill-whole .dynamic-color-responsive-button-content[data-v-e872a55c]{width:100%}.dynamic-color-responsive-button-content[data-v-e872a55c]{display:flex;align-items:center;justify-content:center;background-color:var(--button-background-color--);background-clip:padding-box;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-e872a55c]{box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.disabled .dynamic-color-responsive-button-content[data-v-e872a55c],.disabled .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-e872a55c],.disabled .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-e872a55c],.disabled .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{background-color:var(--button-background-color--)!important;border-radius:var(--button-border-radius--)!important;border-color:var(--button-border-color--)!important}.has-interaction-effect .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-e872a55c]{background-color:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 8%);border-color:color-mix(in srgb,var(--button-border-color--),var(--button-text-color--) 8%)}.has-interaction-effect .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-e872a55c]{background-color:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 10%);border-color:color-mix(in srgb,var(--button-border-color--),var(--button-text-color--) 10%)}.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{background-color:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 16%);border-color:color-mix(in srgb,var(--button-border-color--),var(--button-text-color--) 16%)}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{border-radius:8px}.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{border-radius:12px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c],.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-e872a55c],.medium .dynamic-color-responsive-button-content[data-v-e872a55c]{border-width:1px;padding:9px 13px;column-gap:8px}.large .dynamic-color-responsive-button-content[data-v-e872a55c]{border-width:2px;padding:14px 22px;column-gap:12px}.xlarge .dynamic-color-responsive-button-content[data-v-e872a55c]{border-width:2px;padding:30px 46px;column-gap:16px}.small.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{padding:7px}.medium.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{padding:9px}.large.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{padding:10px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{padding:26px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:3px;padding-right:3px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:5px;padding-right:5px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:6px;padding-right:6px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:10px;padding-right:10px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:13px;padding-right:13px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:15px;padding-right:15px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:18px;padding-right:18px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:42%;padding-right:42px}.prefix-raw-html-slot[data-v-e872a55c],.suffix-raw-html-slot[data-v-e872a55c]{width:100%;height:100%}[data-v-e872a55c] .prefix-wrapper>svg,[data-v-e872a55c] .suffix-wrapper>svg,[data-v-e872a55c] .prefix-raw-html-slot>svg,[data-v-e872a55c] .suffix-raw-html-slot>svg,[data-v-e872a55c] .prefix-wrapper>img,[data-v-e872a55c] .suffix-wrapper>img,[data-v-e872a55c] .prefix-raw-html-slot>img,[data-v-e872a55c] .suffix-raw-html-slot>img{width:100%;height:100%}.small .prefix-wrapper[data-v-e872a55c],.small .suffix-wrapper[data-v-e872a55c]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.small.icon-button .prefix-wrapper[data-v-e872a55c],.small.icon-button .suffix-wrapper[data-v-e872a55c],.medium .prefix-wrapper[data-v-e872a55c],.medium .suffix-wrapper[data-v-e872a55c],.medium.icon-button .prefix-wrapper[data-v-e872a55c],.medium.icon-button .suffix-wrapper[data-v-e872a55c],.large .prefix-wrapper[data-v-e872a55c],.large .suffix-wrapper[data-v-e872a55c]{width:24px;height:24px;padding:2px;box-sizing:border-box}.large.icon-button .prefix-wrapper[data-v-e872a55c],.large.icon-button .suffix-wrapper[data-v-e872a55c],.xlarge .prefix-wrapper[data-v-e872a55c],.xlarge .suffix-wrapper[data-v-e872a55c]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.xlarge.icon-button .prefix-wrapper[data-v-e872a55c],.xlarge.icon-button .suffix-wrapper[data-v-e872a55c]{width:40px;height:40px;padding:3.33px;box-sizing:border-box}.button-name-wrapper[data-v-e872a55c]{color:var(--button-text-color--);font-family:Roboto;font-style:normal}.small .button-name-wrapper[data-v-e872a55c]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.medium .button-name-wrapper[data-v-e872a55c],.large .button-name-wrapper[data-v-e872a55c]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.xlarge .button-name-wrapper[data-v-e872a55c]{font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}.fit-content .dynamic-color-responsive-button-content .button-name-wrapper[data-v-e872a55c]{white-space:nowrap}.fill-whole .dynamic-color-responsive-button-content .button-name-wrapper[data-v-e872a55c]{white-space:wrap}@media only screen and (max-width: 767px){.small .dynamic-color-responsive-button[data-v-e872a55c]{min-height:44px;padding:4px 0}.medium .dynamic-color-responsive-button[data-v-e872a55c]{min-height:44px;padding:2px 0}.large .dynamic-color-responsive-button[data-v-e872a55c]{min-height:44px}.xlarge .dynamic-color-responsive-button[data-v-e872a55c]{min-height:56px}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c],.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{border-radius:8px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{border-radius:12px}.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-e872a55c]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-e872a55c]{border-width:1px;padding:7px 11px;column-gap:4px}.medium .dynamic-color-responsive-button-content[data-v-e872a55c],.large .dynamic-color-responsive-button-content[data-v-e872a55c]{border-width:1px;padding:9px 13px;column-gap:8px}.xlarge .dynamic-color-responsive-button-content[data-v-e872a55c]{border-width:2px;padding:14px 22px;column-gap:12px}.small.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c],.medium.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{padding:7px}.large.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{padding:9px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-e872a55c]{padding:10px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:5px;padding-right:5px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:3px;padding-right:3px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:5px;padding-right:5px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:6px;padding-right:6px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:11px;padding-right:11px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:13px;padding-right:13px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:15px;padding-right:15px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-e872a55c]{padding-left:18px;padding-right:18px}.small .prefix-wrapper[data-v-e872a55c],.small .suffix-wrapper[data-v-e872a55c],.small.icon-button .prefix-wrapper[data-v-e872a55c],.small.icon-button .suffix-wrapper[data-v-e872a55c],.medium .prefix-wrapper[data-v-e872a55c],.medium .suffix-wrapper[data-v-e872a55c]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.medium.icon-button .prefix-wrapper[data-v-e872a55c],.medium.icon-button .suffix-wrapper[data-v-e872a55c],.large .prefix-wrapper[data-v-e872a55c],.large .suffix-wrapper[data-v-e872a55c],.large.icon-button .prefix-wrapper[data-v-e872a55c],.large.icon-button .suffix-wrapper[data-v-e872a55c],.xlarge .prefix-wrapper[data-v-e872a55c],.xlarge .suffix-wrapper[data-v-e872a55c]{width:24px;height:24px;padding:2px;box-sizing:border-box}.xlarge.icon-button .prefix-wrapper[data-v-e872a55c],.xlarge.icon-button .suffix-wrapper[data-v-e872a55c]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.small .button-name-wrapper[data-v-e872a55c],.medium .button-name-wrapper[data-v-e872a55c]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.large .button-name-wrapper[data-v-e872a55c],.xlarge .button-name-wrapper[data-v-e872a55c]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}}.input-box-unit-wrapper[data-v-101a12e2]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-101a12e2]{width:100%}.label-outside .label-text[data-v-101a12e2]{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-101a12e2]{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-101a12e2]{height:44px;width:100%;box-sizing:border-box;padding:0 16px;caret-color:var(--caret-color--);display:flex;align-items:center;column-gap:4px;cursor:pointer;position:relative}.input-box-unit.has-prefix[data-v-101a12e2]{padding-left:0}.input-box-unit.has-suffix[data-v-101a12e2]{padding-right:0}.filled .input-box-unit[data-v-101a12e2]{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-101a12e2]{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-101a12e2]{cursor:not-allowed}.filled .input-box-unit.disabled[data-v-101a12e2]{background:var(--disabled-button-background-color--)}.input-box-wrapper[data-v-101a12e2]{flex:1;padding:4px 0}.label-inside[data-v-101a12e2]{width:fit-content}.outlined .label-inside[data-v-101a12e2]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-101a12e2]{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-101a12e2]{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-101a12e2]{color:var(--disabled-color--)}.input-box[data-v-101a12e2]{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-101a12e2]{color:var(--disabled-color--)}.input-box[data-v-101a12e2]::placeholder{color:#8d95a5;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-101a12e2]::-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-101a12e2],.suffix-wrapper[data-v-101a12e2]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.message-container[data-v-101a12e2]{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-101a12e2]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-101a12e2]{color:#434956}.message-container .error[data-v-101a12e2]{color:var(--semantic-error-color--)}.message-container .alert[data-v-101a12e2]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.input-box-unit[data-v-101a12e2]{height:44px}}.dropdown-menu-item-wrapper[data-v-d592bca8]{position:relative}.dropdown-menu-item[data-v-d592bca8]{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-d592bca8]{color:#2e466b;font-weight:600}.small .dropdown-menu-item[data-v-d592bca8]{min-height:40px;height:fit-content;padding:8px 12px}.medium .dropdown-menu-item[data-v-d592bca8]{min-height:48px;height:fit-content;padding:12px}.large .dropdown-menu-item[data-v-d592bca8]{min-height:56px;height:fit-content;padding:16px 12px}.dropdown-menu-item[data-v-d592bca8]:hover{background:var(--State-Layers-On-Surface-Opacity-08, rgba(23, 24, 28, .08));color:#17181c}.dropdown-menu-item.focus[data-v-d592bca8]{background:var(--State-Layers-On-Surface-Opacity-10, rgba(23, 24, 28, .1));color:#17181c}.dropdown-menu-item[data-v-d592bca8]:active{background:var(--Schemes-Secondary-Container, #DBE3F0);color:#2e466b}.dropdown-menu-item.disabled[data-v-d592bca8],.dropdown-menu-item.disabled[data-v-d592bca8]:hover{color:var(--disabled-color--)!important;cursor:not-allowed!important}.dropdown-menu-item-content[data-v-d592bca8]{display:flex;align-items:center;column-gap:12px;white-space:nowrap}.prefix-wrapper[data-v-d592bca8],.suffix-wrapper[data-v-d592bca8]{width:24px;height:24px}.prefix-raw-html-slot[data-v-d592bca8],.suffix-raw-html-slot[data-v-d592bca8]{width:100%;height:100%}[data-v-d592bca8] .prefix-wrapper>svg,[data-v-d592bca8] .suffix-wrapper>svg,[data-v-d592bca8] .prefix-raw-html-slot>svg,[data-v-d592bca8] .suffix-raw-html-slot>svg,[data-v-d592bca8] .prefix-wrapper>img,[data-v-d592bca8] .suffix-wrapper>img,[data-v-d592bca8] .prefix-raw-html-slot>img,[data-v-d592bca8] .suffix-raw-html-slot>img{width:100%;height:100%}.dropdown-icon[data-v-d592bca8]{width:100%;height:100%;transform:rotate(0);transition:all .3s}.rotate-180[data-v-d592bca8]{transform:rotate(180deg)}.dropdown-menu-item-dropdown-wrapper[data-v-d592bca8]{min-width:90px}.dropdown-menu-item-dropdown-wrapper.web-version[data-v-d592bca8]{position:absolute;z-index:999}.dropdown-menu-item-divider[data-v-d592bca8]{padding:8px 0;box-sizing:border-box}.dropdown-menu-item-divider[data-v-d592bca8]:after{content:"";display:block;width:100%;height:1px;background:var(--Schemes-Outline-Variant, #C6CAD2)}.text[data-v-d592bca8]{white-space:nowrap}.text.wrap-text[data-v-d592bca8]{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-ff5aa3aa]{position:absolute;top:100%;left:0;z-index:999}.single-selector-unit-wrapper[data-v-ff5aa3aa]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-ff5aa3aa]{width:100%}.label-outside .label-text[data-v-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{padding-left:0}.single-selector.has-suffix[data-v-ff5aa3aa]{padding-right:0}.filled .single-selector[data-v-ff5aa3aa]{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-ff5aa3aa]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.single-selector.disabled[data-v-ff5aa3aa]{cursor:not-allowed}.filled .single-selector.disabled[data-v-ff5aa3aa]{background:var(--disabled-button-background-color--)}.selected-content-wrapper[data-v-ff5aa3aa]{flex:1;padding:4px 0;min-width:0}.label-inside[data-v-ff5aa3aa]{width:fit-content}.outlined .label-inside[data-v-ff5aa3aa]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{color:var(--disabled-color--)}.selected-content[data-v-ff5aa3aa]{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-ff5aa3aa]{display:none}.selected-content.content-text[data-v-ff5aa3aa]{color:#17181c}.disabled .selected-content.content-text[data-v-ff5aa3aa],.selected-content.placeholder[data-v-ff5aa3aa]{color:var(--disabled-color--)}.filter-input[data-v-ff5aa3aa]{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;caret-color:var(--caret-color--)}.prefix-wrapper[data-v-ff5aa3aa],.suffix-wrapper[data-v-ff5aa3aa]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.rotate-0[data-v-ff5aa3aa]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-ff5aa3aa]{transform:rotate(180deg)}.single-selector-dropdown[data-v-ff5aa3aa]{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-ff5aa3aa]:hover{overflow-y:auto}.single-selector-dropdown[data-v-ff5aa3aa]::-webkit-scrollbar{width:12px}.single-selector-dropdown[data-v-ff5aa3aa]::-webkit-scrollbar-track{background:transparent;margin-top:4px;margin-bottom:4px}.single-selector-dropdown[data-v-ff5aa3aa]::-webkit-scrollbar-thumb{background:#79747e;border-radius:100px;border:4px solid #EEEFF1}.single-selector-dropdown.no-data[data-v-ff5aa3aa]{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-ff5aa3aa]{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-ff5aa3aa]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-ff5aa3aa]{color:#434956}.message-container .error[data-v-ff5aa3aa]{color:var(--semantic-error-color--)}.message-container .alert[data-v-ff5aa3aa]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.single-selector[data-v-ff5aa3aa]{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--)}.fade-out[data-v-fc66a003]{animation:fadeOut-fc66a003 .15s ease-out forwards}@keyframes fadeOut-fc66a003{0%{opacity:1}to{opacity:0}}.snackbar[data-v-fc66a003]{width:100%;box-sizing:border-box;padding:0 0 0 16px;border-radius:var(--Corner-Extra-small, 4px);background:#2f3137;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.snackbar.large-padding[data-v-fc66a003]{padding:10px 0 10px 16px}.snackbar.stacked-layout[data-v-fc66a003]{flex-direction:column;align-items:flex-start}.snackbar.stacked-layout .snackbar-actions-wrapper[data-v-fc66a003]{width:100%;justify-content:flex-end}.snackbar-content-wrapper[data-v-fc66a003]{flex:1;min-width:0}.snackbar-text[data-v-fc66a003]{color:#e6e1e5;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;padding:14px 14px 14px 0;letter-spacing:.25px;white-space:normal;word-break:break-word}.snackbar-actions-wrapper[data-v-fc66a003]{display:flex;align-items:center;flex-shrink:0}.action-button-wrapper[data-v-fc66a003],.close-icon-wrapper[data-v-fc66a003]{flex-shrink:0}@media only screen and (max-width: 767px){.snackbar[data-v-fc66a003]{width:100vw;border-radius:var(--Corner-Extra-small, 4px);padding:14px 0 14px 16px}.snackbar.large-padding[data-v-fc66a003]{padding:18px 0 18px 16px}}: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:#eeeff1cc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #DBDCE1;border-top-color:var(--Schemes-primary);border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#eeeff1cc;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 #DBDCE1;border-top-color:var(--Schemes-primary);border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{color:var(--Schemes-primary);height:24px;width:24px;padding:2px 4px;box-sizing:border-box;animation:flip 5s infinite;position:absolute;top:18px;left:18px}.whole-page-loading-text-div:after{content:"Loading";color:var(--Schemes-primary);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}}#floating-snackbar-container{display:flex;flex-direction:column;row-gap:8px;align-items:center;height:fit-content;width:fit-content;max-width:600px;position:fixed;z-index:999;bottom:12px;left:50%;transform:translate(-50%)}@media only screen and (max-width:767px){#floating-snackbar-container{width:100vw;max-width:100vw;box-sizing:border-box;bottom:12px;left:0;transform:none}}`)),document.head.appendChild(a)}}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 y, renderSlot as D, ref as x, onMounted as ye, onUnmounted as Be, resolveComponent as ee, resolveDirective as Re, withDirectives as Q, normalizeStyle as P, Fragment as ie, renderList as se, createBlock as Z, mergeProps as ue, computed as I, unref as U, createTextVNode as X, createVNode as $, withCtx as V, vModelDynamic as Ue, useAttrs as xe, vModelText as Fe, vModelCheckbox as $e, vModelRadio as fe, watch as Y, createSlots as je, provide as pe, createApp as Te, h as Se } from "vue";
|
|
3
3
|
const We = "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", Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
5
|
default: We
|
|
@@ -413,10 +413,10 @@ const Lt = {
|
|
|
413
413
|
}, Zt = ["onClick"], Gt = { class: "non-web-dropdown-option-display-name" }, Rt = {
|
|
414
414
|
key: 0,
|
|
415
415
|
class: "non-web-responsive-nested-dropdown-option-default-suffix suffix-wrapper"
|
|
416
|
-
},
|
|
416
|
+
}, Ut = {
|
|
417
417
|
key: 0,
|
|
418
418
|
src: ae
|
|
419
|
-
},
|
|
419
|
+
}, Ft = {
|
|
420
420
|
key: 1,
|
|
421
421
|
src: he
|
|
422
422
|
};
|
|
@@ -523,7 +523,7 @@ function $t(e, o, t, i, r, n) {
|
|
|
523
523
|
}, [
|
|
524
524
|
c("div", Gt, L(u.display_name), 1),
|
|
525
525
|
u.dropdown_options ? (a(), l("div", Rt, [
|
|
526
|
-
u.disabled ? (a(), l("img",
|
|
526
|
+
u.disabled ? (a(), l("img", Ft)) : (a(), l("img", Ut))
|
|
527
527
|
])) : y("", !0)
|
|
528
528
|
], 10, Zt))), 128))
|
|
529
529
|
], 6)) : y("", !0)
|
|
@@ -632,7 +632,7 @@ function B(e) {
|
|
|
632
632
|
}
|
|
633
633
|
throw new Error(`parseColorToHsl: Unable to parse color "${e}"`);
|
|
634
634
|
}
|
|
635
|
-
function
|
|
635
|
+
function F(e, o = {}) {
|
|
636
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)), f = G(n, 0, 1);
|
|
637
637
|
return d ? f < 1 ? `hsl(${s} ${u}% ${_}% / ${q(f, 3)})` : `hsl(${s} ${u}% ${_}%)` : f < 1 ? `hsla(${s}, ${u}%, ${_}%, ${q(f, 3)})` : `hsl(${s}, ${u}%, ${_}%)`;
|
|
638
638
|
}
|
|
@@ -895,10 +895,10 @@ const qt = { class: "dynamic-color-responsive-button-content" }, Qt = ["innerHTM
|
|
|
895
895
|
i.disabled || r("click-button", i.button_id ? i.button_id : i.display_name, i.display_name);
|
|
896
896
|
};
|
|
897
897
|
return o({
|
|
898
|
-
|
|
898
|
+
focus: () => {
|
|
899
899
|
u.value = !0;
|
|
900
900
|
},
|
|
901
|
-
|
|
901
|
+
blur: () => {
|
|
902
902
|
u.value = !1;
|
|
903
903
|
}
|
|
904
904
|
}), (m, g) => (a(), l("div", {
|
|
@@ -914,9 +914,9 @@ const qt = { class: "dynamic-color-responsive-button-content" }, Qt = ["innerHTM
|
|
|
914
914
|
{ wide: _.value && e.width_type === "wide" }
|
|
915
915
|
]),
|
|
916
916
|
style: P({
|
|
917
|
-
"--button-background-color--": F
|
|
918
|
-
"--button-text-color--": F
|
|
919
|
-
"--button-border-color--": F
|
|
917
|
+
"--button-background-color--": U(F)(f.value),
|
|
918
|
+
"--button-text-color--": U(F)(w.value),
|
|
919
|
+
"--button-border-color--": U(F)(S.value, { modern: !0 }),
|
|
920
920
|
"--button-border-radius--": e.button_border_radius
|
|
921
921
|
})
|
|
922
922
|
}, [
|
|
@@ -973,7 +973,7 @@ const qt = { class: "dynamic-color-responsive-button-content" }, Qt = ["innerHTM
|
|
|
973
973
|
], 2)
|
|
974
974
|
], 6));
|
|
975
975
|
}
|
|
976
|
-
}, de = /* @__PURE__ */ H(no, [["__scopeId", "data-v-
|
|
976
|
+
}, de = /* @__PURE__ */ H(no, [["__scopeId", "data-v-e872a55c"]]), ro = {
|
|
977
977
|
components: {
|
|
978
978
|
DynamicColorResponsiveButton: de
|
|
979
979
|
},
|
|
@@ -1232,7 +1232,7 @@ function po(e, o, t, i, r, n) {
|
|
|
1232
1232
|
autocomplete: t.autocomplete,
|
|
1233
1233
|
onKeydown: o[1] || (o[1] = (s) => n.handleKeydown(s))
|
|
1234
1234
|
}, null, 40, ho), [
|
|
1235
|
-
[
|
|
1235
|
+
[Ue, r.value]
|
|
1236
1236
|
])
|
|
1237
1237
|
]),
|
|
1238
1238
|
e.$slots.suffix || n.show_clear_icon || r.show_alert || r.show_error ? (a(), l("div", {
|
|
@@ -1590,7 +1590,7 @@ const Pe = /* @__PURE__ */ H(ro, [["render", po], ["__scopeId", "data-v-101a12e2
|
|
|
1590
1590
|
with_box_shadow: _.value ? b.$attrs.with_box_shadow : !1,
|
|
1591
1591
|
size: e.size,
|
|
1592
1592
|
dropdown_level: e.in_dropdown_level + 1,
|
|
1593
|
-
outest_nested_dropdown_history_stack:
|
|
1593
|
+
outest_nested_dropdown_history_stack: U(s).nested_dropdown_history_stack,
|
|
1594
1594
|
onSelectDropdownOption: T[2] || (T[2] = (E, z, K) => R(E, z, K)),
|
|
1595
1595
|
onAddNewShownNestedDropdown: T[3] || (T[3] = (E, z) => A(E, z)),
|
|
1596
1596
|
onRemoveShownNestedDropdown: T[4] || (T[4] = (E) => j(E)),
|
|
@@ -1997,12 +1997,12 @@ const Pe = /* @__PURE__ */ H(ro, [["render", po], ["__scopeId", "data-v-101a12e2
|
|
|
1997
1997
|
"suffix-wrapper"
|
|
1998
1998
|
]),
|
|
1999
1999
|
ref: "suffix_wrapper"
|
|
2000
|
-
},
|
|
2000
|
+
}, Uo = {
|
|
2001
2001
|
key: 3,
|
|
2002
2002
|
class: /* @__PURE__ */ h([
|
|
2003
2003
|
"message-container"
|
|
2004
2004
|
])
|
|
2005
|
-
},
|
|
2005
|
+
}, Fo = {
|
|
2006
2006
|
key: 0,
|
|
2007
2007
|
class: "customized-supporting-text"
|
|
2008
2008
|
};
|
|
@@ -2079,7 +2079,7 @@ function $o(e, o, t, i, r, n) {
|
|
|
2079
2079
|
ref: "filter_input",
|
|
2080
2080
|
"onUpdate:modelValue": o[0] || (o[0] = (u) => r.filter_keyword = u)
|
|
2081
2081
|
}, null, 2), [
|
|
2082
|
-
[
|
|
2082
|
+
[Fe, r.filter_keyword]
|
|
2083
2083
|
])
|
|
2084
2084
|
], 2)
|
|
2085
2085
|
]),
|
|
@@ -2207,8 +2207,8 @@ function $o(e, o, t, i, r, n) {
|
|
|
2207
2207
|
onClickOutsideDropdownMenu: n.handleClickOutsideDropdownMenu,
|
|
2208
2208
|
onSelectDropdownOption: o[5] || (o[5] = (u, _, f) => n.handleSelectDropdownOption(u, _, f))
|
|
2209
2209
|
}, null, 8, ["is_loading", "loading_text", "no_data_text", "options", "onClickOutsideDropdownMenu"])) : y("", !0),
|
|
2210
|
-
e.$slots.supportingText || (r.show_alert || r.show_error) && r.message_notification_text ? (a(), l("div",
|
|
2211
|
-
e.$slots.supportingText ? (a(), l("div",
|
|
2210
|
+
e.$slots.supportingText || (r.show_alert || r.show_error) && r.message_notification_text ? (a(), l("div", Uo, [
|
|
2211
|
+
e.$slots.supportingText ? (a(), l("div", Fo, [
|
|
2212
2212
|
D(e.$slots, "supportingText", {}, void 0, !0)
|
|
2213
2213
|
])) : y("", !0),
|
|
2214
2214
|
c("div", {
|
|
@@ -4507,7 +4507,7 @@ const zn = /* @__PURE__ */ H(Dn, [["render", On], ["__scopeId", "data-v-0a14a646
|
|
|
4507
4507
|
}, Rn = {
|
|
4508
4508
|
key: 1,
|
|
4509
4509
|
class: /* @__PURE__ */ h(["floating-action-button-menu-item-suffix"])
|
|
4510
|
-
},
|
|
4510
|
+
}, Un = ["src"], Fn = {
|
|
4511
4511
|
__name: "FloatingActionButton",
|
|
4512
4512
|
props: {
|
|
4513
4513
|
display_name: {
|
|
@@ -4623,12 +4623,12 @@ const zn = /* @__PURE__ */ H(Dn, [["render", On], ["__scopeId", "data-v-0a14a646
|
|
|
4623
4623
|
return (v, m) => d.value ? y("", !0) : (a(), l("div", {
|
|
4624
4624
|
key: 0,
|
|
4625
4625
|
style: P({
|
|
4626
|
-
"--fab-button-background-color--": F
|
|
4627
|
-
"--fab-button-text-color--": F
|
|
4628
|
-
"--fab-menu-cross-button-background-color--": F
|
|
4629
|
-
"--fab-menu-cross-button-text-color--": F
|
|
4630
|
-
"--fab-menu-child-button-background-color--": F
|
|
4631
|
-
"--fab-menu-child-button-text-color--": F
|
|
4626
|
+
"--fab-button-background-color--": U(F)(s.value),
|
|
4627
|
+
"--fab-button-text-color--": U(F)(u.value),
|
|
4628
|
+
"--fab-menu-cross-button-background-color--": U(F)(_.value),
|
|
4629
|
+
"--fab-menu-cross-button-text-color--": U(F)(f.value),
|
|
4630
|
+
"--fab-menu-child-button-background-color--": U(F)(w.value),
|
|
4631
|
+
"--fab-menu-child-button-text-color--": U(F)(S.value)
|
|
4632
4632
|
}),
|
|
4633
4633
|
class: h(["floating-action-button-container", e.size, e.customized_class])
|
|
4634
4634
|
}, [
|
|
@@ -4662,7 +4662,7 @@ const zn = /* @__PURE__ */ H(Dn, [["render", On], ["__scopeId", "data-v-0a14a646
|
|
|
4662
4662
|
g.suffix ? (a(), l("div", Rn, [
|
|
4663
4663
|
c("img", {
|
|
4664
4664
|
src: g.suffix
|
|
4665
|
-
}, null, 8,
|
|
4665
|
+
}, null, 8, Un)
|
|
4666
4666
|
])) : y("", !0)
|
|
4667
4667
|
], 8, Vn))), 128)),
|
|
4668
4668
|
c("div", {
|
|
@@ -4685,7 +4685,7 @@ const zn = /* @__PURE__ */ H(Dn, [["render", On], ["__scopeId", "data-v-0a14a646
|
|
|
4685
4685
|
])) : y("", !0)
|
|
4686
4686
|
], 6));
|
|
4687
4687
|
}
|
|
4688
|
-
}, $n = /* @__PURE__ */ H(
|
|
4688
|
+
}, $n = /* @__PURE__ */ H(Fn, [["__scopeId", "data-v-e8e0f96e"]]), jn = {
|
|
4689
4689
|
components: {
|
|
4690
4690
|
DynamicColorResponsiveButton: de
|
|
4691
4691
|
},
|
|
@@ -4951,7 +4951,7 @@ export {
|
|
|
4951
4951
|
nr as iconsMap,
|
|
4952
4952
|
B as parseColorToHsl,
|
|
4953
4953
|
ir as toHsl,
|
|
4954
|
-
|
|
4954
|
+
F as toHslString,
|
|
4955
4955
|
le as useWindowSize,
|
|
4956
4956
|
tr as whole_page_loading
|
|
4957
4957
|
};
|