dropdown-selector{display:flex;flex-flow:column nowrap;gap:16px;position:relative}dropdown-selector:has(input:required) .dropdown__label:after{content:"*"}.dropdown__label{font:var(--text-grotesk-menu--small);color:oklch(var(--color-on-surface) / 1)}.dropdown__button{padding:15px 21px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;background-color:oklch(var(--color-surface) / 1);border:1px solid oklch(var(--color-on-surface) / 1);font:var(--text-grotesk-p--small);color:oklch(var(--color-on-surface) / 1);text-transform:uppercase;transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer}.dropdown__button:hover{background-color:oklch(var(--color-surface-inverse) / 1);color:oklch(var(--color-on-surface-inverse) / 1)}.dropdown__list{padding:0;min-height:49px;max-height:300px;overflow-y:auto;position:absolute;top:100%;left:0;width:100%;z-index:50;background-color:oklch(var(--color-surface-container-lowest) / 1);border:1px solid oklch(var(--color-on-surface) / 1);border-top:none;list-style:none;translate:0 -20px;opacity:0;transition:display .2s ease-in-out allow-discrete,opacity .2s ease-in-out,translate .2s ease-in-out}.dropdown__list:not([hidden]){opacity:1;translate:0 0}@starting-style{.dropdown__list:not([hidden]){opacity:0;translate:0 -20px}}.dropdown__list>li{border-bottom:1px solid oklch(var(--color-on-surface) / 1);font:var(--text-grotesk-p--small);text-transform:uppercase;color:oklch(var(--color-on-surface) / 1);cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:flex;flex-flow:row nowrap;align-items:center}.dropdown__list>li:hover{background-color:oklch(var(--color-surface-inverse) / 1);color:oklch(var(--color-on-surface-inverse) / 1)}.dropdown__list>li:last-child{border-bottom:none}.dropdown__list>li>a{width:100%;padding:15px 21px;text-decoration:none;color:inherit}.dropdown__item{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;background-color:oklch(var(--color-surface) / 1);border-bottom:1px solid oklch(var(--color-on-surface) / 1);transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer}.dropdown__item:hover{background-color:oklch(var(--color-surface-inverse) / 1);color:oklch(var(--color-on-surface-inverse) / 1)}.dropdown__button-text{pointer-events:none}.dropdown__button-icon{width:13px;height:9px;transition:rotate .2s ease-in-out}dropdown-selector:has(.dropdown__list:not([hidden])) .dropdown__button-icon{rotate:180deg}@media screen and (max-width: 768px){dropdown-selector{gap:8px}.dropdown__button{padding:15px 12px;font:var(--text-grotesk-p--medium)}.dropdown__list{min-height:40px}.dropdown__list>li{font:var(--text-grotesk-p--medium)}.dropdown__list>li>a{padding:15px 12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dropdown-selector.css.map */