.tr-dropdown{position:relative;display:block;width:100%;text-align:start}.tr-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:32px;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-transform:none;border:0;background:transparent;cursor:pointer;transition:opacity var(--tr-transition-duration) ease}.tr-dropdown__trigger[hidden]{display:none}.tr-dropdown>select[hidden]{display:none}.tr-dropdown__trigger svg{flex:none;width:16px;height:16px;transition:transform var(--tr-transition-duration) ease}.tr-dropdown--open .tr-dropdown__trigger svg{transform:rotate(180deg)}.tr-dropdown__list{position:absolute;z-index:10;top:calc(100% + 12px);right:0;width:max-content;min-width:100%;max-width:calc(100vw - 40px);max-height:50vh;margin:0;padding:8px 0;overflow-y:auto;list-style:none;color:var(--colorTextBody);border:1px solid currentColor;background:var(--colorBody);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--tr-transition-duration) ease,transform var(--tr-transition-duration) ease,visibility var(--tr-transition-duration)}.tr-dropdown--open .tr-dropdown__list{opacity:1;visibility:visible;transform:translateY(0)}.tr-dropdown__list>li{margin:0}.tr-dropdown__option{display:block;width:100%;padding:10px 18px;color:inherit;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:0;text-align:start;text-transform:none;border:0;background:transparent;cursor:pointer;transition:background-color var(--tr-transition-duration) ease}.tr-dropdown__option[aria-selected=true]{font-weight:600;background:var(--colorSmallImageBg)}.tr-dropdown__trigger:focus-visible,.tr-dropdown__option:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(hover:hover){.tr-dropdown__trigger:hover{opacity:var(--tr-muted-opacity, .6)}.tr-dropdown__option:hover{background:var(--colorSmallImageBg)}}@media(prefers-reduced-motion:reduce){.tr-dropdown__trigger,.tr-dropdown__trigger svg,.tr-dropdown__list,.tr-dropdown__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/tr-dropdown.css.map */