.custom-select{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;width:auto;-webkit-user-select:none;user-select:none;outline:none;cursor:pointer;transition:all ease-out .2s;border-radius:5px;border:1px solid var(--custom-select-border-color, #D0D5DD);background:var(--custom-select-bg-color, #FFF)}.custom-select select{visibility:hidden;opacity:0;position:absolute;width:1px;height:1px}.custom-select-header{display:flex;align-items:center;width:100%;padding:12px 16px}.arrow-out{position:relative;margin-bottom:-1px;margin-left:6px;transform:rotate(90deg);transition:transform .3s}.arrow-out>img,.arrow-out>svg{width:16px;height:16px;display:block}.custom-select.active .arrow-out{transform:rotate(90deg);transition:transform .3s}.custom-select-options{white-space:nowrap;font-weight:500;z-index:10;position:absolute;top:calc(100% + 10px);left:0;right:0;background-color:#fff;visibility:hidden;min-width:100%;border-radius:8px;opacity:0;transform:scale(.95);transform-origin:top;transition:opacity .4s cubic-bezier(0,1,.4,1),transform .4s cubic-bezier(.18,1.25,.4,1),visibility .4s linear;box-shadow:0 1px 5px 2px #0000001a;overflow:hidden;padding:20px 0}.custom-select.active .custom-select-options{opacity:1;visibility:visible;transform:scale(1);transition:opacity .4s cubic-bezier(0,1,.4,1),transform .4s cubic-bezier(.18,1.25,.4,1),visibility .4s linear}.custom-select-option{display:block;padding:6px 16px;text-align:inherit;color:var(--custom-select-option-text-color, inherit);border-radius:2px;-webkit-user-select:none;user-select:none;background-color:#fff;transition:color .15s ease-in-out,background .15s ease-in-out;line-height:1.2;white-space:normal}.custom-select-option:before{display:block;position:absolute;bottom:100%;right:20px;width:18px;height:8px;z-index:2;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.12))}.custom-select-option:hover,.custom-select .custom-select-option[checked],.custom-select .custom-select-option.active{background-color:var(--custom-select-active-option-bg-color, #EEF4FF);color:var(--custom-select-active-option-text-color, #6172F3)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-custom-select.css.map */