.dropdown{position:relative;width:100%}.dropdown[data-state=expanded]{z-index:20}.dropdown__container{position:relative;width:100%}.dropdown__trigger{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:14px 16px;background-color:var(--color-white);border:1px solid var(--color-black-50);border-radius:8px;cursor:pointer;transition:border-color .2s ease,border-radius .2s ease}.dropdown__trigger:hover{border-color:var(--color-black-50)}.dropdown[data-state=expanded] .dropdown__trigger{border-radius:8px}.dropdown__trigger:focus{outline:none}.dropdown__label{flex:1;text-align:left;color:var(--color-black-50);transition:color .2s ease}.dropdown[data-state=selected] .dropdown__label{color:var(--color-black)}.dropdown__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:10px;transition:transform .2s ease}.dropdown[data-state=expanded] .dropdown__icon{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:48px;left:0;right:0;z-index:5;display:none;flex-direction:column;padding-top:16px;padding-bottom:8px;max-height:300px;overflow-y:auto;background-color:var(--color-white);border-color:var(--color-black-50);border-style:solid;border-width:1px;border-radius:0 0 8px 8px}.dropdown[data-state=expanded] .dropdown__menu{display:flex}.dropdown__option{display:block;width:100%;min-height:58px;padding:16px 0 16px 16px;background-color:var(--color-white);border:none;cursor:pointer;transition:background-color .2s ease;text-align:left;box-sizing:border-box;line-height:26px}.dropdown__option:hover{background-color:var(--color-black-5)}.dropdown__option--active{background-color:var(--color-white)}.dropdown__option--active:hover{background-color:var(--color-black-5)}.dropdown__option-label{display:block;color:var(--color-black)}.dropdown__option--active .dropdown__option-label{font-weight:500}.dropdown__select{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.dropdown__menu::-webkit-scrollbar{width:8px}.dropdown__menu::-webkit-scrollbar-track{background:var(--color-black-5);border-radius:8px}.dropdown__menu::-webkit-scrollbar-thumb{background:var(--color-black-25);border-radius:8px}.dropdown__menu::-webkit-scrollbar-thumb:hover{background:var(--color-black-50)}.dropdown__trigger:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.dropdown__option:focus-visible{outline:2px solid var(--color-black);outline-offset:-2px}
/*# sourceMappingURL=/cdn/shop/t/51/assets/dropdown.css.map */