custom-select{position:relative;width:100%;display:block}.custom-select__trigger{width:100%;height:48px;padding:0 12px;border:1px solid var(--color-shade-30, #b6c5cb);border-radius:8px;background-color:var(--color-white-100, #ffffff);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .2s ease-in-out}.custom-select__trigger:hover{border-color:var(--color-shade-40, #9db2ba)}custom-select:focus .custom-select__trigger,custom-select.is-open .custom-select__trigger{outline:none;border-color:#00b1ff}.custom-select__value{color:var(--Shade-70, #3c6475);font-size:14px;font-style:normal;font-weight:600;line-height:24px;flex:1;text-align:left}.custom-select__icon{display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .2s ease-in-out}.custom-select__icon svg{width:24px;height:24px}.custom-select__icon svg path{stroke:#00b1ff}custom-select.is-open .custom-select__icon{transform:rotate(180deg)}.custom-select__dropdown{position:absolute;top:calc(100% - 1px);left:0;right:0;background-color:var(--color-white-100, #ffffff);border:1px solid var(--color-shade-30, #b6c5cb);border-radius:0 0 4px 4px;box-shadow:0 4px 12px #0b3d531a;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s;max-height:250px;overflow-y:auto}custom-select.is-open .custom-select__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.custom-select__option{text-align:start;padding:6px 16px;color:var(--Shade-100, #0b3d53);font-size:12px;font-style:normal;font-weight:400;line-height:16px;cursor:pointer;transition:background-color .15s ease-in-out;background-color:transparent}.custom-select__option:hover{background-color:var(--Shade-5, #f3f5f6);color:#9db1ba}.custom-select__option:active{background-color:var(--Shade-20, #ced8dd)}.custom-select__option.is-active{background-color:var(--Shade-30, #b6c5cb);color:#fff}.custom-select__option:first-child{border-radius:0}.custom-select__option:last-child{border-radius:0 0 3px 3px}.custom-select__dropdown::-webkit-scrollbar{width:8px}.custom-select__dropdown::-webkit-scrollbar-track{background:var(--Shade-5, #f3f5f6);border-radius:4px}.custom-select__dropdown::-webkit-scrollbar-thumb{background:var(--Shade-30, #b6c5cb);border-radius:4px}.custom-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--Shade-40, #9db2ba)}@media(max-width:768px){.custom-select__dropdown{max-height:200px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-custom-select.css.map */
