.select{--display: block;--width-dropdown: 100%;--gap: .8rem;--gap-button: .8rem;--height: 4.4rem;--padding: 0 1.6rem;--padding-dropdown: .8rem .8rem;--padding-item: .6rem .8rem;--rotate-icon: none;--size-icon: 1.4rem;--text-size-button: var(--small-body);--text-size-item: 1.6rem;--font-weight-button: normal;--font-weight-option-active: var(--medium);display:var(--display);position:relative}.select--expanded{--rotate-icon: rotate(180deg)}.select--expanded .select__dropdown{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s;visibility:visible}.select__button{align-items:center;background-color:var(--grey-20);border:none;border-radius:var(--button-border-radius);color:inherit;display:flex;font-size:var(--text-size-button);font-weight:var(--font-weight-button);gap:var(--gap-button);height:var(--height);justify-content:flex-start;padding:var(--padding);position:relative;width:100%}.select__icon{display:flex;flex-shrink:0;height:var(--size-icon);margin-left:auto;transform:var(--rotate-icon);transition:transform var(--duration-short) ease;width:var(--size-icon)}.select__icon--no-transform{transform:none}.select__dropdown{background-color:var(--secondary-colour);box-shadow:0 .4rem 2rem rgba(var(--black-rgb) / .1);cursor:pointer;left:0;max-height:32rem;min-width:var(--width-dropdown);opacity:0;overflow-y:auto;padding:var(--padding-dropdown);pointer-events:none;position:absolute;transform:translateY(1.2rem);transition:var(--duration-default) var(--easing-function),var(--duration-short) var(--easing-function),0s;transition-property:opacity,transform,visibility;transition-delay:0s,0s,var(--duration-default);top:calc(100% + var(--gap));visibility:hidden;width:fit-content;z-index:var(--layer-2)}.select__dropdown--top{bottom:calc(100% + var(--gap));top:unset;max-height:18rem}.select__dropdown--right{left:unset;right:0}.select__option{align-items:center;background-color:var(--secondary-colour);color:var(--primary-colour);display:flex;font-size:var(--text-size-item);gap:1.6rem;justify-content:space-between;padding:var(--padding-item);transition:background-color var(--duration-default) ease-in;white-space:nowrap}.select__option:last-of-type{border-bottom:none}.select__option:hover{background-color:var(--grey-20)}.select__option--active{font-weight:var(--font-weight-option-active)}.select__option--disabled{opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/2/assets/select.css.map */