.select{--display: block;--gap: var(--space-4);--gap-button: var(--space-6);--height: var(--space-20);--padding: 0 var(--space-8);--padding-item: var(--space-4) var(--space-8);--rotate-icon: none;--size-icon: var(--space-6);--text-size-button: var(--text-size-sm);--text-size-item: var(--text-size-sm);--font-weight-button: var(--font-weight-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:transparent;border:.125rem solid;border-radius:var(--border-radius-button);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(--color-secondary);box-shadow:var(--inputs-dropdown-shadow);cursor:pointer;left:0;max-height:30rem;min-width:100%;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;transform:translateY(var(--space-6));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-1)}.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(--color-secondary);color:var(--color-primary);display:flex;font-size:var(--text-size-item);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,.select__option--active{background-color:var(--color-secondary-100)}.select__option--active{font-weight:var(--font-weight-medium)}.select__option--disabled{opacity:.5}@media (min-width: 990px){.select{--height: var(--space-24);--padding: 0 var(--space-12);--padding-item: var(--space-6) var(--space-12);--size-icon: var(--space-8);--text-size-button: var(--text-size-base);--text-size-item: var(--text-size-base)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/select.css.map */