.dropdown{position:relative}.dropdown__btn{display:flex;height:40px;padding:18px 15px;justify-content:center;align-items:center;gap:10px;border-radius:5px;border:none;background:rgb(var(--color-foreground-rgb) / .1);color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--font-size--sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background-color var(--animation-speed) var(--animation-easing)}.dropdown__btn:hover{background:rgb(var(--color-foreground-rgb) / .18)}.dropdown__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dropdown__btn svg{flex-shrink:0;transition:transform var(--animation-speed) var(--animation-easing)}.dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:200px;background-color:var(--color-background);border:var(--style-border-popover, 1px solid rgb(var(--color-foreground-rgb) / .1));border-radius:var(--style-border-radius-popover);box-shadow:var(--shadow-popover, 0 4px 20px rgb(0 0 0 / .12));padding:6px 0;display:flex;flex-direction:column}.dropdown__menu[hidden]{display:none}.dropdown__item{display:flex;align-items:center;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--font-size--sm);cursor:pointer;text-align:left;transition:background-color var(--animation-speed) var(--animation-easing)}.dropdown__item:hover{background-color:rgb(var(--color-foreground-rgb) / .06)}.dropdown__item--active{font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme-c-dropdown.css.map */