npm - pns-component-library - Versions diffs - 1.5.13 → 1.6.0 - Mend

pns-component-library 1.5.13 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md +535 -96
package/dist/pns-component-library.es.js +2230 -640
package/dist/pns-component-library.umd.js +2 -2
package/package.json +1 -1
package/src/composables/useWindowSize.js +2 -2

package/dist/pns-component-library.es.js CHANGED Viewed

@@ -1,71 +1,71 @@
-(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-a52df3f1]{position:relative}.responsive-button-wrapper.fill-whole[data-v-a52df3f1]{width:100%;height:fit-content}.responsive-button-wrapper.fit-content[data-v-a52df3f1]{width:fit-content;height:fit-content}.responsive-button-wrapper[data-v-a52df3f1] .component-loading-spinner{border-radius:4px}.responsive-button-wrapper[data-v-a52df3f1] .component-loading-spinner:after{height:25px;width:25px}.responsive-button[data-v-a52df3f1]{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-a52df3f1]{min-width:90px}.responsive-button.no-display-name[data-v-a52df3f1]{min-width:0px!important}.button-content[data-v-a52df3f1]{display:flex;column-gap:8px;align-items:center}.prefix-wrapper[data-v-a52df3f1],.suffix-wrapper[data-v-a52df3f1]{width:20px;height:20px;flex-shrink:0}.rotate-0[data-v-a52df3f1]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-a52df3f1]{transform:rotate(180deg)}.responsive-button.xsmall[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.xsmall[data-v-a52df3f1]{width:fit-content;padding:7px 23px}.responsive-button.no-display-name.fit-content.xsmall[data-v-a52df3f1]{width:fit-content;padding:7px!important}.responsive-button.fit-content.xsmall.has-prefix[data-v-a52df3f1]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.xsmall.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.xsmall.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.xsmall[data-v-a52df3f1]{width:100%;padding:7px}.responsive-button.small[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:9px 23px}.responsive-button.no-display-name.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:9px!important}.responsive-button.fit-content.small.has-prefix[data-v-a52df3f1]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.small.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.small[data-v-a52df3f1]{width:100%;padding:9px 7px}.responsive-button.medium[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:10px 23px}.responsive-button.no-display-name.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:10px!important}.responsive-button.fit-content.medium.has-prefix[data-v-a52df3f1]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.medium[data-v-a52df3f1]{width:100%;padding:10px 7px}.responsive-button.large[data-v-a52df3f1]{font-size:16px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:11px 23px}.responsive-button.no-display-name.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:11px!important}.responsive-button.fit-content.large.has-prefix[data-v-a52df3f1]{width:fit-content;padding:11px 23px 11px 15px}.responsive-button.fit-content.large.has-suffix[data-v-a52df3f1]{width:fit-content;padding:11px 15px 11px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:11px 15px}.responsive-button.fill-whole.large[data-v-a52df3f1]{width:100%;padding:11px 7px}.disabled[data-v-a52df3f1]{cursor:not-allowed}.outlined-primary[data-v-a52df3f1]{border:1px solid #1E4670;background:#fff;color:#1e4670}.outlined-primary.held[data-v-a52df3f1]:hover,.outlined-primary[data-v-a52df3f1]:hover{background:#ecf2f8}.outlined-primary.held[data-v-a52df3f1],.outlined-primary.held[data-v-a52df3f1]:active,.outlined-primary.focused[data-v-a52df3f1],.outlined-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.outlined-primary.held.disabled[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1]:hover,.outlined-primary.disabled.focused[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-primary[data-v-a52df3f1]{border:1px solid #1E4670;background:#1e4670;color:#fff}.filled-primary.held[data-v-a52df3f1]:hover,.filled-primary[data-v-a52df3f1]:hover{background:#022a53}.filled-primary.held[data-v-a52df3f1],.filled-primary.held[data-v-a52df3f1]:active,.filled-primary.focused[data-v-a52df3f1],.filled-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#022a53}.filled-primary.held.disabled[data-v-a52df3f1],.filled-primary.disabled[data-v-a52df3f1],.filled-primary.disabled[data-v-a52df3f1]:hover,.filled-primary.disabled.focused .filled-primary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#979797}.text-primary[data-v-a52df3f1]{border:1px solid transparent;background:#fff;color:#1e4670}.text-primary.held[data-v-a52df3f1]:hover,.text-primary[data-v-a52df3f1]:hover{background:#ecf2f8}.text-primary.held[data-v-a52df3f1],.text-primary.held[data-v-a52df3f1]:active,.text-primary.focused[data-v-a52df3f1],.text-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.text-primary.held.disabled[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1]:hover,.text-primary.disabled.focused[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1]:active{color:#979797}.outlined-secondary[data-v-a52df3f1]{border:1px solid #20A8C3;background:#fff;color:#20a8c3}.outlined-secondary.held[data-v-a52df3f1]:hover,.outlined-secondary[data-v-a52df3f1]:hover{background:#e8f0f4}.outlined-secondary.held[data-v-a52df3f1],.outlined-secondary.held[data-v-a52df3f1]:active,.outlined-secondary.focused[data-v-a52df3f1],.outlined-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.outlined-secondary.held.disabled[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1]:hover,.outlined-secondary.disabled.focused[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-secondary[data-v-a52df3f1]{border:1px solid #20A8C3;background:#20a8c3;color:#fff}.filled-secondary.held[data-v-a52df3f1]:hover,.filled-secondary[data-v-a52df3f1]:hover{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#20a8c3;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.filled-secondary.held[data-v-a52df3f1],.filled-secondary.held[data-v-a52df3f1]:active,.filled-secondary.focused[data-v-a52df3f1],.filled-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#20a8c3}.filled-secondary.held.disabled[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1]:hover,.filled-secondary.disabled.focused[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#979797}.text-secondary[data-v-a52df3f1]{border:1px solid transparent;background:#fff;color:#20a8c3}.text-secondary.held[data-v-a52df3f1]:hover,.text-secondary[data-v-a52df3f1]:hover{background:#e8f0f4}.text-secondary.held[data-v-a52df3f1],.text-secondary.held[data-v-a52df3f1]:active,.text-secondary.focused[data-v-a52df3f1],.text-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.text-secondary.held.disabled[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1]:hover,.text-secondary.disabled.focused[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1]:active{color:#979797}.responsive-button-dropdown[data-v-a52df3f1]{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-a52df3f1]{width:100%}.fit-content .responsive-button-dropdown[data-v-a52df3f1]{width:fit-content}.responsive-button-dropdown.sub-dropdown[data-v-a52df3f1]{width:fit-content!important}.responsive-button-dropdown-option[data-v-a52df3f1]{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-a52df3f1]{border-radius:4px!important;background:#faebe6!important}.responsive-button-dropdown-option.disabled[data-v-a52df3f1],.responsive-button-dropdown-option.disabled.hovered[data-v-a52df3f1]{color:#979797!important;cursor:not-allowed!important}.responsive-button-dropdown-option .button-name[data-v-a52df3f1]{text-align:left}.non-web-responsive-button-nested-dropdown-button[data-v-a52df3f1]{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-a52df3f1],.fit-content .non-web-responsive-button-dropdown-option[data-v-a52df3f1]{width:100%}.non-web-responsive-button-dropdown-option[data-v-a52df3f1]{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-a52df3f1]:active{border-radius:4px!important;background:#faebe6!important}.non-web-responsive-button-dropdown-option.disabled[data-v-a52df3f1],.non-web-responsive-button-dropdown-option.disabled[data-v-a52df3f1]:active{color:#979797!important;cursor:not-allowed!important}@media only screen and (max-width:767px){.simplified-notification[data-v-a52df3f1]{padding:8px 12px;gap:8px}.responsive-button.small[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:7px 23px}.responsive-button.fit-content.small.has-prefix[data-v-a52df3f1]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.small.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.small[data-v-a52df3f1]{width:100%;padding:7px}.responsive-button.medium[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:9px 23px}.responsive-button.fit-content.medium.has-prefix[data-v-a52df3f1]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.medium[data-v-a52df3f1]{width:100%;padding:9px 7px}.responsive-button.large[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:10px 23px}.responsive-button.fit-content.large.has-prefix[data-v-a52df3f1]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.large.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.large[data-v-a52df3f1]{width:100%;padding:10px 7px}.responsive-button-dropdown-option[data-v-a52df3f1]{font-size:14px!important;font-weight:400!important;line-height:20px!important;letter-spacing:.25px!important}.responsive-button-dropdown[data-v-a52df3f1]{min-width:267px}}.input-box-unit-wrapper[data-v-9cf7bf2f]{width:100%;display:flex;flex-direction:column;row-gap:8px}.input-box-unit[data-v-9cf7bf2f]{height:fit-content;width:100%;box-sizing:border-box;padding:8px 11px;display:flex;align-items:center;column-gap:12px;border-radius:4px;border:1px solid #BCCCDC;background:#fff;cursor:pointer;position:relative}.input-box-unit[data-v-9cf7bf2f]:hover{border:1px solid #DEE6ED}.input-box-unit.is-focus[data-v-9cf7bf2f]{border:1px solid #9BB2CA}.input-box-unit.has-prefix[data-v-9cf7bf2f],.input-box-unit.has-prefix.has-suffix[data-v-9cf7bf2f]{padding:8px 11px}.input-box-unit.has-suffix[data-v-9cf7bf2f]{padding-left:15px}.input-box-unit.error[data-v-9cf7bf2f]{border:1px solid #DE583F}.input-box-unit.alert[data-v-9cf7bf2f]{border:1px solid #E0961E}.input-box-unit.disabled[data-v-9cf7bf2f]{background:#f2f2f2;cursor:not-allowed}.input-box-unit.disabled[data-v-9cf7bf2f]:hover{border:1px solid #BCCCDC}.input-box[data-v-9cf7bf2f]{flex:1;width:100%;padding:0;background-color:transparent;border:none;outline:none;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px}.input-box[data-v-9cf7bf2f]::placeholder{color:#979797;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-9cf7bf2f]::-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-9cf7bf2f],.suffix-wrapper[data-v-9cf7bf2f]{flex-shrink:0;display:flex;align-items:center;column-gap:8px;min-width:24px;width:fit-content;height:24px}.suffix-wrapper.only-clear-icon[data-v-9cf7bf2f]{min-width:20px}.suffix-wrapper.with-date-icon[data-v-9cf7bf2f]{position:absolute;right:40px}.clear-icon[data-v-9cf7bf2f]{width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-9cf7bf2f]:hover{opacity:1}.hide[data-v-9cf7bf2f]{display:none}.message-container[data-v-9cf7bf2f]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-9cf7bf2f]{color:#de583f}.message-container.alert[data-v-9cf7bf2f]{color:#e0961e}@media only screen and (max-width:767px){.input-box-unit-wrapper[data-v-9cf7bf2f]{row-gap:4px}.input-box-unit[data-v-9cf7bf2f]{padding:7px 11px;column-gap:8px}.input-box-unit.has-prefix[data-v-9cf7bf2f],.input-box-unit.has-prefix.has-suffix[data-v-9cf7bf2f]{padding:7px 11px}.input-box-unit.has-suffix[data-v-9cf7bf2f]{padding-left:13px}.input-box[data-v-9cf7bf2f]{font-size:14px;line-height:20px;letter-spacing:.25px;height:20px}.input-box[data-v-9cf7bf2f]::placeholder{font-size:14px;line-height:20px;letter-spacing:.25px}.input-box[data-v-9cf7bf2f]::-webkit-calendar-picker-indicator{height:20px}.prefix-wrapper[data-v-9cf7bf2f]{min-width:20px;height:20px}.suffix-wrapper[data-v-9cf7bf2f]{min-width:20px;height:20px;column-gap:0px}.suffix-wrapper.with-date-icon[data-v-9cf7bf2f]{right:32px}.clear-icon[data-v-9cf7bf2f]{width:36px;height:36px;box-sizing:border-box;padding:10px}.message-container[data-v-9cf7bf2f]{font-size:14px;line-height:16px}}.single-selector-unit-wrapper[data-v-590c092f]{width:100%;display:flex;flex-direction:column;row-gap:8px;position:relative}.single-selector[data-v-590c092f]{height:fit-content;width:100%;box-sizing:border-box;padding:8px 11px 8px 15px;display:flex;align-items:center;justify-content:space-between;column-gap:12px;border-radius:4px;border:1px solid #BCCCDC;background:#fff;cursor:pointer}.single-selector[data-v-590c092f]:hover{border:1px solid #DEE6ED}.single-selector.has-prefix[data-v-590c092f]{padding-left:11px}.single-selector.is-focus[data-v-590c092f]{border:1px solid #9BB2CA}.single-selector.error[data-v-590c092f]{border:1px solid #DE583F}.single-selector.alert[data-v-590c092f]{border:1px solid #E0961E}.single-selector.disabled[data-v-590c092f]{background:#f2f2f2;cursor:not-allowed}.single-selector.disabled[data-v-590c092f]:hover{border:1px solid #BCCCDC}.selected-content[data-v-590c092f]{flex:1;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-590c092f]{display:none}.content-text[data-v-590c092f]{color:#1c1b1f}.placeholder[data-v-590c092f]{color:#979797}.single-selector.disabled .content-text[data-v-590c092f],.single-selector.disabled .placeholder[data-v-590c092f]{color:#555}.filter-input[data-v-590c092f]{width:100%;border:none;outline:none;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px;padding:0}.default-suffix-pic[data-v-590c092f]{width:100%;height:100%}.prefix-wrapper[data-v-590c092f],.suffix-wrapper[data-v-590c092f]{display:flex;align-items:center;column-gap:4px;flex-shrink:0;min-width:24px;width:fit-content;height:24px}.rotate-0[data-v-590c092f]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-590c092f]{transform:rotate(180deg)}.clear-icon[data-v-590c092f]{width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-590c092f]:hover{opacity:1}.single-selector-dropdown[data-v-590c092f]{width:inherit;height:fit-content;max-height:233px;padding:8px;box-sizing:border-box;border-radius:4px;border:1px solid #BCCCDC;background:#fff;overflow:auto;position:absolute;z-index:1000;top:50px;left:0}.single-selector-dropdown[data-v-590c092f]::-webkit-scrollbar{width:8px}.single-selector-dropdown[data-v-590c092f]::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.single-selector-dropdown[data-v-590c092f]::-webkit-scrollbar-thumb{background-color:transparent}.single-selector-dropdown[data-v-590c092f]:hover::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid #FFFFFF;background-color:#c4c4c4}.single-selector-dropdown[data-v-590c092f]:hover::-webkit-scrollbar-thumb:hover{border-radius:10px;border:2px solid #FFFFFF;background-color:#a8a8a8}.no-data-notes[data-v-590c092f]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#979797;font-family:Roboto;font-size:16px;font-weight:500;line-height:19px;text-align:center}.dropdown-item[data-v-590c092f]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.dropdown-item[data-v-590c092f]:hover{background:#faebe6}.dropdown-item.selected[data-v-590c092f]{font-weight:600}.message-container[data-v-590c092f]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-590c092f]{color:#de583f}.message-container.alert[data-v-590c092f]{color:#e0961e}@media only screen and (max-width:1024px){.single-selector-dropdown[data-v-590c092f]::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid #FFFFFF;background-color:#c4c4c4}}@media only screen and (max-width:767px){.single-selector-unit-wrapper[data-v-590c092f]{row-gap:4px}.single-selector[data-v-590c092f]{column-gap:8px;padding:7px 11px 7px 13px}.selected-content[data-v-590c092f]{font-size:14px;line-height:20px;letter-spacing:.25px}.filter-input[data-v-590c092f]{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;height:20px}.prefix-wrapper[data-v-590c092f],.suffix-wrapper[data-v-590c092f]{min-width:20px;height:20px;display:flex;align-items:center;column-gap:0px;flex-shrink:0}.clear-icon[data-v-590c092f]{width:36px;height:36px;right:32px;box-sizing:border-box;padding:10px}.single-selector-dropdown[data-v-590c092f]{max-height:176px;padding:7px;top:40px}.no-data-notes[data-v-590c092f]{font-size:14px;line-height:20px;letter-spacing:.25px}.dropdown-item[data-v-590c092f]{padding:6px 4px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.message-container[data-v-590c092f]{font-size:14px;line-height:16px}}.checkbox-container[data-v-30aa797a]{display:flex;cursor:pointer;width:fit-content;padding:8px 0}.checkbox-container.disabled[data-v-30aa797a]{cursor:not-allowed}.checkbox-container.small[data-v-30aa797a]{column-gap:10px}.checkbox-container.medium[data-v-30aa797a]{column-gap:11px}.checkbox-input[data-v-30aa797a]{display:flex;align-items:center}.small .checkbox-input[data-v-30aa797a]{height:20px}.medium .checkbox-input[data-v-30aa797a]{height:24px}.checkbox-input-original[data-v-30aa797a]{opacity:0;position:absolute}.checkbox-input-shown[data-v-30aa797a]{box-sizing:border-box;border-radius:2px;position:relative}.small .checkbox-input-shown[data-v-30aa797a]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-30aa797a]{width:24px;height:24px;padding:3px}.checkbox-input-shown[data-v-30aa797a]:hover:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:#ededed;position:absolute}.red .checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#f8ded9}.checked .checkbox-input-shown[data-v-30aa797a]:hover:before{content:"";display:block;border-radius:100%;width:32px;height:32px;position:absolute}.small .checkbox-input-shown[data-v-30aa797a]:hover:before{top:-6px;left:-6px}.medium .checkbox-input-shown[data-v-30aa797a]:hover:before{top:-4px;left:-4px}.disabled .checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:transparent!important}.green .indeterminate .checkbox-input-shown[data-v-30aa797a]:hover:before,.green .checked .checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#e6f2d8}.primary-blue .indeterminate .checkbox-input-shown[data-v-30aa797a]:hover:before,.primary-blue .checked .checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#d2dae2}.secondary-blue .indeterminate .checkbox-input-shown[data-v-30aa797a]:hover:before,.secondary-blue .checked .checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#d2eef3}.red .indeterminate .checkbox-input-shown[data-v-30aa797a]:hover:before,.red .checked .checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#f8ded9}.disabled .indeterminate .checkbox-input-shown[data-v-30aa797a]:hover:before,.disabled .checked .checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:transparent!important}.green .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#d0dbc2}.primary-blue .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#bbc3cd}.secondary-blue .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#bcd7dd}.red .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#f5cdc6}.disabled .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:transparent!important}.green .indeterminate .checkbox-input-shown[data-v-30aa797a]:active:before,.green .checked .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#c6cbbf}.primary-blue .indeterminate .checkbox-input-shown[data-v-30aa797a]:active:before,.primary-blue .checked .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#bcbfc4}.secondary-blue .indeterminate .checkbox-input-shown[data-v-30aa797a]:active:before,.secondary-blue .checked .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#bcc8cc}.red .indeterminate .checkbox-input-shown[data-v-30aa797a]:active:before,.red .checked .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:#f5cdc6}.disabled .indeterminate .checkbox-input-shown[data-v-30aa797a]:active:before,.disabled .checked .checkbox-input-shown[data-v-30aa797a]:active:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:#e4e4e4;position:absolute}.small .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{top:-6px;left:-6px}.medium .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{top:-4px;left:-4px}.red .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{background-color:#f4cac2}.green .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before,.green .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{background-color:#d8eac0}.primary-blue .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before,.primary-blue .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{background-color:#b7c4d1}.secondary-blue .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before,.secondary-blue .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{background-color:#b8e3ec}.red .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before,.red .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{background-color:#f4cac2}.disabled .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before,.disabled .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#ededed}.green .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before,.green .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#e6f2d8}.primary-blue .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before,.primary-blue .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#d2dae2}.secondary-blue .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before,.secondary-blue .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#d2eef3}.red .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before,.red .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:#f8ded9}.disabled .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before,.disabled .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-30aa797a]:hover:before{background-color:transparent!important}.checkbox-input-shown-checkbox[data-v-30aa797a]{width:100%;height:100%;border-radius:2px;box-sizing:border-box;position:relative}.checkbox-input-shown-checkbox[data-v-30aa797a]:after{content:"";display:block;width:100%;height:100%;border-radius:2px;box-sizing:border-box;border:2px solid #49454F;background-color:#fff}.checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-30aa797a]:after{background-color:transparent}.red .checkbox-input-shown-checkbox[data-v-30aa797a]:after{border-color:#de583f;background-color:#fff}.disabled .checkbox-input-shown-checkbox[data-v-30aa797a]:after{border-color:#979797!important;background-color:#fff!important}.disabled .indeterminate .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.disabled .checked .checkbox-input-shown-checkbox[data-v-30aa797a]:after{border-color:#979797!important;background:#979797!important}.green .checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.green .indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.green .indeterminate .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.green .checked .checkbox-input-shown-checkbox[data-v-30aa797a]:after{border-color:#84bc3b;background:#84bc3b}.primary-blue .checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.primary-blue .indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.primary-blue .indeterminate .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.primary-blue .checked .checkbox-input-shown-checkbox[data-v-30aa797a]:after{border-color:#1e4670;background:#1e4670}.secondary-blue .checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.secondary-blue .indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.secondary-blue .indeterminate .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.secondary-blue .checked .checkbox-input-shown-checkbox[data-v-30aa797a]:after{border-color:#20a8c3;background:#20a8c3}.red .checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.red .indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.red .indeterminate .checkbox-input-shown-checkbox[data-v-30aa797a]:after,.red .checked .checkbox-input-shown-checkbox[data-v-30aa797a]:after{border-color:#de583f;background:#de583f}.indeterminate-mark[data-v-30aa797a]:after{content:"";position:absolute;z-index:1;width:10px;height:2px;background-color:#fff}.small .indeterminate-mark[data-v-30aa797a]:after{top:9px;left:5px}.medium .indeterminate-mark[data-v-30aa797a]:after{top:11px;left:7px}.checkmark[data-v-30aa797a]: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-30aa797a]{color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium .checkbox-container-label-wrapper[data-v-30aa797a]{color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.disabled .checkbox-container-label-wrapper[data-v-30aa797a]{color:#979797}.message-container[data-v-30aa797a]{width:var(--message-container-width--, 100%);font-family:Roboto;font-weight:400}.message-container.has-message-min-width[data-v-30aa797a]{min-width:109px}.message-container.error[data-v-30aa797a]{color:#de583f}.small+.message-container[data-v-30aa797a]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-30aa797a]{font-size:16px;line-height:24px;letter-spacing:.5px}@media only screen and (max-width:767px){.checkbox-container.medium[data-v-30aa797a]{column-gap:10px}.medium .checkbox-input[data-v-30aa797a]{height:20px}.medium .checkbox-input-shown[data-v-30aa797a]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-30aa797a]:hover:before{top:-6px;left:-6px}.medium .indeterminate-mark[data-v-30aa797a]:after{top:9px;left:5px}.medium .checkbox-container-label-wrapper[data-v-30aa797a]{color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-30aa797a]{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-be9e3902]{display:flex;flex-direction:column;row-gap:8px}.area-code-phone-input[data-v-be9e3902]{padding:1px 11px 1px 1px;display:flex;align-items:center;box-shadow:inset 0 0 0 1px #bcccdc;border-radius:4px;position:relative}.area-code-phone-input[data-v-be9e3902]:hover{box-shadow:inset 0 0 0 1px #dee6ed}.area-code-phone-input.is-focus[data-v-be9e3902]{box-shadow:inset 0 0 0 1px #9bb2ca}.area-code-phone-input.error[data-v-be9e3902]:hover,.area-code-phone-input.error.is-focus[data-v-be9e3902],.area-code-phone-input.error[data-v-be9e3902]{box-shadow:inset 0 0 0 1px #de583f}.area-code-phone-input.alert[data-v-be9e3902]:hover,.area-code-phone-input.alert.is-focus[data-v-be9e3902],.area-code-phone-input.alert[data-v-be9e3902]{box-shadow:inset 0 0 0 1px #e0961e}.area-code-phone-input.disabled[data-v-be9e3902]:hover,.area-code-phone-input.disabled.is-focus[data-v-be9e3902],.area-code-phone-input.disabled[data-v-be9e3902]{box-shadow:inset 0 0 0 1px #bcccdc!important;background:#f2f2f2;cursor:not-allowed}.country-area-code-selector-wrapper[data-v-be9e3902]{max-width:114px}.phone-number-input-wrapper[data-v-be9e3902]{flex:1}[data-v-be9e3902] .single-selector.disabled:hover,[data-v-be9e3902] .single-selector.has-prefix,[data-v-be9e3902] .single-selector:hover,[data-v-be9e3902] .single-selector.is-focus,[data-v-be9e3902] .single-selector{border:none;column-gap:4px}[data-v-be9e3902] .single-selector-unit-wrapper{position:static}[data-v-be9e3902] .single-selector.has-prefix .selected-content.content-text{display:none}[data-v-be9e3902] .single-selector.has-prefix.is-focus .selected-content.content-text{display:block}[data-v-be9e3902] .single-selector.has-prefix.is-focus .prefix-wrapper{display:none}[data-v-be9e3902] .single-selector .selected-content{letter-spacing:.25px}.country-selector-prefix[data-v-be9e3902]{width:100%;height:100%}.area-code-container[data-v-be9e3902]{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-be9e3902]{color:#979797}[data-v-be9e3902] .input-box-unit.disabled:hover,[data-v-be9e3902] .input-box-unit:hover,[data-v-be9e3902] .input-box-unit.is-focus,[data-v-be9e3902] .input-box-unit{border:none}.suffix-wrapper[data-v-be9e3902]{display:flex;align-items:center;column-gap:4px;flex-shrink:0;height:24px}.clear-icon[data-v-be9e3902]{flex-shrink:0;width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-be9e3902]:hover{opacity:1}.hide[data-v-be9e3902]{display:none}.message-container[data-v-be9e3902]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-be9e3902]{color:#de583f}.message-container.alert[data-v-be9e3902]{color:#e0961e}@media only screen and (max-width: 767px){.area-code-phone-input-unit-wrapper[data-v-be9e3902]{row-gap:4px}.country-area-code-selector-wrapper[data-v-be9e3902]{max-width:89px}[data-v-be9e3902] .single-selector.disabled:hover,[data-v-be9e3902] .single-selector.has-prefix,[data-v-be9e3902] .single-selector:hover,[data-v-be9e3902] .single-selector.is-focus,[data-v-be9e3902] .single-selector{box-shadow:none;column-gap:2px}.suffix-wrapper[data-v-be9e3902]{height:20px;column-gap:0px}.clear-icon[data-v-be9e3902]{width:36px;height:36px;box-sizing:border-box;padding:10px}.message-container[data-v-be9e3902]{font-size:14px;line-height:16px}}.group-checkbox-container[data-v-3a91062e]{width:fit-content}.component-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.whole-page-loading-spinner-container{width:123px;display:flex;flex-direction:column;align-items:center;row-gap:20px}.whole-page-loading-spinner-icon-container{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;position:relative}.whole-page-loading-progress-circle-div{content:"";width:100%;height:100%;box-sizing:border-box;border:5px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{content:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e");height:24px;width:24px;animation:flip 5s infinite;position:absolute;top:18px;left:18px}.whole-page-loading-text-div:after{content:"Loading";color:#20a8c3;font-family:Roboto;font-size:28px;font-weight:400;line-height:36px;animation:loading_dots 3s steps(1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flip{0%{transform:rotate(0)}20%{transform:rotate(180deg)}50%{transform:rotate(180deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes loading_dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}#floating-notifications-container{display:flex;flex-direction:column;row-gap:16px;align-items:flex-end;height:fit-content;width:32%;min-width:360px;padding:94px 60px 94px 0;position:fixed;z-index:999;top:0;right:0}@media only screen and (max-width:1024px){#floating-notifications-container{padding:24px 16px 24px 0}}@media only screen and (max-width:767px){#floating-notifications-container{width:100vw;box-sizing:border-box;row-gap:12px;align-items:center;padding:12px 16px}}`)),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { openBlock as s, createElementBlock as a, normalizeClass as _, createElementVNode as u, toDisplayString as v, createCommentVNode as p, renderSlot as b, ref as f, onMounted as Q, onUnmounted as be, resolveComponent as Ce, resolveDirective as ge, withDirectives as S, normalizeStyle as D, Fragment as V, renderList as G, createBlock as Ne, mergeProps as Be, vModelDynamic as Te, vModelText as ke, vModelCheckbox as Ie, createTextVNode as X, vModelRadio as W, computed as M, watch as x, createVNode as F, createSlots as xe, withCtx as Se, provide as K, createApp as Le, h as Me } from "vue";
-const q = "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", Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.fade-out[data-v-b9afac50]{animation:fadeOut-b9afac50 var(--fade-out-duration-ms, 3s) forwards}@keyframes fadeOut-b9afac50{0%{opacity:1}90%{opacity:.8}to{opacity:0}}.simplified-notification[data-v-b9afac50]{width:100%;padding:12px 16px;border-radius:8px;display:flex;gap:12px;align-items:stretch;box-sizing:border-box;position:relative}.simplified-notification.blue[data-v-b9afac50]{background:#e8f4fd}.simplified-notification.red[data-v-b9afac50]{background:#faeaea}.simplified-notification.yellow[data-v-b9afac50]{background:#fff7df}.simplified-notification.green[data-v-b9afac50]{background:#ebf4ec}.prefix_icon[data-v-b9afac50]{width:24px;height:24px}.prefix-icon-container[data-v-b9afac50]{display:flex;align-items:flex-start}.close-btn-container[data-v-b9afac50]{display:flex;flex-direction:column}.close-btn[data-v-b9afac50]{cursor:pointer}.notifiction-text[data-v-b9afac50]{width:100%;color:#000;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;white-space:normal;word-break:break-word}.content-wrapper[data-v-b9afac50]{width:100%}.title[data-v-b9afac50]{color:#000;font-family:Roboto;font-size:14px;font-weight:600;line-height:16px;margin-bottom:4px}.content-details[data-v-b9afac50]{min-height:24px;display:flex;align-items:center}@media only screen and (max-width:767px){.simplified-notification[data-v-b9afac50]{padding:8px 12px;gap:8px}}.responsive-button-wrapper[data-v-b993e836]{position:relative}.responsive-button-wrapper.fill-whole[data-v-b993e836]{width:100%;height:fit-content}.responsive-button-wrapper.fit-content[data-v-b993e836]{width:fit-content;height:fit-content}.responsive-button-wrapper[data-v-b993e836] .component-loading-spinner{border-radius:4px}.responsive-button-wrapper[data-v-b993e836] .component-loading-spinner:after{height:25px;width:25px}.responsive-button[data-v-b993e836]{height:fit-content;box-sizing:border-box;border-radius:4px;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Roboto;cursor:pointer}.responsive-button.fit-content[data-v-b993e836]{min-width:90px}.responsive-button.no-display-name[data-v-b993e836]{min-width:0px!important}.button-content[data-v-b993e836]{display:flex;column-gap:8px;align-items:center}.prefix-wrapper[data-v-b993e836],.suffix-wrapper[data-v-b993e836]{width:20px;height:20px;flex-shrink:0}.rotate-0[data-v-b993e836]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-b993e836]{transform:rotate(180deg)}.responsive-button.xsmall[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.xsmall[data-v-b993e836]{width:fit-content;padding:7px 23px}.responsive-button.no-display-name.fit-content.xsmall[data-v-b993e836]{width:fit-content;padding:7px!important}.responsive-button.fit-content.xsmall.has-prefix[data-v-b993e836]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.xsmall.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.xsmall.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.xsmall[data-v-b993e836]{width:100%;padding:7px}.responsive-button.small[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-b993e836]{width:fit-content;padding:9px 23px}.responsive-button.no-display-name.fit-content.small[data-v-b993e836]{width:fit-content;padding:9px!important}.responsive-button.fit-content.small.has-prefix[data-v-b993e836]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.small.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.small[data-v-b993e836]{width:100%;padding:9px 7px}.responsive-button.medium[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-b993e836]{width:fit-content;padding:10px 23px}.responsive-button.no-display-name.fit-content.medium[data-v-b993e836]{width:fit-content;padding:10px!important}.responsive-button.fit-content.medium.has-prefix[data-v-b993e836]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.medium[data-v-b993e836]{width:100%;padding:10px 7px}.responsive-button.large[data-v-b993e836]{font-size:16px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-b993e836]{width:fit-content;padding:11px 23px}.responsive-button.no-display-name.fit-content.large[data-v-b993e836]{width:fit-content;padding:11px!important}.responsive-button.fit-content.large.has-prefix[data-v-b993e836]{width:fit-content;padding:11px 23px 11px 15px}.responsive-button.fit-content.large.has-suffix[data-v-b993e836]{width:fit-content;padding:11px 15px 11px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:11px 15px}.responsive-button.fill-whole.large[data-v-b993e836]{width:100%;padding:11px 7px}.disabled[data-v-b993e836]{cursor:not-allowed}.outlined-primary[data-v-b993e836]{border:1px solid #1E4670;background:#fff;color:#1e4670}.outlined-primary.held[data-v-b993e836]:hover,.outlined-primary[data-v-b993e836]:hover{background:#ecf2f8}.outlined-primary.held[data-v-b993e836],.outlined-primary.held[data-v-b993e836]:active,.outlined-primary.focused[data-v-b993e836],.outlined-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.outlined-primary.held.disabled[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836]:hover,.outlined-primary.disabled.focused[data-v-b993e836],.outlined-primary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-primary[data-v-b993e836]{border:1px solid #1E4670;background:#1e4670;color:#fff}.filled-primary.held[data-v-b993e836]:hover,.filled-primary[data-v-b993e836]:hover{background:#022a53}.filled-primary.held[data-v-b993e836],.filled-primary.held[data-v-b993e836]:active,.filled-primary.focused[data-v-b993e836],.filled-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#022a53}.filled-primary.held.disabled[data-v-b993e836],.filled-primary.disabled[data-v-b993e836],.filled-primary.disabled[data-v-b993e836]:hover,.filled-primary.disabled.focused .filled-primary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#979797}.text-primary[data-v-b993e836]{border:1px solid transparent;background:#fff;color:#1e4670}.text-primary.held[data-v-b993e836]:hover,.text-primary[data-v-b993e836]:hover{background:#ecf2f8}.text-primary.held[data-v-b993e836],.text-primary.held[data-v-b993e836]:active,.text-primary.focused[data-v-b993e836],.text-primary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.text-primary.held.disabled[data-v-b993e836],.text-primary.disabled[data-v-b993e836],.text-primary.disabled[data-v-b993e836]:hover,.text-primary.disabled.focused[data-v-b993e836],.text-primary.disabled[data-v-b993e836]:active{color:#979797}.outlined-secondary[data-v-b993e836]{border:1px solid #20A8C3;background:#fff;color:#20a8c3}.outlined-secondary.held[data-v-b993e836]:hover,.outlined-secondary[data-v-b993e836]:hover{background:#e8f0f4}.outlined-secondary.held[data-v-b993e836],.outlined-secondary.held[data-v-b993e836]:active,.outlined-secondary.focused[data-v-b993e836],.outlined-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.outlined-secondary.held.disabled[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836]:hover,.outlined-secondary.disabled.focused[data-v-b993e836],.outlined-secondary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-secondary[data-v-b993e836]{border:1px solid #20A8C3;background:#20a8c3;color:#fff}.filled-secondary.held[data-v-b993e836]:hover,.filled-secondary[data-v-b993e836]:hover{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#20a8c3;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.filled-secondary.held[data-v-b993e836],.filled-secondary.held[data-v-b993e836]:active,.filled-secondary.focused[data-v-b993e836],.filled-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#20a8c3}.filled-secondary.held.disabled[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836]:hover,.filled-secondary.disabled.focused[data-v-b993e836],.filled-secondary.disabled[data-v-b993e836]:active{border:1px solid #979797;background:#979797}.text-secondary[data-v-b993e836]{border:1px solid transparent;background:#fff;color:#20a8c3}.text-secondary.held[data-v-b993e836]:hover,.text-secondary[data-v-b993e836]:hover{background:#e8f0f4}.text-secondary.held[data-v-b993e836],.text-secondary.held[data-v-b993e836]:active,.text-secondary.focused[data-v-b993e836],.text-secondary[data-v-b993e836]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.text-secondary.held.disabled[data-v-b993e836],.text-secondary.disabled[data-v-b993e836],.text-secondary.disabled[data-v-b993e836]:hover,.text-secondary.disabled.focused[data-v-b993e836],.text-secondary.disabled[data-v-b993e836]:active{color:#979797}.responsive-button-dropdown[data-v-b993e836]{min-width:300px;padding:9px 12px;box-sizing:border-box;border-radius:4px;background:#fff;box-shadow:0 4px 8px #00000026,0 1px 3px #0000004d;position:absolute;z-index:1000}.fill-whole .responsive-button-dropdown[data-v-b993e836]{width:100%}.fit-content .responsive-button-dropdown[data-v-b993e836]{width:fit-content}.responsive-button-dropdown.sub-dropdown[data-v-b993e836]{width:fit-content!important}.responsive-button-dropdown-option[data-v-b993e836]{width:100%!important;padding:12px 8px!important;border:none!important;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff!important;color:#1c1b1f!important;font-family:Roboto!important;font-size:16px!important;font-weight:400!important;line-height:19px!important;cursor:pointer}.responsive-button-dropdown-option.hovered[data-v-b993e836]{border-radius:4px!important;background:#faebe6!important}.responsive-button-dropdown-option.disabled[data-v-b993e836],.responsive-button-dropdown-option.disabled.hovered[data-v-b993e836]{color:#979797!important;cursor:not-allowed!important}.responsive-button-dropdown-option .button-name[data-v-b993e836]{text-align:left}.non-web-responsive-button-nested-dropdown-button[data-v-b993e836]{width:100%!important;box-sizing:border-box;padding:12px 8px;border-bottom:1px solid #BCCCDC;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.fill-whole .non-web-responsive-button-dropdown-option[data-v-b993e836],.fit-content .non-web-responsive-button-dropdown-option[data-v-b993e836]{width:100%}.non-web-responsive-button-dropdown-option[data-v-b993e836]{box-sizing:border-box;padding:12px 8px;display:flex;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.non-web-responsive-button-dropdown-option[data-v-b993e836]:active{border-radius:4px!important;background:#faebe6!important}.non-web-responsive-button-dropdown-option.disabled[data-v-b993e836],.non-web-responsive-button-dropdown-option.disabled[data-v-b993e836]:active{color:#979797!important;cursor:not-allowed!important}@media only screen and (max-width:767px){.simplified-notification[data-v-b993e836]{padding:8px 12px;gap:8px}.responsive-button.small[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-b993e836]{width:fit-content;padding:7px 23px}.responsive-button.fit-content.small.has-prefix[data-v-b993e836]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.small.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.small[data-v-b993e836]{width:100%;padding:7px}.responsive-button.medium[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-b993e836]{width:fit-content;padding:9px 23px}.responsive-button.fit-content.medium.has-prefix[data-v-b993e836]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.medium[data-v-b993e836]{width:100%;padding:9px 7px}.responsive-button.large[data-v-b993e836]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-b993e836]{width:fit-content;padding:10px 23px}.responsive-button.fit-content.large.has-prefix[data-v-b993e836]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.large.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-b993e836]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.large[data-v-b993e836]{width:100%;padding:10px 7px}.responsive-button-dropdown-option[data-v-b993e836]{font-size:14px!important;font-weight:400!important;line-height:20px!important;letter-spacing:.25px!important}.responsive-button-dropdown[data-v-b993e836]{min-width:267px}}.dynamic-color-responsive-button-container.fit-content[data-v-41cc1a6c]{width:fit-content}.dynamic-color-responsive-button-container.fill-whole[data-v-41cc1a6c]{width:100%}.dynamic-color-responsive-button-container.icon-button[data-v-41cc1a6c]{width:fit-content;min-width:48px}.fill-whole .dynamic-color-responsive-button[data-v-41cc1a6c],.icon-button .dynamic-color-responsive-button[data-v-41cc1a6c]{width:100%}.fit-content .dynamic-color-responsive-button[data-v-41cc1a6c]{width:fit-content}.dynamic-color-responsive-button[data-v-41cc1a6c]{box-sizing:border-box;height:fit-content;display:flex;align-items:center;justify-content:center;cursor:pointer}.disabled .dynamic-color-responsive-button[data-v-41cc1a6c]{cursor:not-allowed}.small .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:48px;padding:4px 0}.medium .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:56px}.large .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:96px}.xlarge .dynamic-color-responsive-button[data-v-41cc1a6c]{min-height:136px}.fit-content .dynamic-color-responsive-button-content[data-v-41cc1a6c],.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{width:fit-content}.fill-whole .dynamic-color-responsive-button-content[data-v-41cc1a6c]{width:100%}.dynamic-color-responsive-button-content[data-v-41cc1a6c]{display:flex;align-items:center;justify-content:center;background:var(--button-background-color--);color:var(--button-text-color--);border-radius:var(--button-border-radius--);border-style:solid;border-color:var(--button-border-color--);transition:all .2s ease-in-out}.elevated .dynamic-color-responsive-button-content[data-v-41cc1a6c]{box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.disabled .dynamic-color-responsive-button-content[data-v-41cc1a6c],.disabled .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-41cc1a6c],.disabled .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-41cc1a6c],.disabled .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:var(--button-background-color--)!important;border-radius:var(--button-border-radius--)!important}.has-interaction-effect .dynamic-color-responsive-button:hover .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 8%)}.has-interaction-effect .dynamic-color-responsive-button.focus .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 10%)}.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{background:color-mix(in srgb,var(--button-background-color--),var(--button-text-color--) 16%)}.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:8px}.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:12px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c],.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:9px 15px;column-gap:8px}.medium .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:15px 23px;column-gap:8px}.large .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:2px;padding:30px 46px;column-gap:12px}.xlarge .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:2px;padding:46px 62px;column-gap:16px}.small.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:7px}.medium.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:15px}.large.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:30px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:46px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:3px;padding-right:3px}.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:11px;padding-right:11px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:14px;padding-right:14px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:30px;padding-right:30px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:13px;padding-right:13px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:23px;padding-right:23px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:46px;padding-right:46px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:70px;padding-right:70px}.prefix-raw-html-slot[data-v-41cc1a6c],.suffix-raw-html-slot[data-v-41cc1a6c]{width:100%;height:100%}[data-v-41cc1a6c] .prefix-wrapper>svg,[data-v-41cc1a6c] .suffix-wrapper>svg,[data-v-41cc1a6c] .prefix-raw-html-slot>svg,[data-v-41cc1a6c] .suffix-raw-html-slot>svg,[data-v-41cc1a6c] .prefix-wrapper>img,[data-v-41cc1a6c] .suffix-wrapper>img,[data-v-41cc1a6c] .prefix-raw-html-slot>img,[data-v-41cc1a6c] .suffix-raw-html-slot>img{width:100%;height:100%}.small .prefix-wrapper[data-v-41cc1a6c],.small .suffix-wrapper[data-v-41cc1a6c]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.small.icon-button .prefix-wrapper[data-v-41cc1a6c],.small.icon-button .suffix-wrapper[data-v-41cc1a6c],.medium .prefix-wrapper[data-v-41cc1a6c],.medium .suffix-wrapper[data-v-41cc1a6c]{width:24px;height:24px;padding:2px;box-sizing:border-box}.large .prefix-wrapper[data-v-41cc1a6c],.large .suffix-wrapper[data-v-41cc1a6c]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.xlarge .prefix-wrapper[data-v-41cc1a6c],.xlarge .suffix-wrapper[data-v-41cc1a6c]{width:40px;height:40px;padding:3.33px;box-sizing:border-box}.button-name-wrapper[data-v-41cc1a6c]{color:var(--button-text-color--);font-family:Roboto;font-style:normal}.medium .button-name-wrapper[data-v-41cc1a6c]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.large .button-name-wrapper[data-v-41cc1a6c]{font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}.xlarge .button-name-wrapper[data-v-41cc1a6c]{font-size:32px;font-weight:400;line-height:40px;letter-spacing:0}.fit-content .dynamic-color-responsive-button-content .button-name-wrapper[data-v-41cc1a6c]{white-space:nowrap}.fill-whole .dynamic-color-responsive-button-content .button-name-wrapper[data-v-41cc1a6c]{white-space:wrap}@media only screen and (max-width: 767px){.small.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c],.medium.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:8px}.large.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:12px}.xlarge.has-interaction-effect .dynamic-color-responsive-button:active .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-radius:16px}.small .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:5px 11px;column-gap:4cqb}.medium .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:9px 15px;column-gap:8px}.large .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:1px;padding:15px 23px;column-gap:8px}.xlarge .dynamic-color-responsive-button-content[data-v-41cc1a6c]{border-width:2px;padding:30px 46px;column-gap:12px}.small.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:5px}.medium.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:7px}.large.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:15px}.xlarge.icon-button .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding:30px}.small.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c],.medium.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:3px;padding-right:3px}.large.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:11px;padding-right:11px}.xlarge.icon-button.narrow .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:14px;padding-right:14px}.small.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:9px;padding-right:9px}.medium.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:13px;padding-right:13px}.large.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:23px;padding-right:23px}.xlarge.icon-button.wide .dynamic-color-responsive-button-content[data-v-41cc1a6c]{padding-left:46px;padding-right:46px}.small.icon-button .prefix-wrapper[data-v-41cc1a6c],.small.icon-button .suffix-wrapper[data-v-41cc1a6c],.medium .prefix-wrapper[data-v-41cc1a6c],.medium .suffix-wrapper[data-v-41cc1a6c]{width:20px;height:20px;padding:1.67px;box-sizing:border-box}.medium.icon-button .prefix-wrapper[data-v-41cc1a6c],.medium.icon-button .suffix-wrapper[data-v-41cc1a6c],.large .prefix-wrapper[data-v-41cc1a6c],.large .suffix-wrapper[data-v-41cc1a6c]{width:24px;height:24px;padding:2px;box-sizing:border-box}.xlarge .prefix-wrapper[data-v-41cc1a6c],.xlarge .suffix-wrapper[data-v-41cc1a6c]{width:32px;height:32px;padding:2.67px;box-sizing:border-box}.small .button-name-wrapper[data-v-41cc1a6c],.medium .button-name-wrapper[data-v-41cc1a6c]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.large .button-name-wrapper[data-v-41cc1a6c]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:.15px}.xlarge .button-name-wrapper[data-v-41cc1a6c]{font-size:24px;font-weight:400;line-height:32px;letter-spacing:0}}.input-box-unit-wrapper[data-v-3e172ef2]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-3e172ef2]{width:100%}.label-outside .label-text[data-v-3e172ef2]{color:#434956;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.label-outside .required-icon[data-v-3e172ef2]{color:var(--semantic-error-color--);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box-unit[data-v-3e172ef2]{height:48px;width:100%;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;column-gap:4px;cursor:pointer;position:relative}.input-box-unit.has-prefix[data-v-3e172ef2]{padding-left:0}.input-box-unit.has-suffix[data-v-3e172ef2]{padding-right:0}.filled .input-box-unit[data-v-3e172ef2]{background:var(--input-box-background-color--);border-radius:4px 4px 0 0;box-shadow:inset 0 var(--input-box-border-width--) 0 var(--input-box-border-color--)}.outlined .input-box-unit[data-v-3e172ef2]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.input-box-unit.disabled[data-v-3e172ef2]{cursor:not-allowed}.filled .input-box-unit.disabled[data-v-3e172ef2]{background:var(--disabled-button-background-color--)}.input-box-wrapper[data-v-3e172ef2]{flex:1;padding:4px 0}.label-inside[data-v-3e172ef2]{width:fit-content}.outlined .label-inside[data-v-3e172ef2]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-3e172ef2]{color:var(--inside-label-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.label-inside .required-icon[data-v-3e172ef2]{color:var(--semantic-error-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .label-inside .required-icon[data-v-3e172ef2]{color:var(--disabled-color--)}.input-box[data-v-3e172ef2]{width:100%;padding:0;background-color:transparent;border:none;outline:none;color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px}.disabled .input-box[data-v-3e172ef2]{color:var(--disabled-color--)}.input-box[data-v-3e172ef2]::placeholder{color:var(--disabled-color--);font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-3e172ef2]::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4698_42665)'%3e%3cpath%20d='M15.8333%203.33464H15V1.66797H13.3333V3.33464H6.66667V1.66797H5V3.33464H4.16667C3.24167%203.33464%202.50833%204.08464%202.50833%205.0013L2.5%2016.668C2.5%2017.5846%203.24167%2018.3346%204.16667%2018.3346H15.8333C16.75%2018.3346%2017.5%2017.5846%2017.5%2016.668V5.0013C17.5%204.08464%2016.75%203.33464%2015.8333%203.33464ZM15.8333%2016.668H4.16667V8.33464H15.8333V16.668ZM15.8333%206.66797H4.16667V5.0013H15.8333V6.66797ZM10%2010.8346H14.1667V15.0013H10V10.8346Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4698_42665'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;height:24px}.prefix-wrapper[data-v-3e172ef2],.suffix-wrapper[data-v-3e172ef2]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.message-container[data-v-3e172ef2]{width:100%;box-sizing:border-box;padding:0 16px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .message-container[data-v-3e172ef2]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-3e172ef2]{color:#434956}.message-container .error[data-v-3e172ef2]{color:var(--semantic-error-color--)}.message-container .alert[data-v-3e172ef2]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.input-box-unit[data-v-3e172ef2]{height:48px}}.dropdown-menu-item-wrapper[data-v-be13e5b7]{position:relative}.dropdown-menu-item[data-v-be13e5b7]{height:fit-content;display:flex;align-items:center;column-gap:12px;justify-content:space-between;background:transparent;color:#17181c;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px;cursor:pointer}.dropdown-menu-item.selected[data-v-be13e5b7]{color:#2e466b;font-weight:500}.small .dropdown-menu-item[data-v-be13e5b7]{min-height:40px;height:fit-content;padding:8px 12px}.medium .dropdown-menu-item[data-v-be13e5b7]{min-height:48px;height:fit-content;padding:12px}.large .dropdown-menu-item[data-v-be13e5b7]{min-height:56px;height:fit-content;padding:16px 12px}.dropdown-menu-item[data-v-be13e5b7]:hover{background:var(--State-Layers-On-Surface-Opacity-08, rgba(23, 24, 28, .08));color:#2e466b}.dropdown-menu-item.focus[data-v-be13e5b7]{background:var(--State-Layers-On-Surface-Opacity-10, rgba(23, 24, 28, .1));color:#2e466b}.dropdown-menu-item[data-v-be13e5b7]:active{background:var(--Schemes-Secondary-Container, #DBE3F0);color:#2e466b}.dropdown-menu-item.disabled[data-v-be13e5b7],.dropdown-menu-item.disabled[data-v-be13e5b7]:hover{color:var(--disabled-color--)!important;cursor:not-allowed!important}.dropdown-menu-item-content[data-v-be13e5b7]{display:flex;align-items:center;column-gap:12px;white-space:nowrap}.prefix-wrapper[data-v-be13e5b7]{color:#434956;width:24px;height:24px}.disabled .prefix-wrapper[data-v-be13e5b7]{color:var(--disabled-color--)!important}.suffix-wrapper[data-v-be13e5b7]{color:#434956;width:24px;height:24px}.disabled .suffix-wrapper[data-v-be13e5b7]{color:var(--disabled-color--)!important}.prefix-raw-html-slot[data-v-be13e5b7],.suffix-raw-html-slot[data-v-be13e5b7]{width:100%;height:100%}[data-v-be13e5b7] .prefix-wrapper>svg,[data-v-be13e5b7] .suffix-wrapper>svg,[data-v-be13e5b7] .prefix-raw-html-slot>svg,[data-v-be13e5b7] .suffix-raw-html-slot>svg,[data-v-be13e5b7] .prefix-wrapper>img,[data-v-be13e5b7] .suffix-wrapper>img,[data-v-be13e5b7] .prefix-raw-html-slot>img,[data-v-be13e5b7] .suffix-raw-html-slot>img{width:100%;height:100%}.dropdown-icon[data-v-be13e5b7]{width:100%;height:100%;transform:rotate(0);transition:all .3s}.rotate-180[data-v-be13e5b7]{transform:rotate(180deg)}.dropdown-menu-item-dropdown-wrapper[data-v-be13e5b7]{min-width:90px}.dropdown-menu-item-dropdown-wrapper.web-version[data-v-be13e5b7]{position:absolute;z-index:999}.dropdown-menu-item-divider[data-v-be13e5b7]{padding:8px 0;box-sizing:border-box}.dropdown-menu-item-divider[data-v-be13e5b7]:after{content:"";display:block;width:100%;height:1px;background:var(--Schemes-Outline-Variant, #C6CAD2)}.text[data-v-be13e5b7]{white-space:nowrap}.text.wrap-text[data-v-be13e5b7]{white-space:normal;word-break:break-all}.dropdown-menu.with-box-shadow[data-v-79082aa2]{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.dropdown-menu.fill-whole[data-v-79082aa2]{width:100%}.dropdown-menu.fit-content[data-v-79082aa2]{width:fit-content}.dropdown-menu[data-v-79082aa2]{padding:8px 0;border-radius:4px;background:#eeeff1;min-width:90px}.no-data-notes[data-v-79082aa2]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#17181c;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.5px;text-align:center}.dropdown[data-v-0e002b66]{position:absolute;top:100%;left:0;z-index:999}.single-selector-unit-wrapper[data-v-0e002b66]{width:100%;display:flex;flex-direction:column;row-gap:4px;position:relative}.label-outside[data-v-0e002b66]{width:100%}.label-outside .label-text[data-v-0e002b66]{color:#434956;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.label-outside .required-icon[data-v-0e002b66]{color:var(--semantic-error-color--);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.single-selector[data-v-0e002b66]{height:48px;width:100%;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;justify-content:space-between;column-gap:4px;cursor:pointer}.single-selector.has-prefix[data-v-0e002b66]{padding-left:0}.single-selector.has-suffix[data-v-0e002b66]{padding-right:0}.filled .single-selector[data-v-0e002b66]{background:var(--input-box-background-color--);border-radius:4px 4px 0 0;box-shadow:inset 0 var(--input-box-border-width--) 0 var(--input-box-border-color--)}.outlined .single-selector[data-v-0e002b66]{border-radius:4px;box-shadow:inset 0 0 0 var(--input-box-border-width--) var(--input-box-border-color--)}.single-selector.disabled[data-v-0e002b66]{cursor:not-allowed}.filled .single-selector.disabled[data-v-0e002b66]{background:var(--disabled-button-background-color--)}.selected-content-wrapper[data-v-0e002b66]{flex:1;padding:4px 0}.label-inside[data-v-0e002b66]{width:fit-content}.outlined .label-inside[data-v-0e002b66]{padding:0 4px;background:#f9f9fa;position:absolute;top:-8px;left:16px;z-index:1}.label-inside .label-text[data-v-0e002b66]{color:var(--inside-label-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.label-inside .required-icon[data-v-0e002b66]{color:var(--semantic-error-color--);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .label-inside .required-icon[data-v-0e002b66]{color:var(--disabled-color--)}.selected-content[data-v-0e002b66]{width:100%;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide[data-v-0e002b66]{display:none}.selected-content.content-text[data-v-0e002b66]{color:#17181c}.disabled .selected-content.content-text[data-v-0e002b66],.selected-content.placeholder[data-v-0e002b66]{color:var(--disabled-color--)}.filter-input[data-v-0e002b66]{width:100%;background:transparent;border:none;outline:none;color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px;padding:0}.prefix-wrapper[data-v-0e002b66],.suffix-wrapper[data-v-0e002b66]{flex-shrink:0;display:flex;align-items:center;width:fit-content;height:fit-content}.rotate-0[data-v-0e002b66]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-0e002b66]{transform:rotate(180deg)}.single-selector-dropdown[data-v-0e002b66]{width:100%;height:fit-content;box-sizing:border-box;position:absolute;z-index:1000;top:100%;left:0}.single-selector-dropdown.no-data[data-v-0e002b66]{padding:8px 12px;border-radius:4px;background:#eeeff1;min-width:90px;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.message-container[data-v-0e002b66]{width:100%;box-sizing:border-box;padding:0 16px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px}.disabled .message-container[data-v-0e002b66]{color:var(--disabled-color--)!important}.message-container .customized-supporting-text[data-v-0e002b66]{color:#434956}.message-container .error[data-v-0e002b66]{color:var(--semantic-error-color--)}.message-container .alert[data-v-0e002b66]{color:var(--semantic-alert-color--)}@media only screen and (max-width:767px){.single-selector[data-v-0e002b66]{height:48px}}.checkbox-container[data-v-5344ab55]{display:flex;cursor:pointer;width:fit-content;padding:8px 0}.checkbox-container.disabled[data-v-5344ab55]{cursor:not-allowed}.checkbox-container.small[data-v-5344ab55]{column-gap:10px}.checkbox-container.medium[data-v-5344ab55]{column-gap:11px}.checkbox-input[data-v-5344ab55]{display:flex;align-items:center}.small .checkbox-input[data-v-5344ab55]{height:20px}.medium .checkbox-input[data-v-5344ab55]{height:24px}.checkbox-input-original[data-v-5344ab55]{opacity:0;position:absolute}.checkbox-input-shown[data-v-5344ab55]{box-sizing:border-box;border-radius:2px;position:relative}.small .checkbox-input-shown[data-v-5344ab55]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-5344ab55]{width:24px;height:24px;padding:3px}.checkbox-input-shown[data-v-5344ab55]:hover:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:var(--checkbox-theme-color--);opacity:8%;position:absolute}.small .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-6px;left:-6px}.medium .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-4px;left:-4px}.disabled .checkbox-input-shown[data-v-5344ab55]:hover:before{background-color:transparent!important}.checkbox-input-shown[data-v-5344ab55]:active:before{background-color:var(--checkbox-theme-color--);opacity:16%}.disabled .checkbox-input-shown[data-v-5344ab55]:active:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{content:"";display:block;border-radius:100%;width:32px;height:32px;background-color:var(--checkbox-theme-color--);opacity:10%;position:absolute}.small .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{top:-6px;left:-6px}.medium .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{top:-4px;left:-4px}.disabled .indeterminate .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before,.disabled .checked .checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:before{background-color:transparent!important}.checkbox-input-original:focus+.checkbox-input-shown[data-v-5344ab55]:hover:before{background-color:var(--checkbox-theme-color--);opacity:8%}.checkbox-input-shown-checkbox[data-v-5344ab55]{width:100%;height:100%;border-radius:2px;box-sizing:border-box;position:relative}.checkbox-input-shown-checkbox[data-v-5344ab55]:after{content:"";display:block;width:100%;height:100%;border-radius:2px;box-sizing:border-box;border:2px solid hsl(226,8%,10%)}.checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checked .checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:var(--checkbox-theme-color--)}.indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:var(--checkbox-theme-color--)}.checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checkbox-input-shown:hover .checkbox-input-shown-checkbox[data-v-5344ab55]:after{background-color:transparent}.error .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--checkbox-theme-color--)}.disabled .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--disabled-color--)!important}.disabled .indeterminate .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.disabled .checked .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--disabled-color--)!important;background:var(--disabled-color--)!important}.checked .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-original:focus+.checkbox-input-shown .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.indeterminate .checkbox-input-shown-checkbox[data-v-5344ab55]:after,.checked .checkbox-input-shown-checkbox[data-v-5344ab55]:after{border-color:var(--checkbox-theme-color--);background:var(--checkbox-theme-color--)}.indeterminate-mark[data-v-5344ab55]:after{content:"";position:absolute;z-index:1;width:10px;height:2px;background-color:#fff}.small .indeterminate-mark[data-v-5344ab55]:after{top:9px;left:5px}.medium .indeterminate-mark[data-v-5344ab55]:after{top:11px;left:7px}.checkmark[data-v-5344ab55]:after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:3.5px;height:9px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:translate(-45%,-65%) rotate(45deg)}.small .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.disabled .checkbox-container-label-wrapper[data-v-5344ab55]{color:var(--disabled-color--)}.message-container[data-v-5344ab55]{width:var(--message-container-width--, 100%);font-family:Roboto;font-weight:400}.message-container.has-message-min-width[data-v-5344ab55]{min-width:109px}.message-container.error[data-v-5344ab55]{color:var(--checkbox-theme-color--)}.small+.message-container[data-v-5344ab55]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-5344ab55]{font-size:16px;line-height:24px;letter-spacing:.5px}@media only screen and (max-width:767px){.checkbox-container.medium[data-v-5344ab55]{column-gap:10px}.medium .checkbox-input[data-v-5344ab55]{height:20px}.medium .checkbox-input-shown[data-v-5344ab55]{width:20px;height:20px;padding:2px}.medium .checkbox-input-shown[data-v-5344ab55]:hover:before{top:-6px;left:-6px}.medium .indeterminate-mark[data-v-5344ab55]:after{top:9px;left:5px}.medium .checkbox-container-label-wrapper[data-v-5344ab55]{color:#17181c;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-5344ab55]{font-size:14px;line-height:20px;letter-spacing:.25px}}.radio-container[data-v-643668bf]{width:fit-content;padding:8px 0;display:flex;column-gap:8px;cursor:pointer}.disabled.radio-container[data-v-643668bf]{cursor:not-allowed}.radio-input[data-v-643668bf]{position:relative}.radio-input-original[data-v-643668bf]{opacity:0;position:absolute}.radio-input-shown[data-v-643668bf]{padding:2px;box-sizing:border-box;position:relative}.small .radio-input-shown[data-v-643668bf]{width:20px;height:20px}.medium .radio-input-shown[data-v-643668bf]{width:24px;height:24px}.radio-input-shown[data-v-643668bf]:hover:before{content:"";display:block;border-radius:100%;background-color:#ededed;position:absolute;top:-4px;left:-4px;z-index:0}.small .radio-input-shown[data-v-643668bf]:hover:before{width:28px;height:28px}.medium .radio-input-shown[data-v-643668bf]:hover:before{width:32px;height:32px}.disabled .radio-input-shown[data-v-643668bf]:hover:before{background-color:transparent!important}.red .radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.primary-blue .checked .radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2dae2}.secondary-blue .checked .radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2eef3}.red .radio-input-shown[data-v-643668bf]:active:before{background-color:#f5cdc6}.primary-blue .radio-input-shown[data-v-643668bf]:active:before{background-color:#bbc3cd}.secondary-blue .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcd7dd}.primary-blue .checked .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcbfc4}.secondary-blue .checked .radio-input-shown[data-v-643668bf]:active:before{background-color:#bcc8cc}.radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{content:"";display:block;border-radius:100%;background-color:#e4e4e4;position:absolute;top:-4px;left:-4px;z-index:0}.small .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:28px;height:28px}.medium .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:32px;height:32px}.red .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#f4cac2}.primary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#b7c4d1}.secondary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:#b8e3ec}.disabled .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before,.disabled .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{background-color:transparent!important}.radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#ededed}.red .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.primary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2dae2}.secondary-blue .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#d2eef3}.red .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:#f8ded9}.disabled .checked .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:hover:before{background-color:transparent!important}.radio-input-checkmark[data-v-643668bf]{width:100%;height:100%;padding:7px;box-sizing:border-box;position:absolute;top:0;left:0;z-index:1}.radio-input-checkmark[data-v-643668bf]:after{content:"";display:block;width:100%;height:100%;box-sizing:border-box;border-radius:100%}.red .radio-input-checkmark[data-v-643668bf]:after{background-color:#de583f!important}.primary-blue .radio-input-checkmark[data-v-643668bf]:after{background-color:#1e4670}.secondary-blue .radio-input-checkmark[data-v-643668bf]:after{background-color:#20a8c3}.disabled .radio-input-checkmark[data-v-643668bf]:after{background-color:#979797!important}.radio-input-shown-checkbox[data-v-643668bf]{width:100%;height:100%;border:2px solid #49454F;background-color:#fff;border-radius:100%;box-sizing:border-box;position:relative}.radio-input-original:focus+.radio-input-shown .radio-input-shown-checkbox[data-v-643668bf],.radio-input-shown:hover .radio-input-shown-checkbox[data-v-643668bf]{background-color:transparent}.disabled .radio-input-shown:hover .radio-input-shown-checkbox[data-v-643668bf],.disabled .radio-input-shown-checkbox[data-v-643668bf]{border-color:#979797!important;background-color:#fff}.red .radio-input-shown-checkbox[data-v-643668bf]{border-color:#de583f}.primary-blue .checked .radio-input-shown-checkbox[data-v-643668bf]{border-color:#1e4670}.secondary-blue .checked .radio-input-shown-checkbox[data-v-643668bf]{border-color:#20a8c3}.radio-container-label-wrapper[data-v-643668bf]{color:#1c1b1f;font-family:Roboto;font-weight:400}.small .radio-container-label-wrapper[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium .radio-container-label-wrapper[data-v-643668bf]{font-size:16px;line-height:24px;letter-spacing:.5px}.disabled .radio-container-label-wrapper[data-v-643668bf]{color:#979797}.message-container[data-v-643668bf]{width:var(--message-container-width--, 100%);font-family:Roboto;font-weight:400}.message-container.has-message-min-width[data-v-643668bf]{min-width:109px}.message-container.error[data-v-643668bf]{color:#de583f}.small+.message-container[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-643668bf]{font-size:16px;line-height:24px;letter-spacing:.5px}@media only screen and (max-width:767px){.medium .radio-input-shown[data-v-643668bf]{width:20px;height:20px}.medium .radio-input-shown[data-v-643668bf]:hover:before{width:28px;height:28px}.medium .radio-input-original:focus+.radio-input-shown[data-v-643668bf]:before{width:28px;height:28px}.medium .radio-container-label-wrapper[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}.medium+.message-container[data-v-643668bf]{font-size:14px;line-height:20px;letter-spacing:.25px}}.whole-page-error-popup-container.whole-page-error-mask[data-v-623b4a2e]{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:1000;background-color:#1c1b1f4d;display:flex;flex-direction:column;align-items:center}.whole-page-error-popup-window[data-v-623b4a2e]{width:38%;min-width:552px;height:fit-content;margin-top:94px;background-color:#fff;border-radius:10px}.error-popup-header[data-v-623b4a2e]{display:flex;flex-direction:column;align-items:center;padding:12px 16px;row-gap:20px}.error-popup-title-icon[data-v-623b4a2e]{width:100px;height:100px}.error-popup-title-text[data-v-623b4a2e]{color:#de583f;font-family:Roboto;font-size:24px;font-weight:500;line-height:28px;letter-spacing:.458px}.error-popup-body[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:12px 16px 0;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.error-popup-footer[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:24px}.retry-button[data-v-623b4a2e]{text-align:center;width:100%;box-sizing:border-box;padding:10px 24px;border-radius:4px;background:#de583f;color:#fff;font-family:Roboto;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer}@media only screen and (max-width:1024px){.whole-page-error-popup-window[data-v-623b4a2e]{max-width:552px;margin-top:64px;width:54%;min-width:0}}@media only screen and (max-width:767px){.whole-page-error-popup-container.whole-page-error-mask[data-v-623b4a2e]{padding:0 16px;box-sizing:border-box}.whole-page-error-popup-window[data-v-623b4a2e]{max-width:none;width:100%;margin-top:12px;min-width:0}.error-popup-header[data-v-623b4a2e]{display:flex;flex-direction:column;align-items:center;padding:12px;row-gap:16px}.error-popup-title-icon[data-v-623b4a2e]{width:64px;height:64px}.error-popup-title-text[data-v-623b4a2e]{font-size:22px;line-height:26px}.error-popup-body[data-v-623b4a2e]{padding:12px 12px 0}.error-popup-footer[data-v-623b4a2e]{width:100%;box-sizing:border-box;padding:16px 12px}}.area-code-phone-input-unit-wrapper[data-v-c8a902b3]{display:flex;flex-direction:column;row-gap:8px}.area-code-phone-input[data-v-c8a902b3]{display:flex;align-items:center;box-shadow:inset 0 0 0 1px #bcccdc;border-radius:4px;position:relative}.area-code-phone-input[data-v-c8a902b3]:hover{box-shadow:inset 0 0 0 1px #dee6ed}.area-code-phone-input.is-focus[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #9bb2ca}.area-code-phone-input.error[data-v-c8a902b3]:hover,.area-code-phone-input.error.is-focus[data-v-c8a902b3],.area-code-phone-input.error[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #de583f}.area-code-phone-input.alert[data-v-c8a902b3]:hover,.area-code-phone-input.alert.is-focus[data-v-c8a902b3],.area-code-phone-input.alert[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #e0961e}.area-code-phone-input.disabled[data-v-c8a902b3]:hover,.area-code-phone-input.disabled.is-focus[data-v-c8a902b3],.area-code-phone-input.disabled[data-v-c8a902b3]{box-shadow:inset 0 0 0 1px #bcccdc!important;background:#f2f2f2;cursor:not-allowed}.country-area-code-selector-wrapper[data-v-c8a902b3]{max-width:120px}.phone-number-input-wrapper[data-v-c8a902b3]{flex:1}[data-v-c8a902b3] .single-selector-unit-wrapper{--input-box-border-color--: transparent !important}[data-v-c8a902b3] .single-selector.disabled:hover,[data-v-c8a902b3] .single-selector.has-prefix,[data-v-c8a902b3] .single-selector:hover,[data-v-c8a902b3] .single-selector.is-focus,[data-v-c8a902b3] .single-selector{border:none;column-gap:4px}[data-v-c8a902b3] .single-selector-unit-wrapper{position:static}[data-v-c8a902b3] .single-selector.has-prefix .selected-content.content-text{display:none}[data-v-c8a902b3] .single-selector.has-prefix.is-focus .selected-content.content-text{display:block}[data-v-c8a902b3] .single-selector.has-prefix.is-focus .prefix-wrapper{display:none}[data-v-c8a902b3] .single-selector .selected-content{letter-spacing:.25px}.country-selector-prefix[data-v-c8a902b3]{width:100%;height:100%}.area-code-container[data-v-c8a902b3]{height:26px;width:fit-content;padding-left:11px;display:flex;align-items:center;border-left:1px solid #BCCCDC;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.area-code-container.not-selected[data-v-c8a902b3]{color:#979797}[data-v-c8a902b3] .input-box-unit{--input-box-border-color--: transparent !important}[data-v-c8a902b3] .input-box-unit.disabled:hover,[data-v-c8a902b3] .input-box-unit:hover,[data-v-c8a902b3] .input-box-unit.is-focus,[data-v-c8a902b3] .input-box-unit{border:none}.suffix-wrapper[data-v-c8a902b3]{display:flex;align-items:center;column-gap:4px;flex-shrink:0;height:24px}.clear-icon[data-v-c8a902b3]{flex-shrink:0;width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-c8a902b3]:hover{opacity:1}.hide[data-v-c8a902b3]{display:none}.message-container[data-v-c8a902b3]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-c8a902b3]{color:#de583f}.message-container.alert[data-v-c8a902b3]{color:#e0961e}@media only screen and (max-width: 767px){.area-code-phone-input-unit-wrapper[data-v-c8a902b3]{row-gap:4px}.country-area-code-selector-wrapper[data-v-c8a902b3]{max-width:120px}[data-v-c8a902b3] .single-selector.disabled:hover,[data-v-c8a902b3] .single-selector.has-prefix,[data-v-c8a902b3] .single-selector:hover,[data-v-c8a902b3] .single-selector.is-focus,[data-v-c8a902b3] .single-selector{box-shadow:none;column-gap:2px}.suffix-wrapper[data-v-c8a902b3]{height:20px;column-gap:0px}.clear-icon[data-v-c8a902b3]{width:36px;height:36px;box-sizing:border-box;padding:10px}.message-container[data-v-c8a902b3]{font-size:14px;line-height:16px}}.group-checkbox-container[data-v-3a91062e]{width:fit-content}.badge-wrapper[data-v-8de2e220]{display:inline-flex;width:fit-content;height:fit-content}.badge-wrapper.top-right[data-v-8de2e220]{position:relative}.badge-wrapper.center-right[data-v-8de2e220]{display:inline-flex;align-items:center;column-gap:4px}.badge[data-v-8de2e220]{display:flex;align-items:center;justify-content:center;border-radius:100%;box-sizing:border-box;color:#fff;font-family:Roboto;font-weight:500;line-height:1}.badge.top-right[data-v-8de2e220]{position:absolute}.badge.center-right[data-v-8de2e220]{position:static}.badge.small[data-v-8de2e220]{width:6px;height:6px;min-width:6px}.badge.medium[data-v-8de2e220]{width:8px;height:8px;min-width:8px}.badge.large[data-v-8de2e220]{width:16px;height:16px;min-width:16px}.badge.has-content[data-v-8de2e220]{width:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;line-height:16px;letter-spacing:.4px}.badge.top-right[data-v-8de2e220]{top:0;right:0}.badge.primary[data-v-8de2e220]{background-color:#af251d;color:#fff}.badge.secondary[data-v-8de2e220]{background-color:#cfe0fc;color:#083d91}.badge[style*=--badge-theme-color--][data-v-8de2e220]{background-color:var(--badge-theme-color--)!important;color:var(--badge-text-color--, #FFFFFF)!important}@media only screen and (max-width: 767px){.badge.small[data-v-8de2e220],.badge.medium[data-v-8de2e220]{width:6px;height:6px;min-width:6px}.badge.large[data-v-8de2e220]{width:16px;height:16px;min-width:16px}.badge.has-content[data-v-8de2e220]{width:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;line-height:16px;letter-spacing:.4px}}.floating-action-button-container[data-v-e8e0f96e]{position:fixed;right:16px;bottom:16px;z-index:999}.floating-action-button[data-v-e8e0f96e]{border-radius:var(--Corner-Large-increased, 20px);background:var(--fab-button-background-color--);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-sizing:border-box;display:flex;justify-content:center;align-items:center;color:var(--fab-button-text-color--);font-family:var(--Static-Title-Medium-Font, Roboto);font-style:normal;cursor:pointer}.floating-action-button[data-v-e8e0f96e]:hover{background:color-mix(in srgb,var(--fab-button-background-color--),var(--fab-button-text-color--) 8%)}.floating-action-button[data-v-e8e0f96e]:active{background:color-mix(in srgb,var(--fab-button-background-color--),var(--fab-button-text-color--) 16%)}.small .floating-action-button[data-v-e8e0f96e]{height:56px;padding:16px;column-gap:8px;font-size:var(--Static-Title-Medium-Size, 16px);font-weight:500;line-height:var(--Static-Title-Medium-Line-Height, 24px);letter-spacing:var(--Static-Title-Medium-Tracking, .15px)}.medium .floating-action-button[data-v-e8e0f96e]{height:80px;padding:26px;column-gap:12px;font-size:var(--Static-Title-Large-Size, 22px);font-weight:400;line-height:var(--Static-Title-Large-Line-Height, 28px);letter-spacing:var(--Static-Title-Large-Tracking, 0)}.large .floating-action-button[data-v-e8e0f96e]{height:96px;padding:30px;column-gap:16px;font-size:var(--Static-Headline-Small-Size, 24px);font-weight:400;line-height:var(--Static-Headline-Small-Line-Height, 32px);letter-spacing:var(--Static-Headline-Small-Tracking, 0)}.floating-action-button .prefix[data-v-e8e0f96e],.floating-action-button .suffix[data-v-e8e0f96e]{box-sizing:border-box}[data-v-e8e0f96e] .prefix>svg,[data-v-e8e0f96e] .suffix>svg{width:100%;height:100%}[data-v-e8e0f96e] .prefix>img,[data-v-e8e0f96e] .suffix>img{width:100%;height:100%}.small .floating-action-button .prefix[data-v-e8e0f96e],.small .floating-action-button .suffix[data-v-e8e0f96e]{width:24px;height:24px;padding:2px}.medium .floating-action-button .prefix[data-v-e8e0f96e],.medium .floating-action-button .suffix[data-v-e8e0f96e]{width:28px;height:28px;padding:2.33px}.large .floating-action-button .prefix[data-v-e8e0f96e],.large .floating-action-button .suffix[data-v-e8e0f96e]{width:36px;height:36px;padding:3px}.floating-action-button-menu[data-v-e8e0f96e]{display:flex;flex-direction:column;align-items:flex-end;row-gap:4px}.floating-action-button-menu-item[data-v-e8e0f96e]{height:56px;padding:16px 24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;column-gap:8px;background:var(--fab-menu-child-button-background-color--);border-radius:var(--Corner-Extra-large, 28px);color:var(--fab-menu-child-button-text-color--);font-family:var(--Static-Title-Medium-Font, Roboto);font-size:var(--Static-Title-Medium-Size, 16px);font-style:normal;font-weight:500;line-height:var(--Static-Title-Medium-Line-Height, 24px);letter-spacing:var(--Static-Title-Medium-Tracking, .15px);cursor:pointer}.floating-action-button-menu-item[data-v-e8e0f96e]:hover{background:color-mix(in srgb,var(--fab-menu-child-button-background-color--),var(--fab-menu-child-button-text-color--) 8%)}.floating-action-button-menu-item[data-v-e8e0f96e]:active{background:color-mix(in srgb,var(--fab-menu-child-button-background-color--),var(--fab-menu-child-button-text-color--) 16%)}.floating-action-button-menu-item-prefix[data-v-e8e0f96e],.floating-action-button-menu-item-suffix[data-v-e8e0f96e]{width:24px;height:24px;padding:2px;box-sizing:border-box}.menu-cross-button[data-v-e8e0f96e]{width:56px;height:56px;padding:16px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin-top:4px;border-radius:var(--Corner-Extra-large, 28px);background:var(--fab-menu-cross-button-background-color--);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;cursor:pointer}.menu-cross-button>svg[data-v-e8e0f96e]{color:var(--fab-menu-cross-button-text-color--)}:root{--Schemes-primary: hsl(217, 90%, 40%);--Schemes-Secondary: hsl(217, 40%, 40%);--Schemes-Tertiary: hsl(307, 50%, 40%);--Schemes-Primary-Container: hsl(217, 90%, 90%);--Schemes-Secondary-Container: hsl(217, 40%, 90%);--Schemes-Tertiary-Container: hsl(307, 50%, 90%);--semantic-success-color--: hsl(86, 52%, 48%);--semantic-error-color--: hsl(3, 71%, 40%);--semantic-alert-color--: hsla(38, 100%, 40%);--disabled-color--: hsl(226, 8%, 60%);--disabled-button-background-color--: hsl(226, 8%, 92%);--Schemes-Outline-Variant:hsl(220, 12%, 80%)}.component-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.whole-page-loading-spinner-container{width:123px;display:flex;flex-direction:column;align-items:center;row-gap:20px}.whole-page-loading-spinner-icon-container{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;position:relative}.whole-page-loading-progress-circle-div{content:"";width:100%;height:100%;box-sizing:border-box;border:5px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{content:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e");height:24px;width:24px;animation:flip 5s infinite;position:absolute;top:18px;left:18px}.whole-page-loading-text-div:after{content:"Loading";color:#20a8c3;font-family:Roboto;font-size:28px;font-weight:400;line-height:36px;animation:loading_dots 3s steps(1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flip{0%{transform:rotate(0)}20%{transform:rotate(180deg)}50%{transform:rotate(180deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes loading_dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}#floating-notifications-container{display:flex;flex-direction:column;row-gap:16px;align-items:flex-end;height:fit-content;width:32%;min-width:360px;padding:94px 60px 94px 0;position:fixed;z-index:999;top:0;right:0}@media only screen and (max-width:1024px){#floating-notifications-container{padding:24px 16px 24px 0}}@media only screen and (max-width:767px){#floating-notifications-container{width:100vw;box-sizing:border-box;row-gap:12px;align-items:center;padding:12px 16px}}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { openBlock as a, createElementBlock as l, normalizeClass as h, createElementVNode as u, toDisplayString as L, createCommentVNode as m, renderSlot as D, ref as x, onMounted as _e, onUnmounted as ke, resolveComponent as re, resolveDirective as Pe, withDirectives as Q, normalizeStyle as G, Fragment as ie, renderList as se, createBlock as P, mergeProps as de, computed as I, unref as U, createTextVNode as X, createVNode as K, withCtx as V, vModelDynamic as Ve, useAttrs as Be, vModelText as Ze, vModelCheckbox as Ge, vModelRadio as pe, watch as Y, createSlots as Re, provide as fe, createApp as Ue, h as Fe } from "vue";
+const je = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.11973%209.29055L11.9997%2013.1705L15.8797%209.29055C16.2697%208.90055%2016.8997%208.90055%2017.2897%209.29055C17.6797%209.68055%2017.6797%2010.3105%2017.2897%2010.7005L12.6997%2015.2905C12.3097%2015.6805%2011.6797%2015.6805%2011.2897%2015.2905L6.69973%2010.7005C6.30973%2010.3105%206.30973%209.68055%206.69973%209.29055C7.08973%208.91055%207.72973%208.90055%208.11973%209.29055Z'%20fill='black'/%3e%3c/svg%3e", $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: q
-}, Symbol.toStringTag, { value: "Module" })), E = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: je
+}, Symbol.toStringTag, { value: "Module" })), ae = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: E
-}, Symbol.toStringTag, { value: "Module" })), Ee = "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", Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: ae
+}, Symbol.toStringTag, { value: "Module" })), Ke = "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", Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ee
-}, Symbol.toStringTag, { value: "Module" })), Pe = "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_4655_62118)'%3e%3cpath%20d='M12.9167%2011.6667H12.2583L12.025%2011.4417C12.8417%2010.4917%2013.3333%209.25833%2013.3333%207.91667C13.3333%204.925%2010.9083%202.5%207.91667%202.5C4.925%202.5%202.5%204.925%202.5%207.91667C2.5%2010.9083%204.925%2013.3333%207.91667%2013.3333C9.25833%2013.3333%2010.4917%2012.8417%2011.4417%2012.025L11.6667%2012.2583V12.9167L15.8333%2017.075L17.075%2015.8333L12.9167%2011.6667ZM7.91667%2011.6667C5.84167%2011.6667%204.16667%209.99167%204.16667%207.91667C4.16667%205.84167%205.84167%204.16667%207.91667%204.16667C9.99167%204.16667%2011.6667%205.84167%2011.6667%207.91667C11.6667%209.99167%209.99167%2011.6667%207.91667%2011.6667Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4655_62118'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Ke
+}, Symbol.toStringTag, { value: "Module" })), Ye = "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_4655_62118)'%3e%3cpath%20d='M12.9167%2011.6667H12.2583L12.025%2011.4417C12.8417%2010.4917%2013.3333%209.25833%2013.3333%207.91667C13.3333%204.925%2010.9083%202.5%207.91667%202.5C4.925%202.5%202.5%204.925%202.5%207.91667C2.5%2010.9083%204.925%2013.3333%207.91667%2013.3333C9.25833%2013.3333%2010.4917%2012.8417%2011.4417%2012.025L11.6667%2012.2583V12.9167L15.8333%2017.075L17.075%2015.8333L12.9167%2011.6667ZM7.91667%2011.6667C5.84167%2011.6667%204.16667%209.99167%204.16667%207.91667C4.16667%205.84167%205.84167%204.16667%207.91667%204.16667C9.99167%204.16667%2011.6667%205.84167%2011.6667%207.91667C11.6667%209.99167%209.99167%2011.6667%207.91667%2011.6667Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4655_62118'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Pe
-}, Symbol.toStringTag, { value: "Module" })), ee = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76910'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76910)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e", Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Ye
+}, Symbol.toStringTag, { value: "Module" })), xe = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76910'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76910)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e", Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ee
-}, Symbol.toStringTag, { value: "Module" })), He = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e", Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: xe
+}, Symbol.toStringTag, { value: "Module" })), Xe = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e", et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: He
-}, Symbol.toStringTag, { value: "Module" })), te = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4276_5653'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4276_5653)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%231E4670'/%3e%3c/g%3e%3c/svg%3e", Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Xe
+}, Symbol.toStringTag, { value: "Module" })), Te = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4276_5653'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4276_5653)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%231E4670'/%3e%3c/g%3e%3c/svg%3e", tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: te
-}, Symbol.toStringTag, { value: "Module" })), oe = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_2631_18409'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2631_18409)'%3e%3cpath%20d='M12%2015.3766L6%209.37656L7.4%207.97656L12%2012.5766L16.6%207.97656L18%209.37656L12%2015.3766Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e", Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Te
+}, Symbol.toStringTag, { value: "Module" })), ot = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_2631_18409'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2631_18409)'%3e%3cpath%20d='M12%2015.3766L6%209.37656L7.4%207.97656L12%2012.5766L16.6%207.97656L18%209.37656L12%2015.3766Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e", nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: oe
-}, Symbol.toStringTag, { value: "Module" })), ze = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71801'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71801)'%3e%3cpath%20d='M10.0026%2013.3359C11.0443%2013.3359%2011.9298%2012.9715%2012.6593%2012.2426C13.3882%2011.5132%2013.7526%2010.6276%2013.7526%209.58594C13.7526%208.54427%2013.3882%207.65872%2012.6593%206.92927C11.9298%206.20038%2011.0443%205.83594%2010.0026%205.83594C8.96094%205.83594%208.07538%206.20038%207.34594%206.92927C6.61705%207.65872%206.2526%208.54427%206.2526%209.58594C6.2526%2010.6276%206.61705%2011.5132%207.34594%2012.2426C8.07538%2012.9715%208.96094%2013.3359%2010.0026%2013.3359ZM10.0026%2011.8359C9.3776%2011.8359%208.84649%2011.617%208.40927%2011.1793C7.97149%2010.742%207.7526%2010.2109%207.7526%209.58594C7.7526%208.96094%207.97149%208.42955%208.40927%207.99177C8.84649%207.55455%209.3776%207.33594%2010.0026%207.33594C10.6276%207.33594%2011.159%207.55455%2011.5968%207.99177C12.034%208.42955%2012.2526%208.96094%2012.2526%209.58594C12.2526%2010.2109%2012.034%2010.742%2011.5968%2011.1793C11.159%2011.617%2010.6276%2011.8359%2010.0026%2011.8359ZM10.0026%2015.8359C7.97483%2015.8359%206.1276%2015.2698%204.46094%2014.1376C2.79427%2013.0059%201.58594%2011.4887%200.835938%209.58594C1.58594%207.68316%202.79427%206.16566%204.46094%205.03344C6.1276%203.90177%207.97483%203.33594%2010.0026%203.33594C12.0304%203.33594%2013.8776%203.90177%2015.5443%205.03344C17.2109%206.16566%2018.4193%207.68316%2019.1693%209.58594C18.4193%2011.4887%2017.2109%2013.0059%2015.5443%2014.1376C13.8776%2015.2698%2012.0304%2015.8359%2010.0026%2015.8359ZM10.0026%2014.1693C11.572%2014.1693%2013.0132%2013.7559%2014.3259%2012.9293C15.6382%2012.1032%2016.6415%2010.9887%2017.3359%209.58594C16.6415%208.18316%2015.6382%207.06844%2014.3259%206.24177C13.0132%205.41566%2011.572%205.0026%2010.0026%205.0026C8.43316%205.0026%206.99205%205.41566%205.67927%206.24177C4.36705%207.06844%203.36372%208.18316%202.66927%209.58594C3.36372%2010.9887%204.36705%2012.1032%205.67927%2012.9293C6.99205%2013.7559%208.43316%2014.1693%2010.0026%2014.1693Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: ot
+}, Symbol.toStringTag, { value: "Module" })), rt = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71801'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71801)'%3e%3cpath%20d='M10.0026%2013.3359C11.0443%2013.3359%2011.9298%2012.9715%2012.6593%2012.2426C13.3882%2011.5132%2013.7526%2010.6276%2013.7526%209.58594C13.7526%208.54427%2013.3882%207.65872%2012.6593%206.92927C11.9298%206.20038%2011.0443%205.83594%2010.0026%205.83594C8.96094%205.83594%208.07538%206.20038%207.34594%206.92927C6.61705%207.65872%206.2526%208.54427%206.2526%209.58594C6.2526%2010.6276%206.61705%2011.5132%207.34594%2012.2426C8.07538%2012.9715%208.96094%2013.3359%2010.0026%2013.3359ZM10.0026%2011.8359C9.3776%2011.8359%208.84649%2011.617%208.40927%2011.1793C7.97149%2010.742%207.7526%2010.2109%207.7526%209.58594C7.7526%208.96094%207.97149%208.42955%208.40927%207.99177C8.84649%207.55455%209.3776%207.33594%2010.0026%207.33594C10.6276%207.33594%2011.159%207.55455%2011.5968%207.99177C12.034%208.42955%2012.2526%208.96094%2012.2526%209.58594C12.2526%2010.2109%2012.034%2010.742%2011.5968%2011.1793C11.159%2011.617%2010.6276%2011.8359%2010.0026%2011.8359ZM10.0026%2015.8359C7.97483%2015.8359%206.1276%2015.2698%204.46094%2014.1376C2.79427%2013.0059%201.58594%2011.4887%200.835938%209.58594C1.58594%207.68316%202.79427%206.16566%204.46094%205.03344C6.1276%203.90177%207.97483%203.33594%2010.0026%203.33594C12.0304%203.33594%2013.8776%203.90177%2015.5443%205.03344C17.2109%206.16566%2018.4193%207.68316%2019.1693%209.58594C18.4193%2011.4887%2017.2109%2013.0059%2015.5443%2014.1376C13.8776%2015.2698%2012.0304%2015.8359%2010.0026%2015.8359ZM10.0026%2014.1693C11.572%2014.1693%2013.0132%2013.7559%2014.3259%2012.9293C15.6382%2012.1032%2016.6415%2010.9887%2017.3359%209.58594C16.6415%208.18316%2015.6382%207.06844%2014.3259%206.24177C13.0132%205.41566%2011.572%205.0026%2010.0026%205.0026C8.43316%205.0026%206.99205%205.41566%205.67927%206.24177C4.36705%207.06844%203.36372%208.18316%202.66927%209.58594C3.36372%2010.9887%204.36705%2012.1032%205.67927%2012.9293C6.99205%2013.7559%208.43316%2014.1693%2010.0026%2014.1693Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", it = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ze
-}, Symbol.toStringTag, { value: "Module" })), Fe = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71805'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71805)'%3e%3cpath%20d='M13.4193%2011.0859L12.2109%209.8776C12.3359%209.22483%2012.1484%208.61372%2011.6484%208.04427C11.1484%207.47483%2010.5026%207.2526%209.71094%207.3776L8.5026%206.16927C8.73872%206.05816%208.9783%205.97483%209.22135%205.91927C9.46441%205.86372%209.72483%205.83594%2010.0026%205.83594C11.0443%205.83594%2011.9297%206.20052%2012.6589%206.92969C13.388%207.65885%2013.7526%208.54427%2013.7526%209.58594C13.7526%209.86372%2013.7248%2010.1241%2013.6693%2010.3672C13.6137%2010.6102%2013.5304%2010.8498%2013.4193%2011.0859ZM16.0859%2013.7109L14.8776%2012.5443C15.4054%2012.1415%2015.8741%2011.7005%2016.2839%2011.2214C16.6936%2010.7422%2017.0443%2010.197%2017.3359%209.58594C16.6415%208.18316%2015.645%207.06858%2014.3464%206.24219C13.0477%205.4158%2011.5998%205.0026%2010.0026%205.0026C9.59983%205.0026%209.20399%205.03038%208.8151%205.08594C8.42622%205.14149%208.04427%205.22483%207.66927%205.33594L6.3776%204.04427C6.94705%203.80816%207.53038%203.63108%208.1276%203.51302C8.72483%203.39497%209.34983%203.33594%2010.0026%203.33594C12.0998%203.33594%2013.9679%203.9158%2015.6068%205.07552C17.2457%206.23524%2018.4332%207.73872%2019.1693%209.58594C18.8498%2010.4054%2018.4297%2011.1658%2017.9089%2011.8672C17.388%2012.5686%2016.7804%2013.1832%2016.0859%2013.7109ZM16.5026%2018.8359L13.0026%2015.3776C12.5165%2015.5304%2012.0269%2015.645%2011.5339%2015.7214C11.0408%2015.7977%2010.5304%2015.8359%2010.0026%2015.8359C7.90538%2015.8359%206.03733%2015.2561%204.39844%2014.0964C2.75955%2012.9366%201.57205%2011.4332%200.835938%209.58594C1.1276%208.84983%201.49566%208.1658%201.9401%207.53385C2.38455%206.90191%202.89149%206.33594%203.46094%205.83594L1.16927%203.5026L2.33594%202.33594L17.6693%2017.6693L16.5026%2018.8359ZM4.6276%207.0026C4.22483%207.36372%203.85677%207.75955%203.52344%208.1901C3.1901%208.62066%202.90538%209.08594%202.66927%209.58594C3.36372%2010.9887%204.36024%2012.1033%205.65885%2012.9297C6.95747%2013.7561%208.40538%2014.1693%2010.0026%2014.1693C10.2804%2014.1693%2010.5512%2014.1519%2010.8151%2014.1172C11.079%2014.0825%2011.3498%2014.0443%2011.6276%2014.0026L10.8776%2013.2109C10.7248%2013.2526%2010.579%2013.2839%2010.4401%2013.3047C10.3012%2013.3255%2010.1554%2013.3359%2010.0026%2013.3359C8.96094%2013.3359%208.07552%2012.9714%207.34635%2012.2422C6.61719%2011.513%206.2526%2010.6276%206.2526%209.58594C6.2526%209.43316%206.26302%209.28733%206.28385%209.14844C6.30469%209.00955%206.33594%208.86372%206.3776%208.71094L4.6276%207.0026Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: rt
+}, Symbol.toStringTag, { value: "Module" })), st = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71805'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71805)'%3e%3cpath%20d='M13.4193%2011.0859L12.2109%209.8776C12.3359%209.22483%2012.1484%208.61372%2011.6484%208.04427C11.1484%207.47483%2010.5026%207.2526%209.71094%207.3776L8.5026%206.16927C8.73872%206.05816%208.9783%205.97483%209.22135%205.91927C9.46441%205.86372%209.72483%205.83594%2010.0026%205.83594C11.0443%205.83594%2011.9297%206.20052%2012.6589%206.92969C13.388%207.65885%2013.7526%208.54427%2013.7526%209.58594C13.7526%209.86372%2013.7248%2010.1241%2013.6693%2010.3672C13.6137%2010.6102%2013.5304%2010.8498%2013.4193%2011.0859ZM16.0859%2013.7109L14.8776%2012.5443C15.4054%2012.1415%2015.8741%2011.7005%2016.2839%2011.2214C16.6936%2010.7422%2017.0443%2010.197%2017.3359%209.58594C16.6415%208.18316%2015.645%207.06858%2014.3464%206.24219C13.0477%205.4158%2011.5998%205.0026%2010.0026%205.0026C9.59983%205.0026%209.20399%205.03038%208.8151%205.08594C8.42622%205.14149%208.04427%205.22483%207.66927%205.33594L6.3776%204.04427C6.94705%203.80816%207.53038%203.63108%208.1276%203.51302C8.72483%203.39497%209.34983%203.33594%2010.0026%203.33594C12.0998%203.33594%2013.9679%203.9158%2015.6068%205.07552C17.2457%206.23524%2018.4332%207.73872%2019.1693%209.58594C18.8498%2010.4054%2018.4297%2011.1658%2017.9089%2011.8672C17.388%2012.5686%2016.7804%2013.1832%2016.0859%2013.7109ZM16.5026%2018.8359L13.0026%2015.3776C12.5165%2015.5304%2012.0269%2015.645%2011.5339%2015.7214C11.0408%2015.7977%2010.5304%2015.8359%2010.0026%2015.8359C7.90538%2015.8359%206.03733%2015.2561%204.39844%2014.0964C2.75955%2012.9366%201.57205%2011.4332%200.835938%209.58594C1.1276%208.84983%201.49566%208.1658%201.9401%207.53385C2.38455%206.90191%202.89149%206.33594%203.46094%205.83594L1.16927%203.5026L2.33594%202.33594L17.6693%2017.6693L16.5026%2018.8359ZM4.6276%207.0026C4.22483%207.36372%203.85677%207.75955%203.52344%208.1901C3.1901%208.62066%202.90538%209.08594%202.66927%209.58594C3.36372%2010.9887%204.36024%2012.1033%205.65885%2012.9297C6.95747%2013.7561%208.40538%2014.1693%2010.0026%2014.1693C10.2804%2014.1693%2010.5512%2014.1519%2010.8151%2014.1172C11.079%2014.0825%2011.3498%2014.0443%2011.6276%2014.0026L10.8776%2013.2109C10.7248%2013.2526%2010.579%2013.2839%2010.4401%2013.3047C10.3012%2013.3255%2010.1554%2013.3359%2010.0026%2013.3359C8.96094%2013.3359%208.07552%2012.9714%207.34635%2012.2422C6.61719%2011.513%206.2526%2010.6276%206.2526%209.58594C6.2526%209.43316%206.26302%209.28733%206.28385%209.14844C6.30469%209.00955%206.33594%208.86372%206.3776%208.71094L4.6276%207.0026Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Fe
-}, Symbol.toStringTag, { value: "Module" })), ne = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26188)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM10%2017L5%2012L6.41%2010.59L10%2014.17L17.59%206.58L19%208L10%2017Z'%20fill='%2384BC3B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26188'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: st
+}, Symbol.toStringTag, { value: "Module" })), Se = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26188)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM10%2017L5%2012L6.41%2010.59L10%2014.17L17.59%206.58L19%208L10%2017Z'%20fill='%2384BC3B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26188'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ne
-}, Symbol.toStringTag, { value: "Module" })), H = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4568_73894'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4568_73894)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e", $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Se
+}, Symbol.toStringTag, { value: "Module" })), ue = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4568_73894'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4568_73894)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e", dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: H
-}, Symbol.toStringTag, { value: "Module" })), R = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e", Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: ue
+}, Symbol.toStringTag, { value: "Module" })), ye = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e", ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: R
-}, Symbol.toStringTag, { value: "Module" })), U = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26209)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM13%2017H11V11H13V17ZM13%209H11V7H13V9Z'%20fill='%233498DB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26209'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: ye
+}, Symbol.toStringTag, { value: "Module" })), ce = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26209)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM13%2017H11V11H13V17ZM13%209H11V7H13V9Z'%20fill='%233498DB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26209'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: U
-}, Symbol.toStringTag, { value: "Module" })), A = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4655_66375'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4655_66375)'%3e%3cpath%20d='M5.5987%2011.3359L7.9987%208.93594L10.3987%2011.3359L11.332%2010.4026L8.93203%208.0026L11.332%205.6026L10.3987%204.66927L7.9987%207.06927L5.5987%204.66927L4.66536%205.6026L7.06536%208.0026L4.66536%2010.4026L5.5987%2011.3359ZM7.9987%2014.6693C7.07648%2014.6693%206.20981%2014.4943%205.3987%2014.1443C4.58759%2013.7943%203.88203%2013.3193%203.28203%2012.7193C2.68203%2012.1193%202.20703%2011.4137%201.85703%2010.6026C1.50703%209.79149%201.33203%208.92483%201.33203%208.0026C1.33203%207.08038%201.50703%206.21372%201.85703%205.4026C2.20703%204.59149%202.68203%203.88594%203.28203%203.28594C3.88203%202.68594%204.58759%202.21094%205.3987%201.86094C6.20981%201.51094%207.07648%201.33594%207.9987%201.33594C8.92092%201.33594%209.78759%201.51094%2010.5987%201.86094C11.4098%202.21094%2012.1154%202.68594%2012.7154%203.28594C13.3154%203.88594%2013.7904%204.59149%2014.1404%205.4026C14.4904%206.21372%2014.6654%207.08038%2014.6654%208.0026C14.6654%208.92483%2014.4904%209.79149%2014.1404%2010.6026C13.7904%2011.4137%2013.3154%2012.1193%2012.7154%2012.7193C12.1154%2013.3193%2011.4098%2013.7943%2010.5987%2014.1443C9.78759%2014.4943%208.92092%2014.6693%207.9987%2014.6693ZM7.9987%2013.3359C9.48759%2013.3359%2010.7487%2012.8193%2011.782%2011.7859C12.8154%2010.7526%2013.332%209.49149%2013.332%208.0026C13.332%206.51372%2012.8154%205.2526%2011.782%204.21927C10.7487%203.18594%209.48759%202.66927%207.9987%202.66927C6.50981%202.66927%205.2487%203.18594%204.21536%204.21927C3.18203%205.2526%202.66536%206.51372%202.66536%208.0026C2.66536%209.49149%203.18203%2010.7526%204.21536%2011.7859C5.2487%2012.8193%206.50981%2013.3359%207.9987%2013.3359Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e", Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: ce
+}, Symbol.toStringTag, { value: "Module" })), Ie = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4655_66375'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4655_66375)'%3e%3cpath%20d='M5.5987%2011.3359L7.9987%208.93594L10.3987%2011.3359L11.332%2010.4026L8.93203%208.0026L11.332%205.6026L10.3987%204.66927L7.9987%207.06927L5.5987%204.66927L4.66536%205.6026L7.06536%208.0026L4.66536%2010.4026L5.5987%2011.3359ZM7.9987%2014.6693C7.07648%2014.6693%206.20981%2014.4943%205.3987%2014.1443C4.58759%2013.7943%203.88203%2013.3193%203.28203%2012.7193C2.68203%2012.1193%202.20703%2011.4137%201.85703%2010.6026C1.50703%209.79149%201.33203%208.92483%201.33203%208.0026C1.33203%207.08038%201.50703%206.21372%201.85703%205.4026C2.20703%204.59149%202.68203%203.88594%203.28203%203.28594C3.88203%202.68594%204.58759%202.21094%205.3987%201.86094C6.20981%201.51094%207.07648%201.33594%207.9987%201.33594C8.92092%201.33594%209.78759%201.51094%2010.5987%201.86094C11.4098%202.21094%2012.1154%202.68594%2012.7154%203.28594C13.3154%203.88594%2013.7904%204.59149%2014.1404%205.4026C14.4904%206.21372%2014.6654%207.08038%2014.6654%208.0026C14.6654%208.92483%2014.4904%209.79149%2014.1404%2010.6026C13.7904%2011.4137%2013.3154%2012.1193%2012.7154%2012.7193C12.1154%2013.3193%2011.4098%2013.7943%2010.5987%2014.1443C9.78759%2014.4943%208.92092%2014.6693%207.9987%2014.6693ZM7.9987%2013.3359C9.48759%2013.3359%2010.7487%2012.8193%2011.782%2011.7859C12.8154%2010.7526%2013.332%209.49149%2013.332%208.0026C13.332%206.51372%2012.8154%205.2526%2011.782%204.21927C10.7487%203.18594%209.48759%202.66927%207.9987%202.66927C6.50981%202.66927%205.2487%203.18594%204.21536%204.21927C3.18203%205.2526%202.66536%206.51372%202.66536%208.0026C2.66536%209.49149%203.18203%2010.7526%204.21536%2011.7859C5.2487%2012.8193%206.50981%2013.3359%207.9987%2013.3359Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e", _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: A
-}, Symbol.toStringTag, { value: "Module" })), re = "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_2557_13935)'%3e%3cpath%20d='M15.8332%205.33906L14.6582%204.16406L9.99984%208.8224L5.3415%204.16406L4.1665%205.33906L8.82484%209.9974L4.1665%2014.6557L5.3415%2015.8307L9.99984%2011.1724L14.6582%2015.8307L15.8332%2014.6557L11.1748%209.9974L15.8332%205.33906Z'%20fill='%23292929'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2557_13935'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Ie
+}, Symbol.toStringTag, { value: "Module" })), Le = "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_2557_13935)'%3e%3cpath%20d='M15.8332%205.33906L14.6582%204.16406L9.99984%208.8224L5.3415%204.16406L4.1665%205.33906L8.82484%209.9974L4.1665%2014.6557L5.3415%2015.8307L9.99984%2011.1724L14.6582%2015.8307L15.8332%2014.6557L11.1748%209.9974L15.8332%205.33906Z'%20fill='%23292929'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2557_13935'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: re
-}, Symbol.toStringTag, { value: "Module" })), ie = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26202)'%3e%3cpath%20d='M12%202C6.47%202%202%206.47%202%2012C2%2017.53%206.47%2022%2012%2022C17.53%2022%2022%2017.53%2022%2012C22%206.47%2017.53%202%2012%202ZM17%2015.59L15.59%2017L12%2013.41L8.41%2017L7%2015.59L10.59%2012L7%208.41L8.41%207L12%2010.59L15.59%207L17%208.41L13.41%2012L17%2015.59Z'%20fill='%23DE583F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26202'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Le
+}, Symbol.toStringTag, { value: "Module" })), Me = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26202)'%3e%3cpath%20d='M12%202C6.47%202%202%206.47%202%2012C2%2017.53%206.47%2022%2012%2022C17.53%2022%2022%2017.53%2022%2012C22%206.47%2017.53%202%2012%202ZM17%2015.59L15.59%2017L12%2013.41L8.41%2017L7%2015.59L10.59%2012L7%208.41L8.41%207L12%2010.59L15.59%207L17%208.41L13.41%2012L17%2015.59Z'%20fill='%23DE583F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26202'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ie
-}, Symbol.toStringTag, { value: "Module" })), se = "data:image/svg+xml,%3csvg%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='50'%20cy='50'%20r='47'%20stroke='%23DE583F'%20stroke-width='6'/%3e%3cmask%20id='path-2-inside-1_7096_72851'%20fill='white'%3e%3cpath%20d='M67.6%2070C68.9255%2070%2070.0149%2068.9217%2069.8562%2067.6057C69.6386%2065.8017%2069.1758%2064.032%2068.4776%2062.3463C67.4725%2059.9198%2065.9993%2057.715%2064.1421%2055.8579C62.285%2054.0007%2060.0802%2052.5275%2057.6537%2051.5224C55.2272%2050.5173%2052.6264%2050%2050%2050C47.3736%2050%2044.7728%2050.5173%2042.3463%2051.5224C39.9198%2052.5275%2037.715%2054.0007%2035.8579%2055.8579C34.0007%2057.715%2032.5275%2059.9198%2031.5224%2062.3463C30.8242%2064.032%2030.3614%2065.8017%2030.1438%2067.6057C29.9851%2068.9217%2031.0745%2070%2032.4%2070C33.7255%2070%2034.7807%2068.9189%2034.9891%2067.6099C35.1759%2066.4364%2035.5002%2065.2861%2035.957%2064.1832C36.7209%2062.3391%2037.8405%2060.6634%2039.252%2059.252C40.6634%2057.8405%2042.3391%2056.7209%2044.1832%2055.957C46.0274%2055.1932%2048.0039%2054.8%2050%2054.8C51.9961%2054.8%2053.9726%2055.1932%2055.8168%2055.957C57.6609%2056.7209%2059.3366%2057.8405%2060.748%2059.252C62.1595%2060.6634%2063.2791%2062.3391%2064.043%2064.1832C64.4998%2065.2861%2064.8241%2066.4364%2065.0109%2067.6099C65.2193%2068.9189%2066.2745%2070%2067.6%2070Z'/%3e%3c/mask%3e%3cpath%20d='M67.6%2070C68.9255%2070%2070.0149%2068.9217%2069.8562%2067.6057C69.6386%2065.8017%2069.1758%2064.032%2068.4776%2062.3463C67.4725%2059.9198%2065.9993%2057.715%2064.1421%2055.8579C62.285%2054.0007%2060.0802%2052.5275%2057.6537%2051.5224C55.2272%2050.5173%2052.6264%2050%2050%2050C47.3736%2050%2044.7728%2050.5173%2042.3463%2051.5224C39.9198%2052.5275%2037.715%2054.0007%2035.8579%2055.8579C34.0007%2057.715%2032.5275%2059.9198%2031.5224%2062.3463C30.8242%2064.032%2030.3614%2065.8017%2030.1438%2067.6057C29.9851%2068.9217%2031.0745%2070%2032.4%2070C33.7255%2070%2034.7807%2068.9189%2034.9891%2067.6099C35.1759%2066.4364%2035.5002%2065.2861%2035.957%2064.1832C36.7209%2062.3391%2037.8405%2060.6634%2039.252%2059.252C40.6634%2057.8405%2042.3391%2056.7209%2044.1832%2055.957C46.0274%2055.1932%2048.0039%2054.8%2050%2054.8C51.9961%2054.8%2053.9726%2055.1932%2055.8168%2055.957C57.6609%2056.7209%2059.3366%2057.8405%2060.748%2059.252C62.1595%2060.6634%2063.2791%2062.3391%2064.043%2064.1832C64.4998%2065.2861%2064.8241%2066.4364%2065.0109%2067.6099C65.2193%2068.9189%2066.2745%2070%2067.6%2070Z'%20stroke='%23DE583F'%20stroke-width='24'%20mask='url(%23path-2-inside-1_7096_72851)'/%3e%3ccircle%20cx='27'%20cy='35'%20r='7'%20fill='%23DE583F'/%3e%3ccircle%20cx='73'%20cy='35'%20r='7'%20fill='%23DE583F'/%3e%3c/svg%3e", et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Me
+}, Symbol.toStringTag, { value: "Module" })), De = "data:image/svg+xml,%3csvg%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='50'%20cy='50'%20r='47'%20stroke='%23DE583F'%20stroke-width='6'/%3e%3cmask%20id='path-2-inside-1_7096_72851'%20fill='white'%3e%3cpath%20d='M67.6%2070C68.9255%2070%2070.0149%2068.9217%2069.8562%2067.6057C69.6386%2065.8017%2069.1758%2064.032%2068.4776%2062.3463C67.4725%2059.9198%2065.9993%2057.715%2064.1421%2055.8579C62.285%2054.0007%2060.0802%2052.5275%2057.6537%2051.5224C55.2272%2050.5173%2052.6264%2050%2050%2050C47.3736%2050%2044.7728%2050.5173%2042.3463%2051.5224C39.9198%2052.5275%2037.715%2054.0007%2035.8579%2055.8579C34.0007%2057.715%2032.5275%2059.9198%2031.5224%2062.3463C30.8242%2064.032%2030.3614%2065.8017%2030.1438%2067.6057C29.9851%2068.9217%2031.0745%2070%2032.4%2070C33.7255%2070%2034.7807%2068.9189%2034.9891%2067.6099C35.1759%2066.4364%2035.5002%2065.2861%2035.957%2064.1832C36.7209%2062.3391%2037.8405%2060.6634%2039.252%2059.252C40.6634%2057.8405%2042.3391%2056.7209%2044.1832%2055.957C46.0274%2055.1932%2048.0039%2054.8%2050%2054.8C51.9961%2054.8%2053.9726%2055.1932%2055.8168%2055.957C57.6609%2056.7209%2059.3366%2057.8405%2060.748%2059.252C62.1595%2060.6634%2063.2791%2062.3391%2064.043%2064.1832C64.4998%2065.2861%2064.8241%2066.4364%2065.0109%2067.6099C65.2193%2068.9189%2066.2745%2070%2067.6%2070Z'/%3e%3c/mask%3e%3cpath%20d='M67.6%2070C68.9255%2070%2070.0149%2068.9217%2069.8562%2067.6057C69.6386%2065.8017%2069.1758%2064.032%2068.4776%2062.3463C67.4725%2059.9198%2065.9993%2057.715%2064.1421%2055.8579C62.285%2054.0007%2060.0802%2052.5275%2057.6537%2051.5224C55.2272%2050.5173%2052.6264%2050%2050%2050C47.3736%2050%2044.7728%2050.5173%2042.3463%2051.5224C39.9198%2052.5275%2037.715%2054.0007%2035.8579%2055.8579C34.0007%2057.715%2032.5275%2059.9198%2031.5224%2062.3463C30.8242%2064.032%2030.3614%2065.8017%2030.1438%2067.6057C29.9851%2068.9217%2031.0745%2070%2032.4%2070C33.7255%2070%2034.7807%2068.9189%2034.9891%2067.6099C35.1759%2066.4364%2035.5002%2065.2861%2035.957%2064.1832C36.7209%2062.3391%2037.8405%2060.6634%2039.252%2059.252C40.6634%2057.8405%2042.3391%2056.7209%2044.1832%2055.957C46.0274%2055.1932%2048.0039%2054.8%2050%2054.8C51.9961%2054.8%2053.9726%2055.1932%2055.8168%2055.957C57.6609%2056.7209%2059.3366%2057.8405%2060.748%2059.252C62.1595%2060.6634%2063.2791%2062.3391%2064.043%2064.1832C64.4998%2065.2861%2064.8241%2066.4364%2065.0109%2067.6099C65.2193%2068.9189%2066.2745%2070%2067.6%2070Z'%20stroke='%23DE583F'%20stroke-width='24'%20mask='url(%23path-2-inside-1_7096_72851)'/%3e%3ccircle%20cx='27'%20cy='35'%20r='7'%20fill='%23DE583F'/%3e%3ccircle%20cx='73'%20cy='35'%20r='7'%20fill='%23DE583F'/%3e%3c/svg%3e", mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: se
-}, Symbol.toStringTag, { value: "Module" })), ae = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76907'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76907)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: De
+}, Symbol.toStringTag, { value: "Module" })), Oe = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76907'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76907)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ae
-}, Symbol.toStringTag, { value: "Module" })), ue = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1771_11330)'%3e%3cpath%20d='M1%2021H23L12%202L1%2021ZM13%2018H11V16H13V18ZM13%2014H11V10H13V14Z'%20fill='%23E0961E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1771_11330'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  default: Oe
+}, Symbol.toStringTag, { value: "Module" })), Ee = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1771_11330)'%3e%3cpath%20d='M1%2021H23L12%202L1%2021ZM13%2018H11V16H13V18ZM13%2014H11V10H13V14Z'%20fill='%23E0961E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1771_11330'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ue
-}, Symbol.toStringTag, { value: "Module" })), B = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [c, n] of t)
-    o[c] = n;
-  return o;
-}, nt = {
+  default: Ee
+}, Symbol.toStringTag, { value: "Module" })), A = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [i, r] of o)
+    t[i] = r;
+  return t;
+}, wt = {
   props: {
     content: String,
     build_in_theme: {
@@ -103,7 +103,7 @@ const q = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200
   },
   computed: {
     alert_icon_src() {
-      return this.customized_alert_icon_src ? this.customized_alert_icon_src : this.build_in_theme == "blue" ? U : this.build_in_theme == "yellow" ? ue : this.build_in_theme == "red" ? ie : this.build_in_theme == "green" ? ne : U;
+      return this.customized_alert_icon_src ? this.customized_alert_icon_src : this.build_in_theme == "blue" ? ce : this.build_in_theme == "yellow" ? Ee : this.build_in_theme == "red" ? Me : this.build_in_theme == "green" ? Se : ce;
     },
     theme_class() {
       return this.build_in_theme;
@@ -118,70 +118,70 @@ const q = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200
     },
     manuallyClose() {
       if (this.$emit("close", this.$el), this.mounted_programmatically) {
-        const t = this.$el ? this.$el.parentElement : null;
-        if (t) {
-          t.remove();
+        const o = this.$el ? this.$el.parentElement : null;
+        if (o) {
+          o.remove();
           var e = this.$attrs.notification_instances_collection[this.$attrs.id];
           e.unmount(), e._container = null, e = null, delete this.$attrs.notification_instances_collection[this.$attrs.id];
         }
-        const o = document.getElementById("floating-notifications-container");
-        o && o.children.length === 0 && o.remove();
+        const t = document.getElementById("floating-notifications-container");
+        t && t.children.length === 0 && t.remove();
       }
     }
   }
-}, rt = { class: "prefix-icon-container" }, it = ["src"], st = { class: "notifiction-text" }, at = { class: "content-wrapper" }, ut = {
+}, vt = { class: "prefix-icon-container" }, bt = ["src"], gt = { class: "notifiction-text" }, Ct = { class: "content-wrapper" }, Nt = {
   key: 0,
   class: "title"
-}, lt = {
+}, kt = {
   key: 0,
   class: "content-details"
-}, ct = ["innerHTML"], dt = { class: "close-btn-container" };
-function yt(e, t, o, c, n, r) {
-  return s(), a("div", {
-    class: _([
+}, Bt = ["innerHTML"], xt = { class: "close-btn-container" };
+function Tt(e, o, t, i, r, n) {
+  return a(), l("div", {
+    class: h([
       "simplified-notification",
-      r.theme_class,
-      o.customized_class
+      n.theme_class,
+      t.customized_class
     ])
   }, [
-    u("div", rt, [
+    u("div", vt, [
       u("img", {
-        src: r.alert_icon_src,
+        src: n.alert_icon_src,
         class: "prefix_icon"
-      }, null, 8, it)
+      }, null, 8, bt)
     ]),
-    u("div", st, [
-      u("div", at, [
-        o.title ? (s(), a("div", ut, v(o.title), 1)) : p("", !0),
-        b(e.$slots, "content", {}, () => [
-          o.content ? (s(), a("div", lt, [
-            u("div", { innerHTML: o.content }, null, 8, ct)
-          ])) : p("", !0)
+    u("div", gt, [
+      u("div", Ct, [
+        t.title ? (a(), l("div", Nt, L(t.title), 1)) : m("", !0),
+        D(e.$slots, "content", {}, () => [
+          t.content ? (a(), l("div", kt, [
+            u("div", { innerHTML: t.content }, null, 8, Bt)
+          ])) : m("", !0)
         ], !0)
       ])
     ]),
-    u("div", dt, [
-      o.with_close_btn ? (s(), a("img", {
+    u("div", xt, [
+      t.with_close_btn ? (a(), l("img", {
         key: 0,
-        src: re,
+        src: Le,
         class: "close-btn",
-        onClick: t[0] || (t[0] = (...i) => r.manuallyClose && r.manuallyClose(...i))
-      })) : p("", !0)
+        onClick: o[0] || (o[0] = (...d) => n.manuallyClose && n.manuallyClose(...d))
+      })) : m("", !0)
     ])
   ], 2);
 }
-const le = /* @__PURE__ */ B(nt, [["render", yt], ["__scopeId", "data-v-b9afac50"]]);
-function _t() {
-  const e = f(0), t = f(0), o = () => {
-    e.value = window.innerWidth, t.value = window.innerHeight;
+const ze = /* @__PURE__ */ A(wt, [["render", Tt], ["__scopeId", "data-v-b9afac50"]]);
+function le() {
+  const e = x(typeof window < "u" ? window.innerWidth : 0), o = x(typeof window < "u" ? window.innerHeight : 0), t = () => {
+    e.value = window.innerWidth, o.value = window.innerHeight;
   };
-  return Q(() => {
-    o(), window.addEventListener("resize", o);
-  }), be(() => {
-    window.removeEventListener("resize", o);
-  }), { width: e, height: t };
+  return _e(() => {
+    t(), window.addEventListener("resize", t);
+  }), ke(() => {
+    window.removeEventListener("resize", t);
+  }), { width: e, height: o };
 }
-const mt = {
+const St = {
   name: "ResponsiveButton",
   // for recognizing itself when it calls itself inside the component
   inheritAttrs: !1,
@@ -235,7 +235,7 @@ const mt = {
     !this.is_dropdown_option && this.has_dropdown && document.removeEventListener("click", (e) => this.closeWhenClickOutsideDropdownButton(e));
   },
   setup() {
-    const { width: e } = _t();
+    const { width: e } = le();
     return {
       width: e
     };
@@ -267,7 +267,7 @@ const mt = {
       return this.dropdown_options && Array.isArray(this.dropdown_options) && this.dropdown_options.length > 0;
     },
     dynamicDefaultDropdownDownArrow() {
-      return this.build_in_theme == "filled-primary" || this.build_in_theme == "filled-secondary" ? ae : this.build_in_theme == "outlined-secondary" || this.build_in_theme == "text-secondary" ? this.disabled ? H : ee : this.disabled ? H : te;
+      return this.build_in_theme == "filled-primary" || this.build_in_theme == "filled-secondary" ? Oe : this.build_in_theme == "outlined-secondary" || this.build_in_theme == "text-secondary" ? this.disabled ? ue : xe : this.disabled ? ue : Te;
     },
     web_version() {
       return this.width > 1024;
@@ -340,10 +340,10 @@ const mt = {
       if (this.is_dropdown_option)
         this.$emit("remove-nested-dropdown-history-stack", e);
       else
-        for (let t = this.nested_dropdown_option_button_history_stack.length - 1; t >= 0; t--) {
-          const o = this.nested_dropdown_option_button_history_stack[t];
-          if (o.display_name == e.display_name && JSON.stringify(o.dropdown_options) == JSON.stringify(e.dropdown_options)) {
-            this.nested_dropdown_option_button_history_stack.splice(t);
+        for (let o = this.nested_dropdown_option_button_history_stack.length - 1; o >= 0; o--) {
+          const t = this.nested_dropdown_option_button_history_stack[o];
+          if (t.display_name == e.display_name && JSON.stringify(t.dropdown_options) == JSON.stringify(e.dropdown_options)) {
+            this.nested_dropdown_option_button_history_stack.splice(o);
             break;
           }
         }
@@ -358,25 +358,25 @@ const mt = {
     },
     clickNonWebDropdownOption(e) {
       e.disabled || (e.dropdown_options ? setTimeout(() => {
-        var t;
-        for (let o = this.nested_dropdown_option_button_history_stack.length - 1; o >= 0; o--) {
-          const c = this.nested_dropdown_option_button_history_stack[o];
-          if (c.display_name == e.display_name && JSON.stringify(c.dropdown_options) == JSON.stringify(e.dropdown_options)) {
-            t = !0, this.nested_dropdown_option_button_history_stack.splice(o);
+        var o;
+        for (let t = this.nested_dropdown_option_button_history_stack.length - 1; t >= 0; t--) {
+          const i = this.nested_dropdown_option_button_history_stack[t];
+          if (i.display_name == e.display_name && JSON.stringify(i.dropdown_options) == JSON.stringify(e.dropdown_options)) {
+            o = !0, this.nested_dropdown_option_button_history_stack.splice(t);
             break;
           }
         }
-        t || this.nested_dropdown_option_button_history_stack.push({
+        o || this.nested_dropdown_option_button_history_stack.push({
           display_name: e.display_name,
           dropdown_options: e.dropdown_options
         });
       }, 50) : (this.$emit("click", e.display_name), this.is_dropdown_visibile = !1));
     },
     calculateDropdownPosition() {
-      const e = {}, t = this.$refs["responsive-button"], o = this.$refs["responsive-button-dropdown"];
-      if (t && o) {
-        const c = window.innerWidth, n = window.innerHeight, r = t.getBoundingClientRect(), i = r.right, d = r.bottom, m = r.left, w = r.width, k = r.height, C = o.getBoundingClientRect(), g = C.height, N = C.width;
-        this.is_dropdown_option ? (n - d > g + (this.mobile_version ? 4 : 8) ? e.top = "0px" : e.bottom = "0px", c - i > N + (this.mobile_version ? 4 : 8) ? e.left = w + 12 + 8 + "px" : e.right = w + 12 + 8 + "px") : (n - d > g + (this.mobile_version ? 4 : 8) ? e.top = k + (this.mobile_version ? 4 : 8) + "px" : e.bottom = k + (this.mobile_version ? 4 : 8) + "px", c - m > N + (this.mobile_version ? 4 : 8) ? e.left = "0px" : e.right = "0px");
+      const e = {}, o = this.$refs["responsive-button"], t = this.$refs["responsive-button-dropdown"];
+      if (o && t) {
+        const i = window.innerWidth, r = window.innerHeight, n = o.getBoundingClientRect(), d = n.right, s = n.bottom, c = n.left, _ = n.width, p = n.height, w = t.getBoundingClientRect(), S = w.height, k = w.width;
+        this.is_dropdown_option ? (r - s > S + (this.mobile_version ? 4 : 8) ? e.top = "0px" : e.bottom = "0px", i - d > k + (this.mobile_version ? 4 : 8) ? e.left = _ + 12 + 8 + "px" : e.right = _ + 12 + 8 + "px") : (r - s > S + (this.mobile_version ? 4 : 8) ? e.top = p + (this.mobile_version ? 4 : 8) + "px" : e.bottom = p + (this.mobile_version ? 4 : 8) + "px", i - c > k + (this.mobile_version ? 4 : 8) ? e.left = "0px" : e.right = "0px");
       }
       this.dropdown_position_data = e;
     },
@@ -389,154 +389,627 @@ const mt = {
     }
   },
   expose: ["setLoading", "setHold"]
-}, ht = { class: "button-content" }, pt = {
+}, It = { class: "button-content" }, Lt = {
   key: 0,
   class: "prefix-wrapper"
-}, wt = {
+}, Mt = {
   key: 1,
   class: "button-name"
-}, vt = {
+}, Dt = {
   key: 2,
   class: "suffix-wrapper"
-}, ft = {
+}, Ot = {
   key: 3,
   class: "outest-responsive-dropdown-button-default-suffix suffix-wrapper"
-}, bt = ["src"], Ct = {
+}, Et = ["src"], zt = {
   key: 0,
   class: "nested-dropdown-default-suffix suffix-wrapper"
-}, gt = {
+}, At = {
   key: 0,
-  src: E
-}, Nt = {
+  src: ae
+}, Ht = {
   key: 1,
-  src: R
-}, Bt = ["onClick"], Tt = { class: "non-web-dropdown-option-display-name" }, kt = {
+  src: ye
+}, Pt = ["onClick"], Vt = { class: "non-web-dropdown-option-display-name" }, Zt = {
   key: 0,
   class: "non-web-responsive-nested-dropdown-option-default-suffix suffix-wrapper"
-}, It = {
+}, Gt = {
   key: 0,
-  src: E
-}, xt = {
+  src: ae
+}, Rt = {
   key: 1,
-  src: R
+  src: ye
 };
-function St(e, t, o, c, n, r) {
-  const i = Ce("ResponsiveButton", !0), d = ge("component-loading");
-  return S((s(), a("div", {
-    class: _(["responsive-button-wrapper", o.width_type]),
+function Ut(e, o, t, i, r, n) {
+  const d = re("ResponsiveButton", !0), s = Pe("component-loading");
+  return Q((a(), l("div", {
+    class: h(["responsive-button-wrapper", t.width_type]),
     ref: "responsive-button-wrapper"
   }, [
     u("div", {
-      class: _([
+      class: h([
         "responsive-button",
-        o.size,
-        o.width_type,
-        { disabled: o.disabled },
-        { "no-display-name": !o.display_name },
-        { "has-prefix": r.has_prefix },
-        { "has-suffix": r.has_suffix },
-        { held: n.is_button_held },
-        o.build_in_theme,
-        o.customized_class,
+        t.size,
+        t.width_type,
+        { disabled: t.disabled },
+        { "no-display-name": !t.display_name },
+        { "has-prefix": n.has_prefix },
+        { "has-suffix": n.has_suffix },
+        { held: r.is_button_held },
+        t.build_in_theme,
+        t.customized_class,
         // only works when this button has dropdown
-        { hovered: r.is_dropdown_option_hovered },
-        { focused: r.show_dropdown }
+        { hovered: n.is_dropdown_option_hovered },
+        { focused: n.show_dropdown }
       ]),
       ref: "responsive-button",
-      onClick: t[0] || (t[0] = (m) => r.handleClick()),
-      onMouseenter: t[1] || (t[1] = (m) => r.handleMouseEnterButton())
+      onClick: o[0] || (o[0] = (c) => n.handleClick()),
+      onMouseenter: o[1] || (o[1] = (c) => n.handleMouseEnterButton())
     }, [
-      u("div", ht, [
-        e.$slots.prefix ? (s(), a("div", pt, [
-          b(e.$slots, "prefix", {}, void 0, !0)
-        ])) : p("", !0),
-        o.display_name ? (s(), a("div", wt, v(o.display_name), 1)) : p("", !0),
-        e.$slots.suffix ? (s(), a("div", vt, [
-          b(e.$slots, "suffix", {}, void 0, !0)
-        ])) : p("", !0),
-        !o.is_dropdown_option && r.has_dropdown ? (s(), a("div", ft, [
+      u("div", It, [
+        e.$slots.prefix ? (a(), l("div", Lt, [
+          D(e.$slots, "prefix", {}, void 0, !0)
+        ])) : m("", !0),
+        t.display_name ? (a(), l("div", Mt, L(t.display_name), 1)) : m("", !0),
+        e.$slots.suffix ? (a(), l("div", Dt, [
+          D(e.$slots, "suffix", {}, void 0, !0)
+        ])) : m("", !0),
+        !t.is_dropdown_option && n.has_dropdown ? (a(), l("div", Ot, [
           u("img", {
-            src: r.dynamicDefaultDropdownDownArrow,
-            class: _([
+            src: n.dynamicDefaultDropdownDownArrow,
+            class: h([
               "rotate-0",
-              { "rotate-180": r.show_dropdown }
+              { "rotate-180": n.show_dropdown }
             ])
-          }, null, 10, bt)
-        ])) : p("", !0)
+          }, null, 10, Et)
+        ])) : m("", !0)
       ]),
-      o.is_dropdown_option && r.has_dropdown ? (s(), a("div", Ct, [
-        o.disabled ? (s(), a("img", Nt)) : (s(), a("img", gt))
-      ])) : p("", !0)
+      t.is_dropdown_option && n.has_dropdown ? (a(), l("div", zt, [
+        t.disabled ? (a(), l("img", Ht)) : (a(), l("img", At))
+      ])) : m("", !0)
     ], 34),
-    r.web_version && r.show_dropdown ? (s(), a("div", {
+    n.web_version && n.show_dropdown ? (a(), l("div", {
       key: 0,
       ref: "responsive-button-dropdown",
-      class: _([
+      class: h([
         "responsive-button-dropdown",
-        { "sub-dropdown": o.is_dropdown_option }
+        { "sub-dropdown": t.is_dropdown_option }
       ]),
-      style: D(n.dropdown_position_data)
+      style: G(r.dropdown_position_data)
     }, [
-      (s(!0), a(V, null, G(o.dropdown_options, (m) => (s(), Ne(i, Be({
-        key: `${o.display_name.replaceAll(" ", "-")}-dropdown-item-${m.display_name.replaceAll(" ", "-")}`,
+      (a(!0), l(ie, null, se(t.dropdown_options, (c) => (a(), P(d, de({
+        key: `${t.display_name.replaceAll(" ", "-")}-dropdown-item-${c.display_name.replaceAll(" ", "-")}`,
         ref_for: !0
-      }, m, {
+      }, c, {
         customized_class: "responsive-button-dropdown-option",
         width_type: "fill-whole",
         is_dropdown_option: !0,
-        nested_dropdown_option_button_history_stack: o.is_dropdown_option ? e.$attrs.nested_dropdown_option_button_history_stack : n.nested_dropdown_option_button_history_stack,
-        currently_hovered_dropdown_option_display_name: n.currently_hovered_dropdown_option_display_name,
-        onUpdateCurrentlyHoveredDropdownOption: t[2] || (t[2] = (w) => r.updateCurrentlyHoveredDropdownOption(w)),
-        onClick: t[3] || (t[3] = (w) => r.clickWebDropdownOption(w)),
-        onAddNestedDropdownHistoryStack: t[4] || (t[4] = (w) => r.updateNestedDropdownHistoryStack(w)),
-        onRemoveNestedDropdownHistoryStack: t[5] || (t[5] = (w) => r.removeNestedDropdownHistoryStack(w))
+        nested_dropdown_option_button_history_stack: t.is_dropdown_option ? e.$attrs.nested_dropdown_option_button_history_stack : r.nested_dropdown_option_button_history_stack,
+        currently_hovered_dropdown_option_display_name: r.currently_hovered_dropdown_option_display_name,
+        onUpdateCurrentlyHoveredDropdownOption: o[2] || (o[2] = (_) => n.updateCurrentlyHoveredDropdownOption(_)),
+        onClick: o[3] || (o[3] = (_) => n.clickWebDropdownOption(_)),
+        onAddNestedDropdownHistoryStack: o[4] || (o[4] = (_) => n.updateNestedDropdownHistoryStack(_)),
+        onRemoveNestedDropdownHistoryStack: o[5] || (o[5] = (_) => n.removeNestedDropdownHistoryStack(_))
       }), null, 16, ["nested_dropdown_option_button_history_stack", "currently_hovered_dropdown_option_display_name"]))), 128))
-    ], 6)) : !r.web_version && r.show_dropdown ? (s(), a("div", {
+    ], 6)) : !n.web_version && n.show_dropdown ? (a(), l("div", {
       key: 1,
       ref: "responsive-button-dropdown",
-      class: _([
+      class: h([
         "responsive-button-dropdown",
-        { "sub-dropdown": o.is_dropdown_option }
+        { "sub-dropdown": t.is_dropdown_option }
       ]),
-      style: D(n.dropdown_position_data)
+      style: G(r.dropdown_position_data)
     }, [
-      r.non_web_version_nested_dropdown_option_shown ? (s(), a("div", {
+      n.non_web_version_nested_dropdown_option_shown ? (a(), l("div", {
         key: 0,
         class: "non-web-responsive-button-nested-dropdown-button",
-        onClick: t[6] || (t[6] = (m) => r.nonWebRemoveNestedDropdownHistoryStack({
-          display_name: r.non_web_version_nested_dropdown_option_shown,
-          dropdown_options: r.non_web_version_dropdown_options
+        onClick: o[6] || (o[6] = (c) => n.nonWebRemoveNestedDropdownHistoryStack({
+          display_name: n.non_web_version_nested_dropdown_option_shown,
+          dropdown_options: n.non_web_version_dropdown_options
         }))
       }, [
-        t[7] || (t[7] = u("div", { class: "non-web-responsive-nested-dropdown-button-default-prefeix prefix-wrapper" }, [
+        o[7] || (o[7] = u("div", { class: "non-web-responsive-nested-dropdown-button-default-prefeix prefix-wrapper" }, [
           u("img", {
-            src: E,
+            src: ae,
             class: "rotate-180"
           })
         ], -1)),
-        u("div", null, v(r.non_web_version_nested_dropdown_option_shown), 1)
-      ])) : p("", !0),
-      (s(!0), a(V, null, G(r.non_web_version_dropdown_options, (m) => (s(), a("div", {
-        key: `${o.display_name.replaceAll(" ", "-")}-dropdown-item-${m.display_name.replaceAll(" ", "-")}`,
-        class: _(["non-web-responsive-button-dropdown-option", { disabled: m.disabled }]),
-        onClick: (w) => r.clickNonWebDropdownOption(m)
+        u("div", null, L(n.non_web_version_nested_dropdown_option_shown), 1)
+      ])) : m("", !0),
+      (a(!0), l(ie, null, se(n.non_web_version_dropdown_options, (c) => (a(), l("div", {
+        key: `${t.display_name.replaceAll(" ", "-")}-dropdown-item-${c.display_name.replaceAll(" ", "-")}`,
+        class: h(["non-web-responsive-button-dropdown-option", { disabled: c.disabled }]),
+        onClick: (_) => n.clickNonWebDropdownOption(c)
       }, [
-        u("div", Tt, v(m.display_name), 1),
-        m.dropdown_options ? (s(), a("div", kt, [
-          m.disabled ? (s(), a("img", xt)) : (s(), a("img", It))
-        ])) : p("", !0)
-      ], 10, Bt))), 128))
-    ], 6)) : p("", !0)
+        u("div", Vt, L(c.display_name), 1),
+        c.dropdown_options ? (a(), l("div", Zt, [
+          c.disabled ? (a(), l("img", Rt)) : (a(), l("img", Gt))
+        ])) : m("", !0)
+      ], 10, Pt))), 128))
+    ], 6)) : m("", !0)
   ], 2)), [
-    [d, n.loading]
+    [s, r.loading]
   ]);
 }
-const Lt = /* @__PURE__ */ B(mt, [["render", St], ["__scopeId", "data-v-a52df3f1"]]), Mt = {
+const Ft = /* @__PURE__ */ A(St, [["render", Ut], ["__scopeId", "data-v-b993e836"]]);
+function Z(e, o, t) {
+  return Math.min(Math.max(e, o), t);
+}
+function q(e, o = 2) {
+  const t = Math.pow(10, o);
+  return Math.round(e * t) / t;
+}
+function jt(e) {
+  let o = e.replace(/^#/, "").trim();
+  if (![3, 4, 6, 8].includes(o.length)) return null;
+  (o.length === 3 || o.length === 4) && (o = o.split("").map((s) => s + s).join(""));
+  const t = o.length === 8, i = parseInt(o.slice(0, 2), 16), r = parseInt(o.slice(2, 4), 16), n = parseInt(o.slice(4, 6), 16), d = t ? parseInt(o.slice(6, 8), 16) / 255 : 1;
+  return { r: i, g: r, b: n, a: d };
+}
+function we(e) {
+  const t = e.replace(/\s+/g, "").match(/^rgba?\(([^)]+)\)$/i);
+  if (!t) return null;
+  const i = t[1].split(",");
+  if (i.length < 3) return null;
+  const r = (_) => _.endsWith("%") ? Z(parseFloat(_) / 100 * 255, 0, 255) : Z(parseFloat(_), 0, 255), n = r(i[0]), d = r(i[1]), s = r(i[2]);
+  let c = 1;
+  if (i[3] != null) {
+    const _ = i[3];
+    c = _.endsWith("%") ? Z(parseFloat(_) / 100, 0, 1) : Z(parseFloat(_), 0, 1);
+  }
+  return [n, d, s].some((_) => Number.isNaN(_)) ? null : { r: n, g: d, b: s, a: c };
+}
+function $t(e) {
+  const t = e.replace(/\s+/g, "").match(/^hsla?\(([^)]+)\)$/i);
+  if (!t) return null;
+  const i = t[1].split(",");
+  if (i.length < 3) return null;
+  const r = parseFloat(i[0]), n = parseFloat(i[1]), d = parseFloat(i[2]);
+  let s = 1;
+  if (i[3] != null) {
+    const c = i[3];
+    s = c.endsWith("%") ? Z(parseFloat(c) / 100, 0, 1) : Z(parseFloat(c), 0, 1);
+  }
+  return [r, n, d].some((c) => Number.isNaN(c)) ? null : Wt({ h: r, s: n, l: d, a: s });
+}
+function ne({ r: e, g: o, b: t, a: i = 1 }) {
+  const r = e / 255, n = o / 255, d = t / 255, s = Math.max(r, n, d), c = Math.min(r, n, d);
+  let _ = 0, p = 0;
+  const w = (s + c) / 2;
+  if (s !== c) {
+    const S = s - c;
+    switch (p = w > 0.5 ? S / (2 - s - c) : S / (s + c), s) {
+      case r:
+        _ = (n - d) / S + (n < d ? 6 : 0);
+        break;
+      case n:
+        _ = (d - r) / S + 2;
+        break;
+      case d:
+        _ = (r - n) / S + 4;
+        break;
+    }
+    _ /= 6;
+  }
+  return { h: q(_ * 360, 2), s: q(p * 100, 2), l: q(w * 100, 2), a: q(i, 3) };
+}
+function Wt({ h: e, s: o, l: t, a: i = 1 }) {
+  const r = (e % 360 + 360) % 360 / 360, n = Z(o / 100, 0, 1), d = Z(t / 100, 0, 1);
+  if (n === 0) {
+    const k = Math.round(d * 255);
+    return { r: k, g: k, b: k, a: i };
+  }
+  const s = d < 0.5 ? d * (1 + n) : d + n - d * n, c = 2 * d - s, _ = (k, M, v) => (v < 0 && (v += 1), v > 1 && (v -= 1), v < 1 / 6 ? k + (M - k) * 6 * v : v < 1 / 2 ? M : v < 2 / 3 ? k + (M - k) * (2 / 3 - v) * 6 : k), p = Math.round(_(c, s, r + 1 / 3) * 255), w = Math.round(_(c, s, r) * 255), S = Math.round(_(c, s, r - 1 / 3) * 255);
+  return { r: p, g: w, b: S, a: i };
+}
+function Kt(e) {
+  if (typeof document > "u") return null;
+  const o = document.createElement("span");
+  o.style.color = e, o.style.position = "fixed", o.style.left = "-9999px", o.style.top = "-9999px", document.body.appendChild(o);
+  const t = getComputedStyle(o).color;
+  return document.body.removeChild(o), t;
+}
+function B(e) {
+  if (!e || typeof e != "string")
+    throw new Error("parseColorToHsl(color): color must be a non-empty string");
+  const o = e.trim();
+  if (o.startsWith("#")) {
+    const i = jt(o);
+    if (i) return ne(i);
+  }
+  if (/^rgba?\(/i.test(o)) {
+    const i = we(o);
+    if (i) return ne(i);
+  }
+  if (/^hsla?\(/i.test(o)) {
+    const i = $t(o);
+    if (i) return ne(i);
+  }
+  const t = Kt(o);
+  if (t) {
+    const i = we(t);
+    if (i) return ne(i);
+  }
+  throw new Error(`parseColorToHsl: Unable to parse color "${e}"`);
+}
+function F(e, o = {}) {
+  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), c = Math.round(Z(i, 0, 100)), _ = Math.round(Z(r, 0, 100)), p = Z(n, 0, 1);
+  return d ? p < 1 ? `hsl(${s} ${c}% ${_}% / ${q(p, 3)})` : `hsl(${s} ${c}% ${_}%)` : p < 1 ? `hsla(${s}, ${c}%, ${_}%, ${q(p, 3)})` : `hsl(${s}, ${c}%, ${_}%)`;
+}
+function Jn(e, o) {
+  if (typeof e == "string")
+    return B(e);
+  if (typeof e == "object" && e && "h" in e && "s" in e && "l" in e)
+    return e;
+  throw new Error("toHsl: invalid input. Provide a CSS color string or an HSL object.");
+}
+const Jt = { class: "dynamic-color-responsive-button-content" }, Yt = ["innerHTML"], qt = ["src"], Qt = { key: 0 }, Xt = ["innerHTML"], eo = ["src"], to = {
+  __name: "DynamicColorResponsiveButton",
+  props: {
+    has_interaction_effect: {
+      type: Boolean,
+      default: !0
+    },
+    button_type: {
+      type: String,
+      // ENUM: filled, outlined, text, elevated
+      // 1. filled:
+      // Dynamic Color Rules:
+      // Theme Color is used as the background color of the button.
+      // If the background color in HSL format has a third percentage<=50%(eg. HSL((217, 90%, 30%)), the color of the label, the icon, and the mask of the interaction effect will be HSL(217, 90%, 30%+60%)=>HSL(217, 90%, 90%)
+      // If the background color in HSL format has a third percentage> 50%(eg. HSL((217, 90%, 70%)), the color of the label, the icon, and the mask of the interaction effect will be HSL(217, 90%, 70%-60%)=>HSL(217, 90%, 10%)
+      // If the calculated HSL's third percentage >= 100%: directly use HSL(0, 0%, 100%)
+      // If the calculated HSL's third percentage >= 0%: directly use HSL(0, 0%, 0%)
+      // The mask's opacity will be 8%-hover, 10%-focus, 16%-pressed.
+      // 2. outlined:
+      // Dynamic Color Rules:
+      // Theme color is the text/label/icon color of the button.
+      // If the theme color, eg. HSL((217, 90%, 30%), the color of the border and the mask of the interaction effect will be HSL(217, 90%, 30%+50%)=>HSL(217, 90%, 80%).
+      // If the calculated HSL's third percentage >= 100%: directly use HSL(0, 0%, 100%)
+      // The mask's opacity will be 8%-hover, 10%-focus, 16%-pressed.
+      // 3. text:
+      // Dynamic Color Rules:
+      // Theme color is the color of the text/label/icon and the mask of the interaction effect of the button.
+      // The background and the border is the transparent.
+      // The mask's opacity will be 8%-hover, 10%-focus, 16%-pressed.
+      // 4. elevated:
+      // NO Dynamic Color Rules. Hardcode as design
+      default: "filled"
+    },
+    button_border_radius: {
+      type: String,
+      // any valid css border-radius value
+      default: "100px"
+    },
+    built_in_theme: {
+      type: String,
+      // ENUM: primary, secondary, tertiary, primary-container, secondary-container, tertiary-container
+      default: "primary"
+    },
+    customized_theme_color: {
+      type: String,
+      default: ""
+    },
+    customized_class: {
+      type: String,
+      default: ""
+    },
+    width_type: {
+      type: String,
+      // ENUM: fill-whole, fit-content, narrow, wide
+      // NOTES:
+      // 1. fill-whole: the width of the button will be the width of the parent container
+      // 2. fit-content: the width of the button will be the width of the content
+      // 3. narrow: ONLY for icon button, the width of the button will be the narrowest possible
+      // 4. wide: ONLY for icon button, the width of the button will be the widest possible
+      // ICON BUTTON is the button that only has one icon (either prefix or suffix) and no text
+      default: "fit-content"
+    },
+    button_id: {
+      type: String,
+      // If no button_id is provided, consider display_name as the button_id
+      default: ""
+    },
+    display_name: {
+      type: String,
+      default: ""
+    },
+    prefix: {
+      type: String,
+      default: ""
+    },
+    suffix: {
+      type: String,
+      default: ""
+    },
+    prefix_slot_raw_html_content: {
+      type: String,
+      default: ""
+    },
+    suffix_slot_raw_html_content: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      // ENUM: small, medium, large, xlarge
+      // NOTES: the ENUM is the size of the button in web version, we apply responsive rules to make it automatically adapt to mobile version
+      // Responsive Rules:
+      // Web small (figma size) -> Mobile xsmall (figma size)
+      // Web medium (figma size) -> Mobile small (figma size)
+      // Web large (figma size) -> Mobile medium (figma size)
+      // Web xlarge (figma size) -> Mobile large (figma size)
+      default: "small"
+    }
+  },
+  emits: ["click-button"],
+  setup(e, { expose: o, emit: t }) {
+    const i = e, r = t, n = x(null), d = x(null), s = x(null), c = x(!1), _ = I(() => !d.value && (n.value && !s.value || !n.value && s.value)), p = I(() => {
+      if (i.disabled)
+        return _.value ? {
+          h: 0,
+          s: 0,
+          l: 0,
+          a: 0
+        } : B("var(--disabled-button-background-color--)");
+      if (i.button_type === "elevated")
+        return {
+          h: 226,
+          s: 8,
+          l: 96,
+          a: 100
+        };
+      if (i.button_type === "text" || i.button_type === "outlined")
+        return {
+          h: 0,
+          s: 0,
+          l: 0,
+          a: 0
+        };
+      if (i.customized_theme_color)
+        try {
+          return B(i.customized_theme_color);
+        } catch (y) {
+          console.warn((y == null ? void 0 : y.message) ?? "customized theme color is invalid");
+        }
+      switch (i.built_in_theme) {
+        case "primary":
+          return B("var(--Schemes-primary)");
+        case "secondary":
+          return B("var(--Schemes-Secondary)");
+        case "tertiary":
+          return B("var(--Schemes-Tertiary)");
+        case "primary-container":
+          return B("var(--Schemes-Primary-Container)");
+        case "secondary-container":
+          return B("var(--Schemes-Secondary-Container)");
+        case "tertiary-container":
+          return B("var(--Schemes-Tertiary-Container)");
+        default:
+          return B("var(--Schemes-primary)");
+      }
+    }), w = I(() => {
+      if (i.disabled)
+        return B("var(--disabled-color--)");
+      if (i.button_type === "elevated")
+        return B("var(--Schemes-primary)");
+      if (i.button_type === "text" || i.button_type === "outlined") {
+        if (i.customized_theme_color)
+          try {
+            return B(i.customized_theme_color);
+          } catch (y) {
+            console.warn((y == null ? void 0 : y.message) ?? "customized theme color is invalid");
+          }
+        switch (i.built_in_theme) {
+          case "primary":
+            return B("var(--Schemes-primary)");
+          case "secondary":
+            return B("var(--Schemes-Secondary)");
+          case "tertiary":
+            return B("var(--Schemes-Tertiary)");
+          case "primary-container":
+            return B("var(--Schemes-Primary-Container)");
+          case "secondary-container":
+            return B("var(--Schemes-Secondary-Container)");
+          case "tertiary-container":
+            return B("var(--Schemes-Tertiary-Container)");
+          default:
+            return B("var(--Schemes-primary)");
+        }
+      }
+      if (p.value.l > 50) {
+        const y = p.value.l - 60;
+        return y <= 0 ? {
+          h: 0,
+          s: 0,
+          l: 0,
+          a: p.value.a
+        } : {
+          h: p.value.h,
+          s: p.value.s,
+          l: y,
+          a: p.value.a
+        };
+      } else {
+        const y = p.value.l + 60;
+        return y >= 100 ? {
+          h: 0,
+          s: 0,
+          l: 100,
+          a: p.value.a
+        } : {
+          h: p.value.h,
+          s: p.value.s,
+          l: y,
+          a: p.value.a
+        };
+      }
+    }), S = I(() => {
+      if (i.button_type == "outlined") {
+        if (i.disabled)
+          return {
+            h: 220,
+            s: 12,
+            l: 80,
+            a: 1
+          };
+        if (w.value.l > 50) {
+          const y = w.value.l - 50;
+          return y <= 0 ? {
+            h: 0,
+            s: 0,
+            l: 0,
+            a: w.value.a
+          } : {
+            h: w.value.h,
+            s: w.value.s,
+            l: y,
+            a: w.value.a
+          };
+        } else {
+          const y = w.value.l + 50;
+          return y >= 100 ? {
+            h: 0,
+            s: 0,
+            l: 100,
+            a: w.value.a
+          } : {
+            h: w.value.h,
+            s: w.value.s,
+            l: y,
+            a: w.value.a
+          };
+        }
+      }
+      return i.button_type == "elevated" ? {
+        h: 0,
+        s: 0,
+        l: 0,
+        a: 0
+      } : p.value;
+    }), k = () => {
+      i.disabled || r("click-button", i.button_id ? i.button_id : i.display_name, i.display_name);
+    };
+    return o({
+      handleFocusButton: () => {
+        c.value = !0;
+      },
+      handleBlurButton: () => {
+        c.value = !1;
+      }
+    }), (y, g) => (a(), l("div", {
+      class: h([
+        "dynamic-color-responsive-button-container",
+        { "has-interaction-effect": e.has_interaction_effect },
+        e.size,
+        { disabled: e.disabled },
+        e.button_type,
+        e.customized_class,
+        _.value ? "icon-button" : e.width_type,
+        { narrow: _.value && e.width_type === "narrow" },
+        { wide: _.value && e.width_type === "wide" }
+      ]),
+      style: G({
+        "--button-background-color--": U(F)(p.value),
+        "--button-text-color--": U(F)(w.value),
+        "--button-border-color--": U(F)(S.value, { modern: !0 }),
+        "--button-border-radius--": e.button_border_radius
+      })
+    }, [
+      u("div", {
+        class: h(["dynamic-color-responsive-button", { focus: c.value }]),
+        onClick: k
+      }, [
+        u("div", Jt, [
+          y.$slots.prefix || e.prefix || e.prefix_slot_raw_html_content ? (a(), l("div", {
+            key: 0,
+            class: "prefix-wrapper",
+            ref_key: "prefix_wrapper",
+            ref: n
+          }, [
+            D(y.$slots, "prefix", {}, () => [
+              e.prefix_slot_raw_html_content ? (a(), l("div", {
+                key: 0,
+                class: "prefix-raw-html-slot",
+                innerHTML: e.prefix_slot_raw_html_content
+              }, null, 8, Yt)) : (a(), l("img", {
+                key: 1,
+                src: e.prefix
+              }, null, 8, qt))
+            ], !0)
+          ], 512)) : m("", !0),
+          y.$slots.default || e.display_name ? (a(), l("div", {
+            key: 1,
+            class: "button-name-wrapper",
+            ref_key: "button_name_wrapper",
+            ref: d
+          }, [
+            D(y.$slots, "default", {}, () => [
+              e.display_name ? (a(), l("div", Qt, L(e.display_name), 1)) : m("", !0)
+            ], !0)
+          ], 512)) : m("", !0),
+          y.$slots.suffix || e.suffix || e.suffix_slot_raw_html_content ? (a(), l("div", {
+            key: 2,
+            class: "suffix-wrapper",
+            ref_key: "suffix_wrapper",
+            ref: s
+          }, [
+            D(y.$slots, "suffix", {}, () => [
+              e.suffix_slot_raw_html_content ? (a(), l("div", {
+                key: 0,
+                class: "suffix-raw-html-slot",
+                innerHTML: e.suffix_slot_raw_html_content
+              }, null, 8, Xt)) : (a(), l("img", {
+                key: 1,
+                src: e.suffix
+              }, null, 8, eo))
+            ], !0)
+          ], 512)) : m("", !0)
+        ])
+      ], 2)
+    ], 6));
+  }
+}, he = /* @__PURE__ */ A(to, [["__scopeId", "data-v-41cc1a6c"]]), oo = {
+  components: {
+    DynamicColorResponsiveButton: he
+  },
+  setup() {
+    const e = x(null), o = x(null);
+    return {
+      prefix_wrapper: e,
+      suffix_wrapper: o
+    };
+  },
   props: {
     modelValue: {
       type: [String, Number],
       default: ""
     },
+    label: {
+      type: String,
+      default: ""
+    },
+    label_type: {
+      type: String,
+      // ENUM: inside, outside
+      // NOTES:
+      // 1. inside: the label will be inside the input box
+      // 2. outside: the label will be outside the input box
+      default: "outside"
+    },
+    theme_type: {
+      type: String,
+      // ENUM: filled, outlined
+      default: "outlined"
+    },
+    customized_theme_color: {
+      type: String,
+      default: ""
+    },
     type: {
       //ENUM: all type values of the raw input tag work
       // some of the values works without using <form></form> and <button type = "submit"></button> are:
@@ -549,6 +1022,10 @@ const Lt = /* @__PURE__ */ B(mt, [["render", St], ["__scopeId", "data-v-a52df3f1
       type: String,
       default: "Enter"
     },
+    required: {
+      type: Boolean,
+      default: !1
+    },
     clearable: {
       type: Boolean,
       default: !1
@@ -582,6 +1059,27 @@ const Lt = /* @__PURE__ */ B(mt, [["render", St], ["__scopeId", "data-v-a52df3f1
   computed: {
     show_clear_icon() {
       return this.clearable && this.value && !this.disabled && (this.hovered || this.is_focus);
+    },
+    has_prefix() {
+      return this.prefix_wrapper;
+    },
+    has_suffix() {
+      return this.suffix_wrapper;
+    },
+    regular_inline_svg_icon_color() {
+      return this.disabled ? "var(--disabled-color--)" : "#434956";
+    },
+    regular_border_color() {
+      return this.disabled ? "var(--disabled-color--)" : this.show_error ? "var(--semantic-error-color--)" : this.show_alert ? "var(--semantic-alert-color--)" : this.is_focus ? this.customized_theme_color || "var(--Schemes-primary)" : this.hovered ? "#17181C" : "#434956";
+    },
+    border_width_in_box_shadow() {
+      return this.is_focus ? this.theme_type == "filled" ? "-3px" : "3px" : this.theme_type == "filled" ? "-1px" : "1px";
+    },
+    background_color() {
+      return this.theme_type == "outlined" ? "transparent" : this.disabled ? "var(--disabled-button-background-color--)" : this.is_focus ? "color-mix(in srgb, #EEEFF1, rgb(23, 24, 28) 10%)" : this.hovered ? "color-mix(in srgb, #EEEFF1, rgb(23, 24, 28) 8%)" : "#EEEFF1";
+    },
+    inside_label_color() {
+      return this.disabled ? "var(--disabled-color--)" : this.show_error ? "var(--semantic-error-color--)" : this.show_alert ? "var(--semantic-alert-color--)" : this.is_focus ? this.customized_theme_color || "var(--Schemes-primary)" : "#434956";
     }
   },
   emits: [
@@ -636,80 +1134,646 @@ const Lt = /* @__PURE__ */ B(mt, [["render", St], ["__scopeId", "data-v-a52df3f1
     }
   },
   expose: ["focus", "blur", "alert", "error", "removeAlertOrErrorEffect"]
-}, Ot = { class: "input-box-unit-wrapper" }, Dt = {
+}, no = {
   key: 0,
-  class: "prefix-wrapper"
-}, Et = ["disabled", "type", "placeholder", "autocomplete"];
-function At(e, t, o, c, n, r) {
-  return s(), a("div", Ot, [
+  class: "label-outside"
+}, ro = { class: "label-text" }, io = {
+  key: 0,
+  class: "required-icon"
+}, so = {
+  key: 0,
+  class: "prefix-wrapper",
+  ref: "prefix_wrapper"
+}, ao = { class: "input-box-wrapper" }, lo = {
+  key: 0,
+  class: "label-inside"
+}, uo = { class: "label-text" }, co = {
+  key: 0,
+  class: "required-icon"
+}, _o = ["disabled", "type", "placeholder", "autocomplete"], yo = {
+  key: 1,
+  class: /* @__PURE__ */ h([
+    "message-container"
+  ])
+}, ho = {
+  key: 0,
+  class: "customized-supporting-text"
+};
+function mo(e, o, t, i, r, n) {
+  const d = re("DynamicColorResponsiveButton");
+  return a(), l("div", {
+    class: h([
+      "input-box-unit-wrapper",
+      t.theme_type,
+      t.label_type,
+      { disabled: t.disabled }
+    ]),
+    style: G({
+      "--input-box-border-color--": n.regular_border_color,
+      "--input-box-border-width--": n.border_width_in_box_shadow,
+      "--input-box-background-color--": n.background_color,
+      "--inside-label-color--": n.inside_label_color
+    })
+  }, [
+    t.label && t.label_type == "outside" ? (a(), l("div", no, [
+      u("span", ro, L(t.label), 1),
+      o[5] || (o[5] = X()),
+      t.required ? (a(), l("span", io, "*")) : m("", !0)
+    ])) : m("", !0),
     u("div", {
-      class: _([
+      class: h([
         "input-box-unit",
-        { "is-focus": n.is_focus },
-        { "has-prefix": e.$slots.prefix },
-        { "has-suffix": e.$slots.suffix },
-        { disabled: o.disabled },
-        { error: n.show_error },
-        { alert: n.show_alert }
+        { "is-focus": r.is_focus },
+        { "has-prefix": n.has_prefix },
+        { "has-suffix": n.has_suffix },
+        { disabled: t.disabled },
+        { error: r.show_error },
+        { alert: r.show_alert }
       ]),
       ref: "input-box-unit",
-      onMouseenter: t[3] || (t[3] = (i) => n.hovered = !0),
-      onMouseleave: t[4] || (t[4] = (i) => n.hovered = !1),
-      onClick: t[5] || (t[5] = (i) => r.handleClickInputBoxUnit(i))
+      onMouseenter: o[2] || (o[2] = (s) => r.hovered = !0),
+      onMouseleave: o[3] || (o[3] = (s) => r.hovered = !1),
+      onClick: o[4] || (o[4] = (s) => n.handleClickInputBoxUnit(s))
     }, [
-      e.$slots.prefix ? (s(), a("div", Dt, [
-        b(e.$slots, "prefix", {}, void 0, !0)
-      ])) : p("", !0),
-      S(u("input", {
-        "onUpdate:modelValue": t[0] || (t[0] = (i) => n.value = i),
-        class: _([
-          "input-box"
-        ]),
-        ref: "input-box",
-        disabled: o.disabled,
-        type: o.type,
-        placeholder: o.placeholder,
-        autocomplete: o.autocomplete,
-        onKeydown: t[1] || (t[1] = (i) => r.handleKeydown(i))
-      }, null, 40, Et), [
-        [Te, n.value]
+      e.$slots.prefix ? (a(), l("div", so, [
+        K(d, {
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: n.regular_inline_svg_icon_color,
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => [
+            D(e.$slots, "prefix", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["customized_theme_color", "disabled"])
+      ], 512)) : m("", !0),
+      u("div", ao, [
+        t.label && t.label_type == "inside" ? (a(), l("div", lo, [
+          u("span", uo, L(t.label), 1),
+          o[6] || (o[6] = X()),
+          t.required ? (a(), l("span", co, "*")) : m("", !0)
+        ])) : m("", !0),
+        Q(u("input", {
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => r.value = s),
+          class: h([
+            "input-box"
+          ]),
+          ref: "input-box",
+          disabled: t.disabled,
+          type: t.type,
+          placeholder: t.placeholder,
+          autocomplete: t.autocomplete,
+          onKeydown: o[1] || (o[1] = (s) => n.handleKeydown(s))
+        }, null, 40, _o), [
+          [Ve, r.value]
+        ])
       ]),
-      e.$slots.suffix || r.show_clear_icon ? (s(), a("div", {
+      e.$slots.suffix || n.show_clear_icon || r.show_alert || r.show_error ? (a(), l("div", {
         key: 1,
-        class: _([
+        ref: "suffix_wrapper",
+        class: h([
           "suffix-wrapper",
-          { "only-clear-icon": r.show_clear_icon && !e.$slots.suffix },
-          { "with-date-icon": o.type == "date" }
+          { "only-clear-icon": n.show_clear_icon && !e.$slots.suffix },
+          { "with-date-icon": t.type == "date" }
         ])
       }, [
-        u("img", {
-          src: A,
-          class: _([
-            "clear-icon",
-            { hide: !r.show_clear_icon }
+        n.show_clear_icon ? (a(), P(d, {
+          key: 0,
+          button_type: "text",
+          customized_theme_color: n.regular_inline_svg_icon_color,
+          width_type: "fit-content",
+          disabled: t.disabled,
+          onClick: n.handleClearValue
+        }, {
+          prefix: V(() => o[7] || (o[7] = [
+            u("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "17",
+              height: "17",
+              viewBox: "0 0 17 17",
+              fill: "none"
+            }, [
+              u("path", {
+                d: "M5.33333 12.5L8.33333 9.5L11.3333 12.5L12.5 11.3333L9.5 8.33333L12.5 5.33333L11.3333 4.16667L8.33333 7.16667L5.33333 4.16667L4.16667 5.33333L7.16667 8.33333L4.16667 11.3333L5.33333 12.5ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667ZM8.33333 15C10.1944 15 11.7708 14.3542 13.0625 13.0625C14.3542 11.7708 15 10.1944 15 8.33333C15 6.47222 14.3542 4.89583 13.0625 3.60417C11.7708 2.3125 10.1944 1.66667 8.33333 1.66667C6.47222 1.66667 4.89583 2.3125 3.60417 3.60417C2.3125 4.89583 1.66667 6.47222 1.66667 8.33333C1.66667 10.1944 2.3125 11.7708 3.60417 13.0625C4.89583 14.3542 6.47222 15 8.33333 15Z",
+                fill: "currentColor"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["customized_theme_color", "disabled", "onClick"])) : r.show_error ? (a(), P(d, {
+          key: 1,
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: "var(--semantic-error-color--)",
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => o[8] || (o[8] = [
+            u("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "17",
+              height: "17",
+              viewBox: "0 0 17 17",
+              fill: "none"
+            }, [
+              u("path", {
+                d: "M8.33333 12.5C8.56944 12.5 8.76736 12.4201 8.92708 12.2604C9.08681 12.1007 9.16667 11.9028 9.16667 11.6667C9.16667 11.4306 9.08681 11.2326 8.92708 11.0729C8.76736 10.9132 8.56944 10.8333 8.33333 10.8333C8.09722 10.8333 7.89931 10.9132 7.73958 11.0729C7.57986 11.2326 7.5 11.4306 7.5 11.6667C7.5 11.9028 7.57986 12.1007 7.73958 12.2604C7.89931 12.4201 8.09722 12.5 8.33333 12.5ZM7.5 9.16667H9.16667V4.16667H7.5V9.16667ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667Z",
+                fill: "currentColor"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["disabled"])) : r.show_alert ? (a(), P(d, {
+          key: 2,
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: "var(--semantic-alert-color--)",
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => o[9] || (o[9] = [
+            u("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "22",
+              height: "19",
+              viewBox: "0 0 22 19",
+              fill: "none"
+            }, [
+              u("path", {
+                d: "M0 19L11 0L22 19H0ZM3.45 17H18.55L11 4L3.45 17ZM11 16C11.2833 16 11.5208 15.9042 11.7125 15.7125C11.9042 15.5208 12 15.2833 12 15C12 14.7167 11.9042 14.4792 11.7125 14.2875C11.5208 14.0958 11.2833 14 11 14C10.7167 14 10.4792 14.0958 10.2875 14.2875C10.0958 14.4792 10 14.7167 10 15C10 15.2833 10.0958 15.5208 10.2875 15.7125C10.4792 15.9042 10.7167 16 11 16ZM10 13H12V8H10V13Z",
+                fill: "currentColor"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["disabled"])) : m("", !0),
+        e.$slots.suffix ? (a(), P(d, {
+          key: 3,
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: n.regular_inline_svg_icon_color,
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => [
+            D(e.$slots, "suffix", {}, void 0, !0)
           ]),
-          onClick: t[2] || (t[2] = (...i) => r.handleClearValue && r.handleClearValue(...i))
-        }, null, 2),
-        b(e.$slots, "suffix", {}, void 0, !0)
-      ], 2)) : p("", !0)
+          _: 3
+        }, 8, ["customized_theme_color", "disabled"])) : m("", !0)
+      ], 2)) : m("", !0)
     ], 34),
-    (n.show_alert || n.show_error) && n.message_notification_text ? (s(), a("div", {
-      key: 0,
-      class: _([
-        "message-container",
-        { error: n.show_error },
-        { alert: n.show_alert }
-      ])
-    }, v(n.message_notification_text), 3)) : p("", !0)
-  ]);
+    e.$slots.supportingText || (r.show_alert || r.show_error) && r.message_notification_text ? (a(), l("div", yo, [
+      e.$slots.supportingText ? (a(), l("div", ho, [
+        D(e.$slots, "supportingText", {}, void 0, !0)
+      ])) : m("", !0),
+      u("div", {
+        class: h([
+          { error: r.show_error },
+          { alert: r.show_alert }
+        ])
+      }, L(r.message_notification_text), 3)
+    ])) : m("", !0)
+  ], 6);
 }
-const ce = /* @__PURE__ */ B(Mt, [["render", At], ["__scopeId", "data-v-9cf7bf2f"]]), Pt = {
+const Ae = /* @__PURE__ */ A(oo, [["render", mo], ["__scopeId", "data-v-3e172ef2"]]), po = { class: "dropdown-menu-item-content" }, fo = {
+  key: 0,
+  class: /* @__PURE__ */ h(["prefix-wrapper"])
+}, wo = {
+  key: 1,
+  class: /* @__PURE__ */ h(["prefix-wrapper"])
+}, vo = ["innerHTML"], bo = ["src"], go = {
+  key: 0,
+  class: /* @__PURE__ */ h(["suffix-wrapper"])
+}, Co = ["innerHTML"], No = ["src"], ko = {
+  key: 2,
+  class: /* @__PURE__ */ h(["dropdown-icon"]),
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, Bo = {
+  key: 1,
+  class: /* @__PURE__ */ h(["dropdown-menu-item-divider"])
+}, xo = {
+  __name: "DropdownMenuItem",
+  props: {
+    has_divider: {
+      type: Boolean,
+      default: !1
+    },
+    is_selected: {
+      // ?: Optional
+      type: Boolean,
+      default: !1
+    },
+    prefix: {
+      type: String,
+      default: ""
+    },
+    suffix: {
+      type: String,
+      default: ""
+    },
+    prefix_slot_raw_html_content: {
+      // ?: Optional
+      // Priority: prefix slot > prefix slot raw html content prop > prefix prop
+      type: String,
+      default: ""
+    },
+    suffix_slot_raw_html_content: {
+      // ?: Optional
+      // Priority: suffix slot > suffix slot raw html content prop > suffix prop > default dropdown icon
+      type: String,
+      default: ""
+    },
+    value: {
+      type: [String, Number, Boolean, Object],
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    in_dropdown_level: {
+      type: Number,
+      default: 0
+    },
+    size: {
+      type: String,
+      default: "small"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      // ?: Optional
+      // Options structure:
+      // [
+      //     {
+      //         value: String,
+      //         label: String,
+      //         prefix?: String,
+      //         suffix?: String,
+      //         prefix_slot_raw_html_content?: String, -> To auto adapt the color change due to interaction state, recommended: inline svg content with currentColor
+      //         suffix_slot_raw_html_content?: String, -> To auto adapt the color change due to interaction state, recommended: inline svg content with currentColor
+      //         options?: Array<Option>
+      //         is_selected?: Boolean,
+      //         has_divider?: Boolean,
+      //         disabled?: Boolean
+      //     }
+      // ]
+      // where Option:
+      // {
+      //     value: String,
+      //     label: String,
+      //     prefix?: String,
+      //     suffix?: String,
+      //     prefix_slot_raw_html_content?: String,
+      //     suffix_slot_raw_html_content?: String,
+      //     options?: Array<Option>
+      //     is_selected?: Boolean,
+      //     has_divider?: Boolean,
+      //     disabled?: Boolean
+      //     }
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    "select-dropdown-option",
+    "add-new-shown-nested-dropdown",
+    "remove-shown-nested-dropdown",
+    "update-shown-nested-dropdown"
+  ],
+  setup(e, { emit: o }) {
+    const t = e, i = o, r = x(null), n = x(null), d = x("fit-content"), s = Be(), { width: c } = le(), _ = I(() => c.value > 1024), p = I(() => {
+      var b;
+      return ((b = t.options) == null ? void 0 : b.length) > 0;
+    }), w = I(() => s.nested_dropdown_history_stack || []), S = I(() => s.parent_dropdown_menu_with_type == "fill-whole"), k = I(() => {
+      if (_.value)
+        return !0;
+      if (w.value.length == 0 || w.value.length == t.in_dropdown_level)
+        return !0;
+      {
+        const b = w.value[w.value.length - 1];
+        return b.in_dropdown_level == t.in_dropdown_level && b.value == t.value && JSON.stringify(b.options) == JSON.stringify(t.options);
+      }
+    }), M = I(() => {
+      if (!p.value || t.disabled || w.value.length == 0 || w.value.length <= t.in_dropdown_level)
+        return !1;
+      if (w.value.length > t.in_dropdown_level) {
+        const b = w.value[t.in_dropdown_level];
+        return b.in_dropdown_level == t.in_dropdown_level && b.value == t.value && JSON.stringify(b.options) == JSON.stringify(t.options);
+      }
+      return !1;
+    }), v = I(() => t.has_divider && k.value || !_.value && M.value), y = () => {
+      t.disabled || (p.value ? _.value ? i("add-new-shown-nested-dropdown", t, "click") : M.value ? i("remove-shown-nested-dropdown", t) : i("add-new-shown-nested-dropdown", t, "click") : i("select-dropdown-option", t.value, t.label, t.in_dropdown_level));
+    }, g = () => {
+      t.disabled || _.value && (p.value && !M.value ? i("add-new-shown-nested-dropdown", t, "hover") : p.value || i("update-shown-nested-dropdown", t));
+    }, O = () => {
+      var b = {};
+      if (_.value) {
+        if (r.value && n.value) {
+          const T = window.innerWidth - r.value.getBoundingClientRect().right, z = r.value.getBoundingClientRect().left, E = n.value.offsetWidth;
+          if (T > E + 4)
+            console.log("Show at right", T, E), b.left = "calc(100% + 4px)", b.width = "fit-content", d.value = "fit-content";
+          else if (z > E + 4)
+            console.log("Show at left", z, E), b.right = "calc(100% + 4px)", b.width = "fit-content", d.value = "fit-content";
+          else {
+            const f = Math.max(T, z);
+            f === T ? b.left = "calc(100% + 4px)" : b.right = "calc(100% + 4px)", b.width = f - 15 + "px", d.value = "fill-whole";
+          }
+          const W = window.innerHeight - r.value.getBoundingClientRect().top, te = r.value.getBoundingClientRect().bottom, J = n.value.offsetHeight;
+          W > J ? b.top = "0px" : te > J ? b.bottom = v.value ? "17px" : "0px" : Math.max(W, te) === W ? b.top = "0px" : b.bottom = v.value ? "17px" : "0px";
+        }
+      } else
+        b.width = "100%", d.value = "fill-whole";
+      return console.log(b), b;
+    }, R = (b, T, z) => {
+      i("select-dropdown-option", b, T, z);
+    }, H = (b, T) => {
+      i("add-new-shown-nested-dropdown", b, T);
+    }, j = (b) => {
+      i("remove-shown-nested-dropdown", b);
+    }, ee = (b) => {
+      i("update-shown-nested-dropdown", b);
+    };
+    return (b, T) => (a(), l("div", {
+      class: h(["dropdown-menu-item-wrapper", e.size])
+    }, [
+      k.value ? (a(), l("div", {
+        key: 0,
+        class: h([
+          "dropdown-menu-item",
+          { disabled: e.disabled },
+          { focus: M.value && _.value },
+          { selected: e.is_selected }
+        ]),
+        onClick: T[0] || (T[0] = (z) => y()),
+        onMouseenter: T[1] || (T[1] = (z) => g()),
+        ref_key: "dropdown_menu_item",
+        ref: r
+      }, [
+        u("div", po, [
+          !_.value && p.value && M.value ? (a(), l("div", fo, T[6] || (T[6] = [
+            u("svg", {
+              class: "rotate-180",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none"
+            }, [
+              u("path", {
+                d: "M10 17V7L15 12L10 17Z",
+                fill: "currentColor"
+              })
+            ], -1)
+          ]))) : b.$slots.prefix || e.prefix_slot_raw_html_content || e.prefix ? (a(), l("div", wo, [
+            D(b.$slots, "prefix", {}, () => [
+              e.prefix_slot_raw_html_content ? (a(), l("div", {
+                key: 0,
+                class: "prefix-raw-html-slot",
+                innerHTML: e.prefix_slot_raw_html_content
+              }, null, 8, vo)) : (a(), l("img", {
+                key: 1,
+                src: e.prefix
+              }, null, 8, bo))
+            ], !0)
+          ])) : m("", !0),
+          u("div", {
+            class: h(["text", { "wrap-text": S.value }])
+          }, L(e.label), 3)
+        ]),
+        b.$slots.suffix || e.suffix_slot_raw_html_content || e.suffix || p.value ? (a(), l("div", go, [
+          D(b.$slots, "suffix", {}, () => [
+            e.suffix_slot_raw_html_content ? (a(), l("div", {
+              key: 0,
+              class: "suffix-raw-html-slot",
+              innerHTML: e.suffix_slot_raw_html_content
+            }, null, 8, Co)) : e.suffix ? (a(), l("img", {
+              key: 1,
+              src: e.suffix
+            }, null, 8, No)) : p.value && (_.value || !_.value && !M.value) ? (a(), l("svg", ko, T[7] || (T[7] = [
+              u("path", {
+                d: "M10 17V7L15 12L10 17Z",
+                fill: "#434956"
+              }, null, -1)
+            ]))) : m("", !0)
+          ], !0)
+        ])) : m("", !0)
+      ], 34)) : m("", !0),
+      v.value ? (a(), l("div", Bo)) : m("", !0),
+      M.value ? (a(), l("div", {
+        key: 2,
+        class: h([
+          "dropdown-menu-item-dropdown-wrapper",
+          { "web-version": _.value },
+          { "non-web-version": !_.value }
+        ]),
+        ref_key: "dropdown_menu_item_dropdown_wrapper",
+        ref: n,
+        style: G(O())
+      }, [
+        K(me, {
+          width_type: d.value,
+          options: e.options,
+          with_box_shadow: _.value ? b.$attrs.with_box_shadow : !1,
+          size: e.size,
+          dropdown_level: e.in_dropdown_level + 1,
+          outest_nested_dropdown_history_stack: U(s).nested_dropdown_history_stack,
+          onSelectDropdownOption: T[2] || (T[2] = (z, E, W) => R(z, E, W)),
+          onAddNewShownNestedDropdown: T[3] || (T[3] = (z, E) => H(z, E)),
+          onRemoveShownNestedDropdown: T[4] || (T[4] = (z) => j(z)),
+          onUpdateShownNestedDropdown: T[5] || (T[5] = (z) => ee(z))
+        }, null, 8, ["width_type", "options", "with_box_shadow", "size", "dropdown_level", "outest_nested_dropdown_history_stack"])
+      ], 6)) : m("", !0)
+    ], 2));
+  }
+}, ve = /* @__PURE__ */ A(xo, [["__scopeId", "data-v-be13e5b7"]]), To = {
+  key: 0,
+  class: "no-data-notes"
+}, So = { key: 1 }, Io = { key: 2 }, Lo = {
+  __name: "DropdownMenu",
+  props: {
+    width_type: {
+      type: String,
+      // ENUM: fill-whole, fit-content
+      default: "fill-whole"
+    },
+    options: {
+      // ?: Optional
+      // Options structure: see README DropdownMenu for full schema
+      // [
+      //     {
+      //         value: [String, Number, Boolean, Object],
+      //         label: String,
+      //         prefix?: String,
+      //         suffix?: String,
+      //         prefix_slot_raw_html_content?: String,
+      //         suffix_slot_raw_html_content?: String,
+      //         options?: Array<Option>,
+      //         has_divider?: Boolean
+      //         disabled?: Boolean
+      //         is_selected?: Boolean
+      //     }
+      // ]
+      // where Option: (DropdownMenuItem.vue props)
+      // {
+      //     value: [String, Number, Boolean, Object],
+      //     label: String,
+      //     prefix?: String,
+      //     suffix?: String,
+      //     prefix_slot_raw_html_content?: String,
+      //     suffix_slot_raw_html_content?: String,
+      //     options?: Array<Option>,
+      //     has_divider?: Boolean
+      //     disabled?: Boolean
+      //     is_selected?: Boolean
+      // }
+      type: Array,
+      default: () => []
+    },
+    size: {
+      type: String,
+      // ENUM: small, medium, large
+      default: "small"
+    },
+    dropdown_level: {
+      // ?: Optional
+      // The level of the dropdown menu
+      // 0: root dropdown menu
+      // 1: first nested dropdown menu
+      // 2: second nested dropdown menu
+      // ...
+      type: Number,
+      default: 0
+    },
+    with_box_shadow: {
+      type: Boolean,
+      default: !0
+    },
+    is_loading: {
+      type: Boolean,
+      default: !1
+    },
+    loading_text: {
+      type: String,
+      default: "Loading..."
+    },
+    no_data_text: {
+      type: String,
+      default: "No data"
+    }
+  },
+  emits: [
+    "select-dropdown-option",
+    "add-new-shown-nested-dropdown",
+    "remove-shown-nested-dropdown",
+    "update-shown-nested-dropdown",
+    "click-outside-dropdown-menu"
+  ],
+  setup(e, { emit: o }) {
+    const t = e, i = o, r = Be(), { width: n } = le(), d = x(null), s = x([]), c = I(() => r.outest_nested_dropdown_history_stack), _ = I(() => n.value > 1024), p = I(() => t.dropdown_level != 0 ? c.value.length > 0 ? c.value[c.value.length - 1] : null : s.value.length > 0 ? s.value[s.value.length - 1] : null), w = (y, g, O) => {
+      i("select-dropdown-option", y, g, O);
+    }, S = (y, g) => {
+      t.dropdown_level == 0 ? (s.value.splice(y.in_dropdown_level), s.value.push(y)) : i("add-new-shown-nested-dropdown", y, g);
+    }, k = (y) => {
+      t.dropdown_level == 0 ? s.value.pop() : i("remove-shown-nested-dropdown", y);
+    }, M = (y) => {
+      t.dropdown_level == 0 ? s.value.splice(y.in_dropdown_level) : i("update-shown-nested-dropdown", y);
+    }, v = (y) => {
+      d.value && !d.value.contains(y.target) && i("click-outside-dropdown-menu", y);
+    };
+    return _e(() => {
+      t.dropdown_level == 0 && document.addEventListener("click", (y) => v(y), !0);
+    }), ke(() => {
+      t.dropdown_level == 0 && document.removeEventListener("click", (y) => v(y), !0);
+    }), (y, g) => (a(), l("div", {
+      class: h(["dropdown-menu", e.size, { "with-box-shadow": e.with_box_shadow }, e.width_type]),
+      ref_key: "dropdown_menu",
+      ref: d
+    }, [
+      !e.options || e.options.length == 0 ? (a(), l("div", To, L(e.is_loading ? e.loading_text : e.no_data_text), 1)) : _.value || s.value.length == 0 ? (a(), l("div", So, [
+        (a(!0), l(ie, null, se(e.options, (O, R) => (a(), P(ve, de({
+          key: `${JSON.stringify(O.value)}-${R}-${O.label}`,
+          ref_for: !0
+        }, O, {
+          has_divider: R == e.options.length - 1 ? !1 : O.has_divider,
+          size: e.size,
+          in_dropdown_level: e.dropdown_level,
+          nested_dropdown_history_stack: e.dropdown_level == 0 ? s.value : y.$attrs.outest_nested_dropdown_history_stack,
+          with_box_shadow: e.with_box_shadow,
+          parent_dropdown_menu_with_type: e.width_type,
+          onSelectDropdownOption: g[0] || (g[0] = (H, j, ee) => w(H, j, ee)),
+          onAddNewShownNestedDropdown: g[1] || (g[1] = (H, j) => S(H, j)),
+          onRemoveShownNestedDropdown: g[2] || (g[2] = (H) => k(H)),
+          onUpdateShownNestedDropdown: g[3] || (g[3] = (H) => M(H))
+        }), null, 16, ["has_divider", "size", "in_dropdown_level", "nested_dropdown_history_stack", "with_box_shadow", "parent_dropdown_menu_with_type"]))), 128))
+      ])) : (a(), l("div", Io, [
+        K(ve, de(p.value, {
+          size: e.size,
+          nested_dropdown_history_stack: e.dropdown_level == 0 ? s.value : y.$attrs.outest_nested_dropdown_history_stack,
+          with_box_shadow: e.with_box_shadow,
+          parent_dropdown_menu_with_type: e.width_type,
+          onSelectDropdownOption: g[4] || (g[4] = (O, R, H) => w(O, R, H)),
+          onAddNewShownNestedDropdown: g[5] || (g[5] = (O, R) => S(O, R)),
+          onRemoveShownNestedDropdown: g[6] || (g[6] = (O) => k(O)),
+          onUpdateShownNestedDropdown: g[7] || (g[7] = (O) => M(O))
+        }), null, 16, ["size", "nested_dropdown_history_stack", "with_box_shadow", "parent_dropdown_menu_with_type"])
+      ]))
+    ], 2));
+  }
+}, me = /* @__PURE__ */ A(Lo, [["__scopeId", "data-v-79082aa2"]]), Mo = {
+  components: {
+    DynamicColorResponsiveButton: he,
+    DropdownMenu: me
+  },
+  setup() {
+    const e = x(null), o = x(null), t = x(null), i = x(null);
+    return {
+      prefix_wrapper: e,
+      suffix_wrapper: o,
+      filter_input: t,
+      single_selector: i
+    };
+  },
   props: {
     modelValue: {
       type: [String, Number, Boolean, Object, Array],
       default: ""
     },
+    label: {
+      type: String,
+      default: ""
+    },
+    label_type: {
+      type: String,
+      // ENUM: inside, outside
+      // NOTES:
+      // 1. inside: the label will be inside the input box
+      // 2. outside: the label will be outside the input box
+      default: "outside"
+    },
+    theme_type: {
+      type: String,
+      // ENUM: filled, outlined
+      default: "outlined"
+    },
+    customized_theme_color: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
     options: {
+      // structure: [{value: string | number | boolean | object, label: string}]
       type: Array,
       default: () => []
     },
@@ -756,12 +1820,12 @@ const ce = /* @__PURE__ */ B(Mt, [["render", At], ["__scopeId", "data-v-9cf7bf2f
       default: !1
     }
   },
-  mounted() {
-    document.addEventListener("click", (e) => this.closeWhenClickOutsideSelector(e));
-  },
-  unmounted() {
-    document.removeEventListener("click", (e) => this.closeWhenClickOutsideSelector(e));
-  },
+  // mounted(){
+  //     document.addEventListener('click', (e)=>this.closeWhenClickOutsideSelector(e));
+  // },
+  // unmounted(){
+  //     document.removeEventListener('click', (e)=>this.closeWhenClickOutsideSelector(e));
+  // },
   data() {
     return {
       selected_item: this.modelValue,
@@ -776,18 +1840,36 @@ const ce = /* @__PURE__ */ B(Mt, [["render", At], ["__scopeId", "data-v-9cf7bf2f
     };
   },
   computed: {
-    default_dropdown_arrow_src() {
-      return this.disabled ? oe : q;
+    regular_inline_svg_icon_color() {
+      return this.disabled ? "var(--disabled-color--)" : "#434956";
+    },
+    regular_border_color() {
+      return this.disabled ? "var(--disabled-color--)" : this.show_error ? "var(--semantic-error-color--)" : this.show_alert ? "var(--semantic-alert-color--)" : this.is_focus ? this.customized_theme_color || "var(--Schemes-primary)" : this.hovered ? "#17181C" : "#434956";
+    },
+    border_width_in_box_shadow() {
+      return this.is_focus ? this.theme_type == "filled" ? "-3px" : "3px" : this.theme_type == "filled" ? "-1px" : "1px";
+    },
+    background_color() {
+      return this.theme_type == "outlined" ? "transparent" : this.disabled ? "var(--disabled-button-background-color--)" : this.is_focus ? "color-mix(in srgb, #EEEFF1, rgb(23, 24, 28) 10%)" : this.hovered ? "color-mix(in srgb, #EEEFF1, rgb(23, 24, 28) 8%)" : "#EEEFF1";
+    },
+    inside_label_color() {
+      return this.disabled ? "var(--disabled-color--)" : this.show_error ? "var(--semantic-error-color--)" : this.show_alert ? "var(--semantic-alert-color--)" : this.is_focus ? this.customized_theme_color || "var(--Schemes-primary)" : "#434956";
+    },
+    has_prefix() {
+      return this.prefix_wrapper;
+    },
+    has_suffix() {
+      return this.suffix_wrapper;
     },
     options_shown() {
       if (this.remote_search)
-        return this.options;
+        return this.options.map((e) => (e.value == this.selected_item && e.label == this.selected_item_label ? e.is_selected = !0 : delete e.is_selected, e));
       if (this.filter_keyword) {
         this.is_loading = !0;
-        const e = this.options.filter((t) => this.filter_only_among_options_value ? JSON.stringify(t.value).toLowerCase().includes(this.filter_keyword.toLowerCase()) : this.filter_only_among_options_label ? JSON.stringify(t.label).toLowerCase().includes(this.filter_keyword.toLowerCase()) : JSON.stringify(t.value).toLowerCase().includes(this.filter_keyword.toLowerCase()) || JSON.stringify(t.label).toLowerCase().includes(this.filter_keyword.toLowerCase()));
+        const e = this.options.filter((o) => (o.value == this.selected_item && o.label == this.selected_item_label ? o.is_selected = !0 : delete o.is_selected, this.filter_only_among_options_value ? JSON.stringify(o.value).toLowerCase().includes(this.filter_keyword.toLowerCase()) : this.filter_only_among_options_label ? JSON.stringify(o.label).toLowerCase().includes(this.filter_keyword.toLowerCase()) : JSON.stringify(o.value).toLowerCase().includes(this.filter_keyword.toLowerCase()) || JSON.stringify(o.label).toLowerCase().includes(this.filter_keyword.toLowerCase())));
         return this.is_loading = !1, e;
       } else
-        return this.options;
+        return this.options.map((e) => (e.value == this.selected_item && e.label == this.selected_item_label ? e.is_selected = !0 : delete e.is_selected, e));
     },
     show_clear_icon() {
       return this.clearable && this.selected_item && !this.disabled && (this.hovered || this.is_focus);
@@ -815,10 +1897,8 @@ const ce = /* @__PURE__ */ B(Mt, [["render", At], ["__scopeId", "data-v-9cf7bf2f
     },
     is_focus(e) {
       this.$emit("visible-change", e), e ? (this.$emit("focus"), this.filterable && this.$nextTick(() => {
-        var t;
-        (t = this.$refs["filter-input"]) == null || t.focus();
-      }), this.$nextTick(() => {
-        this.checkWhetherDropdownIsOverflow();
+        var o;
+        (o = this.filter_input) == null || o.focus();
       })) : (this.filter_keyword = "", this.$emit("blur"));
     },
     loading(e) {
@@ -826,26 +1906,42 @@ const ce = /* @__PURE__ */ B(Mt, [["render", At], ["__scopeId", "data-v-9cf7bf2f
     }
   },
   methods: {
-    checkWhetherDropdownIsOverflow() {
-      this.$refs["single-selector-dropdown"].scrollHeight > this.$refs["single-selector-dropdown"].clientHeight ? this.$refs["single-selector-dropdown"].style.padding = "8px 1px 8px 8px" : this.$refs["single-selector-dropdown"].style.padding = "8px";
+    handleClickOutsideDropdownMenu(e) {
+      this.single_selector && !this.single_selector.contains(e.target) && (e.stopPropagation(), this.is_focus = !1);
     },
+    handleSelectDropdownOption(e, o, t) {
+      this.selected_item = e, this.selected_item_label = o, this.$nextTick(() => {
+        this.is_focus = !1;
+      });
+    },
+    // checkWhetherDropdownIsOverflow(){
+    //     // if(this.$refs['single-selector-dropdown'].scrollHeight > this.$refs['single-selector-dropdown'].clientHeight){
+    //     //     this.$refs['single-selector-dropdown'].style.padding = "8px 1px 8px 8px";
+    //     // }else{
+    //     //     this.$refs['single-selector-dropdown'].style.padding = "8px";
+    //     // }
+    // },
     findCorrespondingLabelViaValue(e) {
-      var t = e;
-      for (const o of this.options)
-        JSON.stringify(o.value) == JSON.stringify(e) && (t = o.label);
-      return t;
+      var o = e;
+      for (const t of this.options)
+        JSON.stringify(t.value) == JSON.stringify(e) && (o = t.label);
+      return o;
     },
     handleClickSingleSelector() {
       this.disabled || (this.is_focus = !this.is_focus);
     },
-    handleSelectOption(e, t) {
-      e.stopPropagation(), this.selected_item = t.value, this.selected_item_label = t.label, this.$nextTick(() => {
+    handleSelectOption(e, o) {
+      e.stopPropagation(), this.selected_item = o.value, this.selected_item_label = o.label, this.$nextTick(() => {
         this.is_focus = !1;
       });
     },
-    closeWhenClickOutsideSelector(e) {
-      this.is_focus && this.$refs["single-selector"] && !this.$refs["single-selector"].contains(e.target) && (this.is_focus = !1);
-    },
+    // closeWhenClickOutsideSelector(e){
+    //     // console.log('closeWhenClickOutsideSelector', e.target,this.$refs['single-selector'].contains(e.target));
+    //     // const normalizedTarget = e.target.nodeType === Node.TEXT_NODE ? e.target.parentElement : e.target;
+    //     if(this.is_focus && this.$refs['single-selector'] && !this.$refs['single-selector'].contains(e.target)) {
+    //         this.is_focus = false;
+    //     }
+    // },
     checkWhetherIsSelected(e) {
       if (e.value == this.selected_item)
         return !0;
@@ -855,12 +1951,11 @@ const ce = /* @__PURE__ */ B(Mt, [["render", At], ["__scopeId", "data-v-9cf7bf2f
     },
     // Define a method you want to expose
     focus() {
-      var e;
-      this.disabled || (this.filterable && ((e = this.$refs["filter-input"]) == null || e.focus()), this.is_focus = !0);
+      this.disabled || (this.is_focus = !0);
     },
     blur() {
       var e;
-      this.filterable && ((e = this.$refs["filter-input"]) == null || e.blur()), this.is_focus = !1;
+      this.filterable && ((e = this.filter_input) == null || e.blur()), this.is_focus = !1;
     },
     alert(e) {
       this.show_error = !1, this.show_alert = !0, this.message_notification_text = e;
@@ -876,105 +1971,249 @@ const ce = /* @__PURE__ */ B(Mt, [["render", At], ["__scopeId", "data-v-9cf7bf2f
     }
   },
   expose: ["focus", "blur", "alert", "error", "removeAlertOrErrorEffect", "setDropdownContentLoading"]
-}, Vt = { class: "single-selector-unit-wrapper" }, Gt = {
+}, Do = {
   key: 0,
-  class: "prefix-wrapper"
-}, Ht = {
-  class: /* @__PURE__ */ _([
+  class: "label-outside"
+}, Oo = { class: "label-text" }, Eo = {
+  key: 0,
+  class: "required-icon"
+}, zo = {
+  key: 0,
+  class: "prefix-wrapper",
+  ref: "prefix_wrapper"
+}, Ao = { class: "selected-content-wrapper" }, Ho = {
+  key: 0,
+  class: "label-inside"
+}, Po = { class: "label-text" }, Vo = {
+  key: 0,
+  class: "required-icon"
+}, Zo = {
+  class: /* @__PURE__ */ h([
     "suffix-wrapper"
+  ]),
+  ref: "suffix_wrapper"
+}, Go = {
+  key: 3,
+  class: /* @__PURE__ */ h([
+    "message-container"
   ])
-}, Ut = ["src"], Rt = {
-  key: 0,
-  class: "single-selector-dropdown",
-  ref: "single-selector-dropdown"
-}, Zt = {
+}, Ro = {
   key: 0,
-  class: "options-list"
-}, zt = ["onClick"], Wt = {
-  key: 1,
-  class: "no-data-notes"
+  class: "customized-supporting-text"
 };
-function Ft(e, t, o, c, n, r) {
-  return s(), a("div", Vt, [
+function Uo(e, o, t, i, r, n) {
+  const d = re("DynamicColorResponsiveButton"), s = re("DropdownMenu");
+  return a(), l("div", {
+    class: h([
+      "single-selector-unit-wrapper",
+      t.theme_type,
+      t.label_type,
+      { disabled: t.disabled }
+    ]),
+    style: G({
+      "--input-box-border-color--": n.regular_border_color,
+      "--input-box-border-width--": n.border_width_in_box_shadow,
+      "--input-box-background-color--": n.background_color,
+      "--inside-label-color--": n.inside_label_color
+    })
+  }, [
+    t.label && t.label_type == "outside" ? (a(), l("div", Do, [
+      u("span", Oo, L(t.label), 1),
+      o[6] || (o[6] = X()),
+      t.required ? (a(), l("span", Eo, "*")) : m("", !0)
+    ])) : m("", !0),
     u("div", {
-      ref: "single-selector",
-      class: _([
+      ref: "single_selector",
+      class: h([
         "single-selector",
-        { error: n.show_error },
-        { alert: n.show_alert },
-        { disabled: o.disabled },
-        { "is-focus": n.is_focus },
-        { "has-prefix": e.$slots.prefix },
-        { "show-clear-icon": r.show_clear_icon }
+        { error: r.show_error },
+        { alert: r.show_alert },
+        { disabled: t.disabled },
+        { "is-focus": r.is_focus },
+        { "has-prefix": n.has_prefix },
+        { "has-suffix": n.has_suffix },
+        { "show-clear-icon": n.show_clear_icon }
       ]),
-      onClick: t[2] || (t[2] = (...i) => r.handleClickSingleSelector && r.handleClickSingleSelector(...i)),
-      onMouseenter: t[3] || (t[3] = (i) => n.hovered = !0),
-      onMouseleave: t[4] || (t[4] = (i) => n.hovered = !1)
+      onClick: o[1] || (o[1] = (...c) => n.handleClickSingleSelector && n.handleClickSingleSelector(...c)),
+      onMouseenter: o[2] || (o[2] = (c) => r.hovered = !0),
+      onMouseleave: o[3] || (o[3] = (c) => r.hovered = !1)
     }, [
-      e.$slots.prefix ? (s(), a("div", Gt, [
-        b(e.$slots, "prefix", {}, void 0, !0)
-      ])) : p("", !0),
-      u("div", {
-        class: _([
-          "selected-content",
-          n.selected_item ? "content-text" : "placeholder"
-        ])
-      }, [
-        u("span", {
-          class: _([{ hide: n.is_focus && o.filterable }])
-        }, v(n.selected_item ? n.selected_item_label : o.placeholder), 3),
-        S(u("input", {
-          class: _(["filter-input", { hide: !(n.is_focus && o.filterable) }]),
-          ref: "filter-input",
-          "onUpdate:modelValue": t[0] || (t[0] = (i) => n.filter_keyword = i)
-        }, null, 2), [
-          [ke, n.filter_keyword]
-        ])
-      ], 2),
-      u("div", Ht, [
-        u("img", {
-          src: A,
-          class: _([
-            "clear-icon",
-            { hide: !r.show_clear_icon }
+      e.$slots.prefix ? (a(), l("div", zo, [
+        K(d, {
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: n.regular_inline_svg_icon_color,
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => [
+            D(e.$slots, "prefix", {}, void 0, !0)
           ]),
-          onClick: t[1] || (t[1] = (...i) => r.handleClearValue && r.handleClearValue(...i))
-        }, null, 2),
-        b(e.$slots, "suffix", {}, () => [
-          u("img", {
-            src: r.default_dropdown_arrow_src,
-            class: _([
-              "default-suffix-pic",
-              "rotate-0",
-              { "rotate-180": n.is_focus && !o.disabled }
-            ])
-          }, null, 10, Ut)
-        ], !0)
-      ])
-    ], 34),
-    n.is_focus ? (s(), a("div", Rt, [
-      r.options_shown && r.options_shown.length > 0 ? (s(), a("div", Zt, [
-        (s(!0), a(V, null, G(r.options_shown, (i) => (s(), a("div", {
-          key: `${i.label}-${JSON.stringify(i.value)}`,
-          class: _([
-            "dropdown-item",
-            { selected: r.checkWhetherIsSelected(i) }
+          _: 3
+        }, 8, ["customized_theme_color", "disabled"])
+      ], 512)) : m("", !0),
+      u("div", Ao, [
+        t.label && t.label_type == "inside" ? (a(), l("div", Ho, [
+          u("span", Po, L(t.label), 1),
+          o[7] || (o[7] = X()),
+          t.required ? (a(), l("span", Vo, "*")) : m("", !0)
+        ])) : m("", !0),
+        u("div", {
+          class: h([
+            "selected-content",
+            r.selected_item ? "content-text" : "placeholder"
+          ])
+        }, [
+          u("span", {
+            class: h([{ hide: r.is_focus && t.filterable }])
+          }, L(r.selected_item ? r.selected_item_label : t.placeholder), 3),
+          Q(u("input", {
+            class: h(["filter-input", { hide: !(r.is_focus && t.filterable) }]),
+            ref: "filter_input",
+            "onUpdate:modelValue": o[0] || (o[0] = (c) => r.filter_keyword = c)
+          }, null, 2), [
+            [Ze, r.filter_keyword]
+          ])
+        ], 2)
+      ]),
+      u("div", Zo, [
+        n.show_clear_icon ? (a(), P(d, {
+          key: 0,
+          button_type: "text",
+          customized_theme_color: n.regular_inline_svg_icon_color,
+          width_type: "fit-content",
+          disabled: t.disabled,
+          onClick: n.handleClearValue
+        }, {
+          prefix: V(() => o[8] || (o[8] = [
+            u("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "17",
+              height: "17",
+              viewBox: "0 0 17 17",
+              fill: "none"
+            }, [
+              u("path", {
+                d: "M5.33333 12.5L8.33333 9.5L11.3333 12.5L12.5 11.3333L9.5 8.33333L12.5 5.33333L11.3333 4.16667L8.33333 7.16667L5.33333 4.16667L4.16667 5.33333L7.16667 8.33333L4.16667 11.3333L5.33333 12.5ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667ZM8.33333 15C10.1944 15 11.7708 14.3542 13.0625 13.0625C14.3542 11.7708 15 10.1944 15 8.33333C15 6.47222 14.3542 4.89583 13.0625 3.60417C11.7708 2.3125 10.1944 1.66667 8.33333 1.66667C6.47222 1.66667 4.89583 2.3125 3.60417 3.60417C2.3125 4.89583 1.66667 6.47222 1.66667 8.33333C1.66667 10.1944 2.3125 11.7708 3.60417 13.0625C4.89583 14.3542 6.47222 15 8.33333 15Z",
+                fill: "currentColor"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["customized_theme_color", "disabled", "onClick"])) : r.show_error ? (a(), P(d, {
+          key: 1,
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: "var(--semantic-error-color--)",
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => o[9] || (o[9] = [
+            u("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "17",
+              height: "17",
+              viewBox: "0 0 17 17",
+              fill: "none"
+            }, [
+              u("path", {
+                d: "M8.33333 12.5C8.56944 12.5 8.76736 12.4201 8.92708 12.2604C9.08681 12.1007 9.16667 11.9028 9.16667 11.6667C9.16667 11.4306 9.08681 11.2326 8.92708 11.0729C8.76736 10.9132 8.56944 10.8333 8.33333 10.8333C8.09722 10.8333 7.89931 10.9132 7.73958 11.0729C7.57986 11.2326 7.5 11.4306 7.5 11.6667C7.5 11.9028 7.57986 12.1007 7.73958 12.2604C7.89931 12.4201 8.09722 12.5 8.33333 12.5ZM7.5 9.16667H9.16667V4.16667H7.5V9.16667ZM8.33333 16.6667C7.18056 16.6667 6.09722 16.4479 5.08333 16.0104C4.06944 15.5729 3.1875 14.9792 2.4375 14.2292C1.6875 13.4792 1.09375 12.5972 0.65625 11.5833C0.21875 10.5694 0 9.48611 0 8.33333C0 7.18056 0.21875 6.09722 0.65625 5.08333C1.09375 4.06944 1.6875 3.1875 2.4375 2.4375C3.1875 1.6875 4.06944 1.09375 5.08333 0.65625C6.09722 0.21875 7.18056 0 8.33333 0C9.48611 0 10.5694 0.21875 11.5833 0.65625C12.5972 1.09375 13.4792 1.6875 14.2292 2.4375C14.9792 3.1875 15.5729 4.06944 16.0104 5.08333C16.4479 6.09722 16.6667 7.18056 16.6667 8.33333C16.6667 9.48611 16.4479 10.5694 16.0104 11.5833C15.5729 12.5972 14.9792 13.4792 14.2292 14.2292C13.4792 14.9792 12.5972 15.5729 11.5833 16.0104C10.5694 16.4479 9.48611 16.6667 8.33333 16.6667Z",
+                fill: "currentColor"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["disabled"])) : r.show_alert ? (a(), P(d, {
+          key: 2,
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: "var(--semantic-alert-color--)",
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => o[10] || (o[10] = [
+            u("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "22",
+              height: "19",
+              viewBox: "0 0 22 19",
+              fill: "none"
+            }, [
+              u("path", {
+                d: "M0 19L11 0L22 19H0ZM3.45 17H18.55L11 4L3.45 17ZM11 16C11.2833 16 11.5208 15.9042 11.7125 15.7125C11.9042 15.5208 12 15.2833 12 15C12 14.7167 11.9042 14.4792 11.7125 14.2875C11.5208 14.0958 11.2833 14 11 14C10.7167 14 10.4792 14.0958 10.2875 14.2875C10.0958 14.4792 10 14.7167 10 15C10 15.2833 10.0958 15.5208 10.2875 15.7125C10.4792 15.9042 10.7167 16 11 16ZM10 13H12V8H10V13Z",
+                fill: "currentColor"
+              })
+            ], -1)
+          ])),
+          _: 1
+        }, 8, ["disabled"])) : m("", !0),
+        K(d, {
+          has_interaction_effect: !1,
+          button_type: "text",
+          customized_theme_color: n.regular_inline_svg_icon_color,
+          width_type: "fit-content",
+          disabled: t.disabled
+        }, {
+          prefix: V(() => [
+            D(e.$slots, "suffix", {}, () => [
+              (a(), l("svg", {
+                class: h(["rotate-0", { "rotate-180": r.is_focus && !t.disabled }]),
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, o[11] || (o[11] = [
+                u("path", {
+                  d: "M10 11.2L14.6 6.6L16 8L10 14L4 8L5.4 6.6L10 11.2Z",
+                  fill: "currentColor"
+                }, null, -1)
+              ]), 2))
+            ], !0)
           ]),
-          onClick: (d) => r.handleSelectOption(d, i)
-        }, v(i.label), 11, zt))), 128))
-      ])) : (s(), a("div", Wt, v(n.is_loading ? o.loading_text : o.no_data_text), 1))
-    ], 512)) : p("", !0),
-    (n.show_alert || n.show_error) && n.message_notification_text ? (s(), a("div", {
+          _: 3
+        }, 8, ["customized_theme_color", "disabled"])
+      ], 512)
+    ], 34),
+    r.is_focus && n.options_shown && n.options_shown.length > 0 ? (a(), P(s, {
       key: 1,
-      class: _([
-        "message-container",
-        { error: n.show_error },
-        { alert: n.show_alert }
-      ])
-    }, v(n.message_notification_text), 3)) : p("", !0)
-  ]);
+      class: "single-selector-dropdown",
+      is_loading: r.is_loading,
+      loading_text: t.loading_text,
+      no_data_text: t.no_data_text,
+      options: n.options_shown,
+      size: "medium",
+      with_box_shadow: !0,
+      width_type: "fill-whole",
+      onClickOutsideDropdownMenu: n.handleClickOutsideDropdownMenu,
+      onSelectDropdownOption: o[4] || (o[4] = (c, _, p) => n.handleSelectDropdownOption(c, _, p))
+    }, null, 8, ["is_loading", "loading_text", "no_data_text", "options", "onClickOutsideDropdownMenu"])) : r.is_focus ? (a(), P(s, {
+      key: 2,
+      class: "single-selector-dropdown",
+      is_loading: r.is_loading,
+      loading_text: t.loading_text,
+      no_data_text: t.no_data_text,
+      options: n.options_shown,
+      size: "medium",
+      with_box_shadow: !0,
+      width_type: "fill-whole",
+      onClickOutsideDropdownMenu: n.handleClickOutsideDropdownMenu,
+      onSelectDropdownOption: o[5] || (o[5] = (c, _, p) => n.handleSelectDropdownOption(c, _, p))
+    }, null, 8, ["is_loading", "loading_text", "no_data_text", "options", "onClickOutsideDropdownMenu"])) : m("", !0),
+    e.$slots.supportingText || (r.show_alert || r.show_error) && r.message_notification_text ? (a(), l("div", Go, [
+      e.$slots.supportingText ? (a(), l("div", Ro, [
+        D(e.$slots, "supportingText", {}, void 0, !0)
+      ])) : m("", !0),
+      u("div", {
+        class: h([
+          { error: r.show_error },
+          { alert: r.show_alert }
+        ])
+      }, L(r.message_notification_text), 3)
+    ])) : m("", !0)
+  ], 6);
 }
-const de = /* @__PURE__ */ B(Pt, [["render", Ft], ["__scopeId", "data-v-590c092f"]]), Kt = {
+const He = /* @__PURE__ */ A(Mo, [["render", Uo], ["__scopeId", "data-v-0e002b66"]]), Fo = {
   props: {
     modelValue: {
       type: Boolean,
@@ -991,11 +2230,21 @@ const de = /* @__PURE__ */ B(Pt, [["render", Ft], ["__scopeId", "data-v-590c092f
       default: "medium"
     },
     built_in_theme: {
-      // ENUM: green, primary-blue, secondary-blue, red
+      // ENUM: green, primary-blue, secondary-blue
       type: String,
       default: "green"
     },
+    customized_theme_color: {
+      // OPTIONAL when built_in_theme is used
+      // NOTES: Can be any valid CSS color value
+      // NOTES: When both built_in_theme and customized_theme_color are used, customized_theme_color will override the built_in_theme
+      // NOTES: The theme color is the color used for the checkbox background when it is checked or indeterminate and the interaction effects
+      // NOTES: When the theme color is used, the unchecked checkbox's border color is always hsl(226, 8%, 10%).
+      type: String,
+      default: ""
+    },
     customized_class: {
+      // Used if user don't want to obey our dynamic color rules, and want to define their own rules of color and interaction effects.
       type: String,
       default: ""
     },
@@ -1054,16 +2303,16 @@ const de = /* @__PURE__ */ B(Pt, [["render", Ft], ["__scopeId", "data-v-590c092f
       this.checked = e;
     },
     checked(e) {
-      var t;
-      this.$emit("update:modelValue", e), this.$emit("change", e), (t = this.$refs["checkbox-input-original"]) == null || t.blur(), this.groupCheckboxContext && this.toggleCheckbox(this.label, e);
+      var o;
+      this.$emit("update:modelValue", e), this.$emit("change", e), (o = this.$refs["checkbox-input-original"]) == null || o.blur(), this.groupCheckboxContext && this.toggleCheckbox(this.label, e);
     },
     indeterminate(e) {
       e && (this.checked = !1);
     },
     show_error(e) {
       if (e) {
-        const t = this.getCheckboxContainerWidth();
-        this.checkbox_container_width = t ? `${t}px` : "100%";
+        const o = this.getCheckboxContainerWidth();
+        this.checkbox_container_width = o ? `${o}px` : "100%";
       }
     },
     whether_checked_in_group_checkbox(e) {
@@ -1071,6 +2320,22 @@ const de = /* @__PURE__ */ B(Pt, [["render", Ft], ["__scopeId", "data-v-590c092f
     }
   },
   methods: {
+    getCheckboxThemeColor() {
+      if (this.show_error)
+        return "var(--semantic-error-color--)";
+      if (this.customized_theme_color)
+        return this.customized_theme_color;
+      switch (this.built_in_theme) {
+        case "green":
+          return "var(--semantic-success-color--)";
+        case "primary-blue":
+          return "var(--Schemes-primary)";
+        case "secondary-blue":
+          return "var(--Schemes-Secondary)";
+        default:
+          return "var(--semantic-success-color--)";
+      }
+    },
     getCheckboxContainerWidth() {
       var e;
       return ((e = this.$refs["checkbox-container"]) == null ? void 0 : e.offsetWidth) ?? 0;
@@ -1082,77 +2347,80 @@ const de = /* @__PURE__ */ B(Pt, [["render", Ft], ["__scopeId", "data-v-590c092f
     blur() {
       this.$refs["checkbox-input-original"].blur();
     },
-    alert(e) {
+    error(e) {
       this.show_error = !0, this.message_notification_text = e;
     },
     removeAlertOrErrorEffect() {
       this.show_error = !1, this.message_notification_text = "";
     }
   },
-  expose: ["focus", "blur", "alert", "removeAlertOrErrorEffect"]
-}, jt = { class: "checkbox-unit-wrapper" }, $t = ["disabled", "autofocus"], Jt = { class: "checkbox-input-shown" }, Yt = {
+  expose: ["focus", "blur", "error", "removeAlertOrErrorEffect"]
+}, jo = ["disabled", "autofocus"], $o = { class: "checkbox-input-shown" }, Wo = {
   key: 0,
   class: "indeterminate-mark"
-}, Qt = {
+}, Ko = {
   key: 1,
   class: "checkmark"
-}, Xt = {
+}, Jo = {
   key: 0,
   class: "checkbox-container-label-wrapper"
 };
-function qt(e, t, o, c, n, r) {
-  return s(), a("div", jt, [
+function Yo(e, o, t, i, r, n) {
+  return a(), l("div", {
+    class: "checkbox-unit-wrapper",
+    style: G({ "--checkbox-theme-color--": n.getCheckboxThemeColor() })
+  }, [
     u("label", {
-      class: _([
+      class: h([
         "checkbox-container",
-        o.size,
-        n.show_error ? "red" : o.built_in_theme,
-        o.customized_class,
-        { disabled: o.disabled }
+        t.size,
+        { error: r.show_error },
+        t.customized_class,
+        { disabled: t.disabled }
       ]),
       ref: "checkbox-container"
     }, [
       u("div", {
-        class: _([
+        class: h([
           "checkbox-input",
-          { checked: n.checked },
-          { indeterminate: o.indeterminate }
+          { checked: r.checked },
+          { indeterminate: t.indeterminate }
         ])
       }, [
-        S(u("input", {
+        Q(u("input", {
           type: "checkbox",
-          "onUpdate:modelValue": t[0] || (t[0] = (i) => n.checked = i),
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => r.checked = d),
           class: "checkbox-input-original",
           ref: "checkbox-input-original",
-          disabled: o.disabled,
-          autofocus: o.autofocus
-        }, null, 8, $t), [
-          [Ie, n.checked]
+          disabled: t.disabled,
+          autofocus: t.autofocus
+        }, null, 8, jo), [
+          [Ge, r.checked]
         ]),
-        u("div", Jt, [
-          o.indeterminate ? (s(), a("div", Yt)) : n.checked ? (s(), a("div", Qt)) : p("", !0),
-          t[1] || (t[1] = u("div", { class: "checkbox-input-shown-checkbox" }, null, -1))
+        u("div", $o, [
+          t.indeterminate ? (a(), l("div", Wo)) : r.checked ? (a(), l("div", Ko)) : m("", !0),
+          o[1] || (o[1] = u("div", { class: "checkbox-input-shown-checkbox" }, null, -1))
         ])
       ], 2),
-      e.$slots.default || o.label ? (s(), a("div", Xt, [
-        b(e.$slots, "default", {}, () => [
-          X(v(o.label), 1)
+      e.$slots.default || t.label ? (a(), l("div", Jo, [
+        D(e.$slots, "default", {}, () => [
+          X(L(t.label), 1)
         ], !0)
-      ])) : p("", !0)
+      ])) : m("", !0)
     ], 2),
-    n.show_error && n.message_notification_text ? (s(), a("div", {
+    r.show_error && r.message_notification_text ? (a(), l("div", {
       key: 0,
       ref: "message-container",
-      class: _([
+      class: h([
         "message-container",
-        { "has-message-min-width": !e.$slots.default && !o.label },
-        { error: n.show_error }
+        { "has-message-min-width": !e.$slots.default && !t.label },
+        { error: r.show_error }
       ]),
-      style: D({ "--message-container-width--": n.checkbox_container_width })
-    }, v(n.message_notification_text), 7)) : p("", !0)
-  ]);
+      style: G({ "--message-container-width--": r.checkbox_container_width })
+    }, L(r.message_notification_text), 7)) : m("", !0)
+  ], 4);
 }
-const eo = /* @__PURE__ */ B(Kt, [["render", qt], ["__scopeId", "data-v-30aa797a"]]), to = {
+const qo = /* @__PURE__ */ A(Fo, [["render", Yo], ["__scopeId", "data-v-5344ab55"]]), Qo = {
   props: {
     modelValue: {
       type: String,
@@ -1226,15 +2494,15 @@ const eo = /* @__PURE__ */ B(Kt, [["render", qt], ["__scopeId", "data-v-30aa797a
     },
     show_error(e) {
       if (e) {
-        const t = this.getCheckboxContainerWidth();
-        this.radio_container_width = t ? `${t}px` : "100%";
+        const o = this.getCheckboxContainerWidth();
+        this.radio_container_width = o ? `${o}px` : "100%";
       }
     }
   },
   methods: {
     handleClickRadio(e) {
-      var t;
-      e.target.value == this.selectedOption && (this.selectedOption = ""), (t = this.$refs["radio-input-original"]) == null || t.blur();
+      var o;
+      e.target.value == this.selectedOption && (this.selectedOption = ""), (o = this.$refs["radio-input-original"]) == null || o.blur();
     },
     getCheckboxContainerWidth() {
       var e;
@@ -1255,81 +2523,81 @@ const eo = /* @__PURE__ */ B(Kt, [["render", qt], ["__scopeId", "data-v-30aa797a
     }
   },
   expose: ["focus", "blur", "alert", "removeAlertOrErrorEffect"]
-}, oo = { class: "radio-unit-wrapper" }, no = ["value", "name", "disabled", "autofocus"], ro = ["value", "disabled", "autofocus"], io = { class: "radio-input-shown" }, so = {
+}, Xo = { class: "radio-unit-wrapper" }, en = ["value", "name", "disabled", "autofocus"], tn = ["value", "disabled", "autofocus"], on = { class: "radio-input-shown" }, nn = {
   key: 0,
   class: "radio-input-checkmark"
-}, ao = {
+}, rn = {
   key: 0,
   class: "radio-container-label-wrapper"
 };
-function uo(e, t, o, c, n, r) {
-  return s(), a("div", oo, [
+function sn(e, o, t, i, r, n) {
+  return a(), l("div", Xo, [
     u("label", {
-      class: _([
+      class: h([
         "radio-container",
-        o.size,
-        n.show_error ? "red" : o.built_in_theme,
-        o.customized_class,
-        { disabled: o.disabled }
+        t.size,
+        r.show_error ? "red" : t.built_in_theme,
+        t.customized_class,
+        { disabled: t.disabled }
       ]),
       ref: "radio-container"
     }, [
       u("div", {
-        class: _([
+        class: h([
           "radio-input",
-          { checked: r.checked }
+          { checked: n.checked }
         ])
       }, [
-        o.name ? S((s(), a("input", {
+        t.name ? Q((a(), l("input", {
           key: 0,
           class: "radio-input-original",
           ref: "radio-input-original",
           type: "radio",
-          "onUpdate:modelValue": t[0] || (t[0] = (i) => n.selectedOption = i),
-          value: o.value,
-          name: o.name,
-          disabled: o.disabled,
-          autofocus: o.autofocus,
-          onClick: t[1] || (t[1] = (i) => r.handleClickRadio(i))
-        }, null, 8, no)), [
-          [W, n.selectedOption]
-        ]) : S((s(), a("input", {
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => r.selectedOption = d),
+          value: t.value,
+          name: t.name,
+          disabled: t.disabled,
+          autofocus: t.autofocus,
+          onClick: o[1] || (o[1] = (d) => n.handleClickRadio(d))
+        }, null, 8, en)), [
+          [pe, r.selectedOption]
+        ]) : Q((a(), l("input", {
           key: 1,
           type: "radio",
           class: "radio-input-original",
           ref: "radio-input-original",
-          "onUpdate:modelValue": t[2] || (t[2] = (i) => n.selectedOption = i),
-          value: o.value,
-          disabled: o.disabled,
-          autofocus: o.autofocus,
-          onClick: t[3] || (t[3] = (i) => r.handleClickRadio(i))
-        }, null, 8, ro)), [
-          [W, n.selectedOption]
+          "onUpdate:modelValue": o[2] || (o[2] = (d) => r.selectedOption = d),
+          value: t.value,
+          disabled: t.disabled,
+          autofocus: t.autofocus,
+          onClick: o[3] || (o[3] = (d) => n.handleClickRadio(d))
+        }, null, 8, tn)), [
+          [pe, r.selectedOption]
         ]),
-        u("div", io, [
-          r.checked ? (s(), a("div", so)) : p("", !0),
-          t[4] || (t[4] = u("div", { class: "radio-input-shown-checkbox" }, null, -1))
+        u("div", on, [
+          n.checked ? (a(), l("div", nn)) : m("", !0),
+          o[4] || (o[4] = u("div", { class: "radio-input-shown-checkbox" }, null, -1))
         ])
       ], 2),
-      e.$slots.default || o.label ? (s(), a("div", ao, [
-        b(e.$slots, "default", {}, () => [
-          X(v(o.label), 1)
+      e.$slots.default || t.label ? (a(), l("div", rn, [
+        D(e.$slots, "default", {}, () => [
+          X(L(t.label), 1)
         ], !0)
-      ])) : p("", !0)
+      ])) : m("", !0)
     ], 2),
-    n.show_error && n.message_notification_text ? (s(), a("div", {
+    r.show_error && r.message_notification_text ? (a(), l("div", {
       key: 0,
       ref: "message-container",
-      class: _([
+      class: h([
         "message-container",
-        { "has-message-min-width": !e.$slots.default && !o.label },
-        { error: n.show_error }
+        { "has-message-min-width": !e.$slots.default && !t.label },
+        { error: r.show_error }
       ]),
-      style: D({ "--message-container-width--": n.radio_container_width })
-    }, v(n.message_notification_text), 7)) : p("", !0)
+      style: G({ "--message-container-width--": r.radio_container_width })
+    }, L(r.message_notification_text), 7)) : m("", !0)
   ]);
 }
-const lo = /* @__PURE__ */ B(to, [["render", uo], ["__scopeId", "data-v-643668bf"]]), co = {
+const an = /* @__PURE__ */ A(Qo, [["render", sn], ["__scopeId", "data-v-643668bf"]]), ln = {
   props: {
     title: {
       type: String,
@@ -1346,37 +2614,37 @@ const lo = /* @__PURE__ */ B(to, [["render", uo], ["__scopeId", "data-v-643668bf
       this.$emit("retry");
     }
   }
-}, yo = { class: "whole-page-error-popup-container whole-page-error-mask" }, _o = { class: "whole-page-error-popup-window" }, mo = { class: "error-popup-header" }, ho = { class: "error-popup-title-text" }, po = { class: "error-popup-body" }, wo = {
+}, dn = { class: "whole-page-error-popup-container whole-page-error-mask" }, un = { class: "whole-page-error-popup-window" }, cn = { class: "error-popup-header" }, _n = { class: "error-popup-title-text" }, yn = { class: "error-popup-body" }, hn = {
   key: 0,
   class: "popup-body-content-details"
-}, vo = ["innerHTML"], fo = { class: "error-popup-footer" };
-function bo(e, t, o, c, n, r) {
-  return s(), a("div", yo, [
-    u("div", _o, [
-      u("div", mo, [
-        t[1] || (t[1] = u("img", {
-          src: se,
+}, mn = ["innerHTML"], pn = { class: "error-popup-footer" };
+function fn(e, o, t, i, r, n) {
+  return a(), l("div", dn, [
+    u("div", un, [
+      u("div", cn, [
+        o[1] || (o[1] = u("img", {
+          src: De,
           class: "error-popup-title-icon"
         }, null, -1)),
-        u("div", ho, v(o.title), 1)
+        u("div", _n, L(t.title), 1)
       ]),
-      u("div", po, [
-        b(e.$slots, "content", {}, () => [
-          o.content ? (s(), a("div", wo, [
-            u("div", { innerHTML: o.content }, null, 8, vo)
-          ])) : p("", !0)
+      u("div", yn, [
+        D(e.$slots, "content", {}, () => [
+          t.content ? (a(), l("div", hn, [
+            u("div", { innerHTML: t.content }, null, 8, mn)
+          ])) : m("", !0)
         ], !0)
       ]),
-      u("div", fo, [
+      u("div", pn, [
         u("div", {
           class: "retry-button",
-          onClick: t[0] || (t[0] = (...i) => r.retry && r.retry(...i))
+          onClick: o[0] || (o[0] = (...d) => n.retry && n.retry(...d))
         }, " Retry ")
       ])
     ])
   ]);
 }
-const Co = /* @__PURE__ */ B(co, [["render", bo], ["__scopeId", "data-v-623b4a2e"]]), T = {
+const wn = /* @__PURE__ */ A(ln, [["render", fn], ["__scopeId", "data-v-623b4a2e"]]), $ = {
   AF: "93",
   AL: "355",
   DZ: "213",
@@ -1629,7 +2897,7 @@ const Co = /* @__PURE__ */ B(co, [["render", bo], ["__scopeId", "data-v-623b4a2e
   SX: "721",
   MF: "590",
   SJ: "47"
-}, go = [
+}, vn = [
   {
     vibrantCountryId: 1,
     countryName: "Afghanistan",
@@ -2875,11 +4143,11 @@ const Co = /* @__PURE__ */ B(co, [["render", bo], ["__scopeId", "data-v-623b4a2e
     countryName: "Zimbabwe",
     countryNameTwoBytes: "ZW"
   }
-], No = { class: "area-code-phone-input-unit-wrapper" }, Bo = { class: "country-area-code-selector-wrapper" }, To = ["src"], ko = { class: "phone-number-input-wrapper" }, Io = {
-  class: /* @__PURE__ */ _([
+], bn = { class: "area-code-phone-input-unit-wrapper" }, gn = { class: "country-area-code-selector-wrapper" }, Cn = ["src"], Nn = { class: "phone-number-input-wrapper" }, kn = {
+  class: /* @__PURE__ */ h([
     "suffix-wrapper"
   ])
-}, xo = {
+}, Bn = {
   __name: "AreaCodePhoneInput",
   props: {
     modelValue: {
@@ -2908,141 +4176,150 @@ const Co = /* @__PURE__ */ B(co, [["render", bo], ["__scopeId", "data-v-623b4a2e
     }
   },
   emits: ["update:modelValue", "change", "focus", "blur", "clear"],
-  setup(e, { expose: t, emit: o }) {
-    const c = e, n = f(null), r = f(null), i = f(""), d = f(""), m = f(!1), w = f(!1), k = f(!1), C = f(!1), g = f(!1), N = f(""), L = o, ye = (l) => {
-      var h;
-      if (!l) return "";
-      const y = l == "1" ? "US" : (h = Object.entries(T).find((O) => O[1] == l)) == null ? void 0 : h[0];
-      return y || "";
-    }, Z = (l) => {
-      i.value = ye((l == null ? void 0 : l.area_code) ?? ""), d.value = (l == null ? void 0 : l.phone_number) ?? "";
-    }, _e = () => {
-      var l;
-      i.value && !d.value && ((l = r == null ? void 0 : r.value) == null || l.focus());
-    }, me = () => {
-      c.disabled || (z(), L("clear"));
-    }, he = () => {
-      var l, y;
-      i.value ? (y = r == null ? void 0 : r.value) == null || y.focus() : (l = n == null ? void 0 : n.value) == null || l.focus();
-    }, pe = () => {
-      var l, y;
-      (l = n == null ? void 0 : n.value) == null || l.blur(), (y = r == null ? void 0 : r.value) == null || y.blur();
-    }, z = () => {
-      i.value = "", d.value = "", N.value = "", C.value = !1, g.value = !1;
+  setup(e, { expose: o, emit: t }) {
+    const i = e, r = x(null), n = x(null), d = x(""), s = x(""), c = x(!1), _ = x(!1), p = x(!1), w = x(!1), S = x(!1), k = x(""), M = t, v = (f) => {
+      var N;
+      if (!f) return "";
+      const C = f == "1" ? "US" : (N = Object.entries($).find((oe) => oe[1] == f)) == null ? void 0 : N[0];
+      return C || "";
+    }, y = (f) => {
+      d.value = v((f == null ? void 0 : f.area_code) ?? ""), s.value = (f == null ? void 0 : f.phone_number) ?? "";
+    }, g = () => {
+      var f;
+      d.value && !s.value && ((f = n == null ? void 0 : n.value) == null || f.focus());
+    }, O = () => {
+      i.disabled || (j(), M("clear", {
+        area_code: E.value,
+        phone_number: s.value
+      }));
+    }, R = () => {
+      var f, C;
+      d.value ? (C = n == null ? void 0 : n.value) == null || C.focus() : (f = r == null ? void 0 : r.value) == null || f.focus();
+    }, H = () => {
+      var f, C;
+      (f = r == null ? void 0 : r.value) == null || f.blur(), (C = n == null ? void 0 : n.value) == null || C.blur();
+    }, j = () => {
+      d.value = "", s.value = "", k.value = "", w.value = !1, S.value = !1;
     };
-    t({ focus: he, blur: pe, clear: z, alert: (l) => {
-      C.value = !0, N.value = l;
-    }, error: (l) => {
-      g.value = !0, N.value = l;
+    o({ focus: R, blur: H, clear: j, alert: (f) => {
+      w.value = !0, k.value = f;
+    }, error: (f) => {
+      S.value = !0, k.value = f;
     }, removeAlertOrErrorEffect: () => {
-      C.value = !1, g.value = !1, N.value = "";
+      w.value = !1, S.value = !1, k.value = "";
     } });
-    const we = M(() => {
-      var y;
-      return ((y = c.country_options) == null ? void 0 : y.length) > 0 ? c.country_options.filter((h) => {
-        var O;
-        return T[(O = h == null ? void 0 : h.country_code) == null ? void 0 : O.toUpperCase()];
-      }).map((h) => ({
-        label: `${h.country_name} (${h.country_code.toUpperCase()}) +${T[h.country_code.toUpperCase()]}`,
-        value: h.country_code.toUpperCase()
-      })) : c.enable_backup_country_options ? go.filter((h) => T[h == null ? void 0 : h.countryNameTwoBytes]).map((h) => ({
-        label: `${h.countryName} (${h.countryNameTwoBytes}) +${T[h.countryNameTwoBytes]}`,
-        value: h.countryNameTwoBytes
+    const z = I(() => {
+      var C;
+      return ((C = i.country_options) == null ? void 0 : C.length) > 0 ? i.country_options.filter((N) => {
+        var oe;
+        return $[(oe = N == null ? void 0 : N.country_code) == null ? void 0 : oe.toUpperCase()];
+      }).map((N) => ({
+        label: `${N.country_name} (${N.country_code.toUpperCase()}) +${$[N.country_code.toUpperCase()]}`,
+        value: N.country_code.toUpperCase()
+      })) : i.enable_backup_country_options ? vn.filter((N) => $[N == null ? void 0 : N.countryNameTwoBytes]).map((N) => ({
+        label: `${N.countryName} (${N.countryNameTwoBytes}) +${$[N.countryNameTwoBytes]}`,
+        value: N.countryNameTwoBytes
       })) : [];
-    }), I = M(() => (T == null ? void 0 : T[i.value]) ?? ""), ve = M(() => `${I.value}-${d.value}`), fe = M(() => (i.value || d.value) && !c.disabled && (m.value || P.value)), P = M(() => w.value || k.value);
-    return Q(() => {
-      Z(c.modelValue);
-    }), x(() => c.modelValue, (l) => {
-      ((l == null ? void 0 : l.area_code) != I.value || (l == null ? void 0 : l.phone_number) != d.value) && Z(l);
-    }), x(ve, () => {
-      var l, y;
-      (((l = c.modelValue) == null ? void 0 : l.area_code) != I.value || ((y = c.modelValue) == null ? void 0 : y.phone_number) != d.value) && (L("update:modelValue", {
-        area_code: I.value,
-        phone_number: d.value
-      }), L("change", {
-        area_code: I.value,
-        phone_number: d.value
+    }), E = I(() => ($ == null ? void 0 : $[d.value]) ?? ""), W = I(() => `${E.value}-${s.value}`), te = I(() => (d.value || s.value) && !i.disabled && (c.value || J.value)), J = I(() => _.value || p.value);
+    return _e(() => {
+      y(i.modelValue);
+    }), Y(() => i.modelValue, (f) => {
+      ((f == null ? void 0 : f.area_code) != E.value || (f == null ? void 0 : f.phone_number) != s.value) && y(f);
+    }), Y(W, () => {
+      var f, C;
+      (((f = i.modelValue) == null ? void 0 : f.area_code) != E.value || ((C = i.modelValue) == null ? void 0 : C.phone_number) != s.value) && (M("update:modelValue", {
+        area_code: E.value,
+        phone_number: s.value
+      }), M("change", {
+        area_code: E.value,
+        phone_number: s.value
       }));
-    }), x(k, (l) => {
-      var y;
-      l || !i.value && d.value && ((y = n == null ? void 0 : n.value) == null || y.focus());
-    }), x(P, (l) => {
-      L(l ? "focus" : "blur");
-    }), (l, y) => (s(), a("div", No, [
+    }), Y(p, (f) => {
+      var C;
+      f || !d.value && s.value && ((C = r == null ? void 0 : r.value) == null || C.focus());
+    }), Y(J, (f) => {
+      f ? M("focus", {
+        area_code: E.value,
+        phone_number: s.value
+      }) : M("blur", {
+        area_code: E.value,
+        phone_number: s.value
+      });
+    }), (f, C) => (a(), l("div", bn, [
       u("div", {
-        class: _([
+        class: h([
           "area-code-phone-input",
-          { "is-focus": P.value },
+          { "is-focus": J.value },
           { disabled: e.disabled },
-          { error: g.value },
-          { alert: C.value }
+          { error: S.value },
+          { alert: w.value }
         ]),
-        onMouseenter: y[6] || (y[6] = (h) => m.value = !0),
-        onMouseleave: y[7] || (y[7] = (h) => m.value = !1)
+        onMouseenter: C[6] || (C[6] = (N) => c.value = !0),
+        onMouseleave: C[7] || (C[7] = (N) => c.value = !1)
       }, [
-        u("div", Bo, [
-          F(de, {
+        u("div", gn, [
+          K(He, {
             ref_key: "countryAreaCodeSelector",
-            ref: n,
-            modelValue: i.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (h) => i.value = h),
-            options: we.value,
+            ref: r,
+            modelValue: d.value,
+            "onUpdate:modelValue": C[0] || (C[0] = (N) => d.value = N),
+            options: z.value,
             placeholder: "Country",
             disabled: e.disabled,
             filterable: e.country_filterable,
-            onChange: _e,
-            onFocus: y[1] || (y[1] = (h) => w.value = !0),
-            onBlur: y[2] || (y[2] = (h) => w.value = !1)
-          }, xe({ _: 2 }, [
-            i.value ? {
+            onChange: g,
+            onFocus: C[1] || (C[1] = (N) => _.value = !0),
+            onBlur: C[2] || (C[2] = (N) => _.value = !1)
+          }, Re({ _: 2 }, [
+            d.value ? {
               name: "prefix",
-              fn: Se(() => [
+              fn: V(() => [
                 u("img", {
-                  src: `https://hatscripts.github.io/circle-flags/flags/${i.value.toLowerCase()}.svg`,
+                  src: `https://hatscripts.github.io/circle-flags/flags/${d.value.toLowerCase()}.svg`,
                   class: "country-selector-prefix"
-                }, null, 8, To)
+                }, null, 8, Cn)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["modelValue", "options", "disabled", "filterable"])
         ]),
         u("div", {
-          class: _(["area-code-container", { "not-selected": !I.value }])
-        }, " +" + v(i.value ? `${I.value}` : "__"), 3),
-        u("div", ko, [
-          F(ce, {
+          class: h(["area-code-container", { "not-selected": !E.value }])
+        }, " +" + L(d.value ? `${E.value}` : "__"), 3),
+        u("div", Nn, [
+          K(Ae, {
             ref_key: "phoneNumberInput",
-            ref: r,
-            modelValue: d.value,
-            "onUpdate:modelValue": y[3] || (y[3] = (h) => d.value = h),
+            ref: n,
+            modelValue: s.value,
+            "onUpdate:modelValue": C[3] || (C[3] = (N) => s.value = N),
             placeholder: "Phone Number",
             disabled: e.disabled,
-            onFocus: y[4] || (y[4] = (h) => k.value = !0),
-            onBlur: y[5] || (y[5] = (h) => k.value = !1)
+            onFocus: C[4] || (C[4] = (N) => p.value = !0),
+            onBlur: C[5] || (C[5] = (N) => p.value = !1)
           }, null, 8, ["modelValue", "disabled"])
         ]),
-        u("div", Io, [
+        u("div", kn, [
           u("img", {
-            src: A,
-            class: _([
+            src: Ie,
+            class: h([
               "clear-icon",
-              { hide: !fe.value }
+              { hide: !te.value }
             ]),
-            onClick: me
+            onClick: O
           }, null, 2)
         ])
       ], 34),
-      (C.value || g.value) && N.value ? (s(), a("div", {
+      (w.value || S.value) && k.value ? (a(), l("div", {
         key: 0,
-        class: _([
+        class: h([
           "message-container",
-          { error: g.value },
-          { alert: C.value }
+          { error: S.value },
+          { alert: w.value }
         ])
-      }, v(N.value), 3)) : p("", !0)
+      }, L(k.value), 3)) : m("", !0)
     ]));
   }
-}, So = /* @__PURE__ */ B(xo, [["__scopeId", "data-v-be9e3902"]]), Lo = { class: "group-checkbox-container" }, Mo = {
+}, xn = /* @__PURE__ */ A(Bn, [["__scopeId", "data-v-c8a902b3"]]), Tn = { class: "group-checkbox-container" }, Sn = {
   __name: "GroupCheckbox",
   props: {
     modelValue: {
@@ -3051,108 +4328,421 @@ const Co = /* @__PURE__ */ B(co, [["render", bo], ["__scopeId", "data-v-623b4a2e
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: t }) {
-    const o = e, c = t, n = f({}), r = (d) => {
-      const m = {};
-      return d.forEach((w) => {
-        m[w] = !0;
-      }), m;
+  setup(e, { emit: o }) {
+    const t = e, i = o, r = x({}), n = (s) => {
+      const c = {};
+      return s.forEach((_) => {
+        c[_] = !0;
+      }), c;
     };
-    n.value = r(o.modelValue);
-    const i = (d, m) => {
-      m ? n.value[d] = m : delete n.value[d];
+    r.value = n(t.modelValue);
+    const d = (s, c) => {
+      c ? r.value[s] = c : delete r.value[s];
     };
-    return x(() => o.modelValue, (d) => {
-      d.length === Object.keys(n.value).length && !d.some((m) => n.value[m] !== !0) || (n.value = r(d));
-    }, { deep: !0 }), x(() => n.value, (d) => {
-      const m = Object.keys(d);
-      (o.modelValue.length != m.length || o.modelValue.some((w) => n.value[w] !== !0)) && (c("change", m), c("update:modelValue", m));
-    }, { deep: !0 }), K("toggleCheckbox", i), K("groupCheckboxContext", n), (d, m) => (s(), a("div", Lo, [
-      b(d.$slots, "default", {}, void 0, !0)
+    return Y(() => t.modelValue, (s) => {
+      s.length === Object.keys(r.value).length && !s.some((c) => r.value[c] !== !0) || (r.value = n(s));
+    }, { deep: !0 }), Y(() => r.value, (s) => {
+      const c = Object.keys(s);
+      (t.modelValue.length != c.length || t.modelValue.some((_) => r.value[_] !== !0)) && (i("change", c), i("update:modelValue", c));
+    }, { deep: !0 }), fe("toggleCheckbox", d), fe("groupCheckboxContext", r), (s, c) => (a(), l("div", Tn, [
+      D(s.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Oo = /* @__PURE__ */ B(Mo, [["__scopeId", "data-v-3a91062e"]]), Do = {
-  mounted(e, t) {
-    const o = document.createElement("div");
-    o.classList.add("component-loading-spinner"), o.style.display = "none", e._spinner = o, e.style.position = "relative", e.appendChild(o), t.value && (o.style.display = "flex");
+}, In = /* @__PURE__ */ A(Sn, [["__scopeId", "data-v-3a91062e"]]), Ln = {
+  props: {
+    content: {
+      // The content to display in the badge (number or text)
+      type: [String, Number],
+      default: ""
+    },
+    size: {
+      // ENUM: small, medium, large
+      // Web to mobile: small->small, medium->small, large->large
+      // When badge has content, size must be large
+      type: String,
+      default: "small"
+    },
+    position_type: {
+      // ENUM: top-right, center-right
+      // top-right: positioned at top right corner (0, 0)
+      // center-right: center-aligned at the right side
+      type: String,
+      default: "top-right"
+    },
+    built_in_theme: {
+      // ENUM: primary, secondary
+      // primary: red/error color
+      // secondary: blue color
+      type: String,
+      default: "primary"
+    },
+    customized_theme_color: {
+      // OPTIONAL when built_in_theme is used
+      // NOTES: Can be any valid CSS color value
+      // NOTES: When both built_in_theme and customized_theme_color are used, customized_theme_color will override the built_in_theme
+      type: String,
+      default: ""
+    },
+    customized_class: {
+      // Used if user wants to define their own custom styles
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    hasContent() {
+      return !!this.content;
+    }
+  },
+  methods: {
+    getBadgeThemeStyle() {
+      if (this.customized_theme_color)
+        try {
+          const e = B(this.customized_theme_color);
+          let o;
+          if (e.l > 50) {
+            const i = e.l - 60;
+            o = i <= 0 ? {
+              h: 0,
+              s: 0,
+              l: 0,
+              a: e.a
+            } : {
+              h: e.h,
+              s: e.s,
+              l: i,
+              a: e.a
+            };
+          } else {
+            const i = e.l + 60;
+            o = i >= 100 ? {
+              h: 0,
+              s: 0,
+              l: 100,
+              a: e.a
+            } : {
+              h: e.h,
+              s: e.s,
+              l: i,
+              a: e.a
+            };
+          }
+          const t = `hsl(${o.h}, ${o.s}%, ${o.l}%)`;
+          return {
+            "--badge-theme-color--": this.customized_theme_color,
+            "--badge-text-color--": t
+          };
+        } catch (e) {
+          return console.warn("Failed to parse customized_theme_color:", e), {
+            "--badge-theme-color--": this.customized_theme_color
+          };
+        }
+      return {};
+    }
+  }
+};
+function Mn(e, o, t, i, r, n) {
+  return a(), l("div", {
+    class: h(["badge-wrapper", t.position_type])
+  }, [
+    D(e.$slots, "default", {}, void 0, !0),
+    u("span", {
+      class: h([
+        "badge",
+        t.size,
+        t.position_type,
+        t.built_in_theme,
+        t.customized_class,
+        { "has-content": n.hasContent }
+      ]),
+      style: G(n.getBadgeThemeStyle())
+    }, L(t.content), 7)
+  ], 2);
+}
+const Dn = /* @__PURE__ */ A(Ln, [["render", Mn], ["__scopeId", "data-v-8de2e220"]]), On = {
+  key: 0,
+  class: /* @__PURE__ */ h(["prefix"])
+}, En = {
+  key: 1,
+  class: /* @__PURE__ */ h(["suffix"])
+}, zn = {
+  key: 1,
+  class: /* @__PURE__ */ h(["floating-action-button-menu"])
+}, An = ["onClick"], Hn = {
+  key: 0,
+  class: /* @__PURE__ */ h(["floating-action-button-menu-item-prefix"])
+}, Pn = ["src"], Vn = {
+  class: /* @__PURE__ */ h(["floating-action-button-menu-item-label"])
+}, Zn = {
+  key: 1,
+  class: /* @__PURE__ */ h(["floating-action-button-menu-item-suffix"])
+}, Gn = ["src"], Rn = {
+  __name: "FloatingActionButton",
+  props: {
+    display_name: {
+      type: String,
+      default: "button"
+    },
+    size: {
+      type: String,
+      // ENUM: small, medium, large
+      default: "small"
+    },
+    build_in_theme: {
+      type: String,
+      // ENUM: primary, secondary, tertiary, primary-container, secondary-container, tertiary-container
+      default: "primary"
+    },
+    customized_theme_color: {
+      // custom theme color, will override build_in_theme
+      // Any valid CSS color value is accepted
+      // e.g. 'hsl(217, 40%, 40%)', '#ff0000', 'rgb(255, 0, 0)', 'rgba(255, 0, 0, 0.5)', 'hsla(217, 40%, 40%, 0.5)'
+      // If customized_theme_color is not provided, build_in_theme will be used
+      // We use dynamic color calculation to calculate the color of the floating action button and all the other parts based on the customized_theme_color
+      // If use customized_theme_color, the color will be directly used as the background color of the floating action button
+      // and for the mask of the interaction effects and all the other part's color, e.g. text color, inline svg color, menu cross button color, menu child button color, etc., the color will be calculated based on the customized_theme_color
+      type: String,
+      default: ""
+    },
+    customized_class: {
+      type: String,
+      default: ""
+    },
+    options: {
+      // options: [{
+      //     value: string,
+      //     label: string,
+      //     prefix?: string,
+      //     suffix?: string
+      // }]
+      // NOTES: ONLY support one level options, NOT support nested options
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["option-click", "floating-action-button-click"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, { width: r } = le(), n = x(!1), d = I(() => r.value > 1024), s = I(() => {
+      if (t.customized_theme_color)
+        try {
+          return B(t.customized_theme_color);
+        } catch (v) {
+          console.warn((v == null ? void 0 : v.message) ?? "customized theme color is invalid");
+        }
+      switch (t.build_in_theme) {
+        case "primary":
+          return B("var(--Schemes-primary)");
+        case "secondary":
+          return B("var(--Schemes-Secondary)");
+        case "tertiary":
+          return B("var(--Schemes-Tertiary)");
+        case "primary-container":
+          return B("var(--Schemes-Primary-Container)");
+        case "secondary-container":
+          return B("var(--Schemes-Secondary-Container)");
+        case "tertiary-container":
+          return B("var(--Schemes-Tertiary-Container)");
+        default:
+          return B("var(--Schemes-primary)");
+      }
+    }), c = I(() => {
+      if (s.value.l > 50) {
+        const v = s.value.l - 60;
+        return v <= 0 ? {
+          h: 0,
+          s: 0,
+          l: 0,
+          a: s.value.a
+        } : {
+          h: s.value.h,
+          s: s.value.s,
+          l: v,
+          a: s.value.a
+        };
+      } else {
+        const v = s.value.l + 60;
+        return v >= 100 ? {
+          h: 0,
+          s: 0,
+          l: 100,
+          a: s.value.a
+        } : {
+          h: s.value.h,
+          s: s.value.s,
+          l: v,
+          a: s.value.a
+        };
+      }
+    }), _ = I(() => s.value.l > 50 ? c.value : s.value), p = I(() => s.value.l > 50 ? s.value : c.value), w = I(() => ({
+      h: s.value.h,
+      s: s.value.s,
+      l: 90,
+      a: s.value.a
+    })), S = I(() => ({
+      h: s.value.h,
+      s: s.value.s,
+      l: 30,
+      a: s.value.a
+    })), k = (v) => {
+      i("option-click", v);
+    }, M = () => {
+      var v;
+      ((v = t.options) == null ? void 0 : v.length) > 0 && (n.value = !n.value), i("floating-action-button-click");
+    };
+    return (v, y) => d.value ? m("", !0) : (a(), l("div", {
+      key: 0,
+      style: G({
+        "--fab-button-background-color--": U(F)(s.value),
+        "--fab-button-text-color--": U(F)(c.value),
+        "--fab-menu-cross-button-background-color--": U(F)(_.value),
+        "--fab-menu-cross-button-text-color--": U(F)(p.value),
+        "--fab-menu-child-button-background-color--": U(F)(w.value),
+        "--fab-menu-child-button-text-color--": U(F)(S.value)
+      }),
+      class: h(["floating-action-button-container", e.size, e.customized_class])
+    }, [
+      n.value ? m("", !0) : (a(), l("div", {
+        key: 0,
+        class: h(["floating-action-button"]),
+        onClick: M
+      }, [
+        v.$slots.prefix ? (a(), l("div", On, [
+          D(v.$slots, "prefix", {}, void 0, !0)
+        ])) : m("", !0),
+        D(v.$slots, "default", {}, () => [
+          u("div", null, L(e.display_name), 1)
+        ], !0),
+        v.$slots.suffix ? (a(), l("div", En, [
+          D(v.$slots, "suffix", {}, void 0, !0)
+        ])) : m("", !0)
+      ])),
+      n.value ? (a(), l("div", zn, [
+        (a(!0), l(ie, null, se(e.options, (g) => (a(), l("div", {
+          key: g.value,
+          class: h(["floating-action-button-menu-item"]),
+          onClick: (O) => k(g.value)
+        }, [
+          g.prefix ? (a(), l("div", Hn, [
+            u("img", {
+              src: g.prefix
+            }, null, 8, Pn)
+          ])) : m("", !0),
+          u("div", Vn, L(g.label), 1),
+          g.suffix ? (a(), l("div", Zn, [
+            u("img", {
+              src: g.suffix
+            }, null, 8, Gn)
+          ])) : m("", !0)
+        ], 8, An))), 128)),
+        u("div", {
+          class: h(["menu-cross-button"]),
+          onClick: y[0] || (y[0] = (g) => n.value = !1)
+        }, y[1] || (y[1] = [
+          u("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none"
+          }, [
+            u("path", {
+              d: "M5.33073 15.8307L4.16406 14.6641L8.83073 9.9974L4.16406 5.33073L5.33073 4.16406L9.9974 8.83073L14.6641 4.16406L15.8307 5.33073L11.1641 9.9974L15.8307 14.6641L14.6641 15.8307L9.9974 11.1641L5.33073 15.8307Z",
+              fill: "currentColor"
+            })
+          ], -1)
+        ]))
+      ])) : m("", !0)
+    ], 6));
+  }
+}, Un = /* @__PURE__ */ A(Rn, [["__scopeId", "data-v-e8e0f96e"]]), Fn = {
+  mounted(e, o) {
+    const t = document.createElement("div");
+    t.classList.add("component-loading-spinner"), t.style.display = "none", e._spinner = t, e.style.position = "relative", e.appendChild(t), o.value && (t.style.display = "flex");
   },
-  updated(e, t) {
-    t.value ? e._spinner.style.display = "flex" : e._spinner.style.display = "none";
+  updated(e, o) {
+    o.value ? e._spinner.style.display = "flex" : e._spinner.style.display = "none";
   },
   unmounted(e) {
     e.removeChild(e._spinner);
   }
-}, Eo = {
-  mounted(e, t) {
-    const o = document.createElement("div");
-    o.classList.add("whole-page-loading-mask"), o.style.display = "none";
-    const c = document.createElement("div");
-    c.classList.add("whole-page-loading-spinner-container");
-    const n = document.createElement("div");
-    n.classList.add("whole-page-loading-spinner-icon-container");
-    const r = document.createElement("div");
-    r.classList.add("whole-page-loading-hourglass-icon-div"), n.appendChild(r);
+}, jn = {
+  mounted(e, o) {
+    const t = document.createElement("div");
+    t.classList.add("whole-page-loading-mask"), t.style.display = "none";
     const i = document.createElement("div");
-    i.classList.add("whole-page-loading-progress-circle-div"), n.appendChild(i), c.appendChild(n);
+    i.classList.add("whole-page-loading-spinner-container");
+    const r = document.createElement("div");
+    r.classList.add("whole-page-loading-spinner-icon-container");
+    const n = document.createElement("div");
+    n.classList.add("whole-page-loading-hourglass-icon-div"), r.appendChild(n);
     const d = document.createElement("div");
-    d.classList.add("whole-page-loading-text-div"), c.appendChild(d), o.appendChild(c), e._spinnerMask = o, e.style.position = "relative", e.appendChild(o), t.value && (e._spinnerMask.style.display = "flex");
+    d.classList.add("whole-page-loading-progress-circle-div"), r.appendChild(d), i.appendChild(r);
+    const s = document.createElement("div");
+    s.classList.add("whole-page-loading-text-div"), i.appendChild(s), t.appendChild(i), e._spinnerMask = t, e.style.position = "relative", e.appendChild(t), o.value && (e._spinnerMask.style.display = "flex");
   },
-  updated(e, t) {
-    t.value ? e._spinnerMask.style.display = "flex" : e._spinnerMask.style.display = "none";
+  updated(e, o) {
+    o.value ? e._spinnerMask.style.display = "flex" : e._spinnerMask.style.display = "none";
   },
   unmounted(e) {
     e.removeChild(e._spinnerMask);
   }
-}, j = {};
-function Ro(e, t) {
-  var o = document.getElementById("floating-notifications-container");
-  o || (o = document.createElement("div"), o.id = "floating-notifications-container", document.body.appendChild(o));
-  const c = Date.now(), n = Le({
-    render: () => Me(
-      le,
+}, be = {};
+function Yn(e, o) {
+  var t = document.getElementById("floating-notifications-container");
+  t || (t = document.createElement("div"), t.id = "floating-notifications-container", document.body.appendChild(t));
+  const i = Date.now(), r = Ue({
+    render: () => Fe(
+      ze,
       {
         ...e,
-        id: c,
-        notification_instances_collection: j,
+        id: i,
+        notification_instances_collection: be,
         mounted_programmatically: !0
       },
-      t
+      o
     )
   });
-  j[c] = n;
-  const r = document.createElement("div");
-  r.style.transition = "all 0.5s ease-out", o.prepend(r), n.mount(r);
+  be[i] = r;
+  const n = document.createElement("div");
+  n.style.transition = "all 0.5s ease-out", t.prepend(n), r.mount(n);
 }
-const $ = { SimplifiedNotification: le, ResponsiveButton: Lt, InputBox: ce, SingleSelector: de, Checkbox: eo, Radio: lo, WholePageErrorPopup: Co, AreaCodePhoneInput: So, GroupCheckbox: Oo }, J = {
-  "component-loading": Do,
-  "whole-page-loading": Eo
-}, Ao = (e) => {
-  Object.keys($).forEach((t) => {
-    e.component(t, $[t]);
-  }), Object.keys(J).forEach((t) => {
-    e.directive(t, J[t]);
+const ge = { SimplifiedNotification: ze, ResponsiveButton: Ft, InputBox: Ae, SingleSelector: He, Checkbox: qo, Radio: an, WholePageErrorPopup: wn, AreaCodePhoneInput: xn, GroupCheckbox: In, DropdownMenu: me, Badge: Dn, FloatingActionButton: Un, DynamicColorResponsiveButton: he }, Ce = {
+  "component-loading": Fn,
+  "whole-page-loading": jn
+}, $n = (e) => {
+  Object.keys(ge).forEach((o) => {
+    e.component(o, ge[o]);
+  }), Object.keys(Ce).forEach((o) => {
+    e.directive(o, Ce[o]);
   });
-}, Zo = { install: Ao }, Y = /* @__PURE__ */ Object.assign({ "./assets/icons/black_arrow_down.svg": Oe, "./assets/icons/black_arrow_to_right.svg": De, "./assets/icons/black_calendar_icon.svg": Ae, "./assets/icons/black_magnifying_glass_icon.svg": Ve, "./assets/icons/cyan_arrow_down.svg": Ge, "./assets/icons/cyan_hourglass_icon.svg": Ue, "./assets/icons/dark_blue_arrow_down.svg": Re, "./assets/icons/dark_gray_arrow_down.svg": Ze, "./assets/icons/eye_icon.svg": We, "./assets/icons/eye_with_cross_icon.svg": Ke, "./assets/icons/green_notification_icon.svg": je, "./assets/icons/grey_arrow_down.svg": $e, "./assets/icons/grey_arrow_to_right.svg": Je, "./assets/icons/info_blue_icon.svg": Ye, "./assets/icons/input_clear_icon.svg": Qe, "./assets/icons/notification_cross_icon.svg": Xe, "./assets/icons/red_notification_icon.svg": qe, "./assets/icons/red_sad_face.svg": et, "./assets/icons/white_arrow_down.svg": tt, "./assets/icons/yellow_notification_icon.svg": ot });
-var Po = {};
-for (const e in Y) {
-  const t = e.split("/").pop().replace(".svg", "");
-  Po[t] = Y[e].default;
+}, qn = { install: $n }, Ne = /* @__PURE__ */ Object.assign({ "./assets/icons/black_arrow_down.svg": $e, "./assets/icons/black_arrow_to_right.svg": We, "./assets/icons/black_calendar_icon.svg": Je, "./assets/icons/black_magnifying_glass_icon.svg": qe, "./assets/icons/cyan_arrow_down.svg": Qe, "./assets/icons/cyan_hourglass_icon.svg": et, "./assets/icons/dark_blue_arrow_down.svg": tt, "./assets/icons/dark_gray_arrow_down.svg": nt, "./assets/icons/eye_icon.svg": it, "./assets/icons/eye_with_cross_icon.svg": at, "./assets/icons/green_notification_icon.svg": lt, "./assets/icons/grey_arrow_down.svg": dt, "./assets/icons/grey_arrow_to_right.svg": ut, "./assets/icons/info_blue_icon.svg": ct, "./assets/icons/input_clear_icon.svg": _t, "./assets/icons/notification_cross_icon.svg": yt, "./assets/icons/red_notification_icon.svg": ht, "./assets/icons/red_sad_face.svg": mt, "./assets/icons/white_arrow_down.svg": pt, "./assets/icons/yellow_notification_icon.svg": ft });
+var Wn = {};
+for (const e in Ne) {
+  const o = e.split("/").pop().replace(".svg", "");
+  Wn[o] = Ne[e].default;
 }
 export {
-  So as AreaCodePhoneInput,
-  eo as Checkbox,
-  Ro as FloatingNotification,
-  Oo as GroupCheckbox,
-  ce as InputBox,
-  lo as Radio,
-  Lt as ResponsiveButton,
-  le as SimplifiedNotification,
-  de as SingleSelector,
-  Co as WholePageErrorPopup,
-  Do as component_loading,
-  Zo as default,
-  Y as icons,
-  Po as iconsMap,
-  _t as useWindowSize,
-  Eo as whole_page_loading
+  xn as AreaCodePhoneInput,
+  Dn as Badge,
+  qo as Checkbox,
+  me as DropdownMenu,
+  he as DynamicColorResponsiveButton,
+  Un as FloatingActionButton,
+  Yn as FloatingNotification,
+  In as GroupCheckbox,
+  Ae as InputBox,
+  an as Radio,
+  Ft as ResponsiveButton,
+  ze as SimplifiedNotification,
+  He as SingleSelector,
+  wn as WholePageErrorPopup,
+  Fn as component_loading,
+  qn as default,
+  Ne as icons,
+  Wn as iconsMap,
+  B as parseColorToHsl,
+  Jn as toHsl,
+  F as toHslString,
+  le as useWindowSize,
+  jn as whole_page_loading
 };