.dropdown{position:relative;font-family:var(--font-label-family);font-size:var(--font-label-size)}.dropdown .dropdown__chevron{flex-shrink:0;transition:rotate .2s}.dropdown .dropdown__toggle[aria-expanded=true] .dropdown__chevron{rotate:180deg}.dropdown .dropdown__panel{position:absolute;top:calc(100% + .8rem);left:0;z-index:10;min-width:16rem;margin:0;padding:1rem 0;list-style-type:none;background-color:var(--color-white);border:.1rem solid color-mix(in srgb,var(--color-space-black) 20%,transparent);border-radius:1.5rem;box-shadow:0 1rem 3rem color-mix(in srgb,var(--color-space-black) 20%,transparent);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.dropdown .dropdown__panel--end{left:auto;right:0}.dropdown .dropdown__toggle[aria-expanded=true]+.dropdown__panel,.dropdown:not(.is-ready):focus-within .dropdown__panel{opacity:1;visibility:visible}.dropdown .dropdown__option{display:flex;align-items:center;gap:1rem;width:100%;padding:.8rem 2rem;border:0;background:none;font:inherit;text-align:left;text-decoration:none;color:var(--color-text-secondary);cursor:pointer;transition:color .2s}.dropdown .dropdown__option[aria-current=true]{font-weight:600;color:var(--color-space-black)}.dropdown .dropdown__option:focus-visible{outline:.2rem solid currentcolor;outline-offset:-.2rem}.dropdown--dd-top .dropdown__panel{top:auto;bottom:calc(100% + .8rem)}.dropdown--dd-top .dropdown__chevron{scale:1 -1}@media(hover:hover)and (pointer:fine){.dropdown .dropdown__option:hover{color:var(--color-space-black)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/dropdown.css.map */