.tr-select{position:relative;display:inline-block;color:rgb(var(--color-foreground))}.tr-select__button{display:inline-flex;align-items:center;justify-content:space-between;column-gap:8px;width:100%;padding:0;font:inherit;font-size:calc(14px * var(--font-body-scale));font-weight:500;line-height:1;text-transform:uppercase;color:currentColor;background:transparent;border:0;border-radius:0;cursor:pointer;transition:color var(--tr-transition-duration) var(--tr-transition-timing-function)}.tr-select__value{display:block;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tr-select__native{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.tr-select__button:focus-visible{outline:1px solid rgba(var(--color-foreground),.35);outline-offset:4px}.tr-select__icon{display:inline-flex;flex:0 0 auto;width:20px;height:20px;pointer-events:none;transition:transform var(--tr-transition-duration-medium) var(--tr-transition-timing-function)}.tr-select.is-open .tr-select__icon{transform:rotate(180deg)}.tr-select__icon svg{width:100%;height:100%}.tr-select__list{position:absolute;top:calc(100% + 12px);right:0;z-index:30;display:flex;flex-direction:column;min-width:220px;margin:0;padding-block:8px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);box-shadow:0 8px 24px rgba(var(--color-foreground),.08);animation:trSelectListOpen var(--tr-transition-duration-medium) var(--tr-transition-timing-function)}.tr-select__list[hidden]{display:none}.tr-select__item{display:block}.tr-select__option{width:100%;padding:10px 14px;font:inherit;font-size:calc(12px * var(--font-body-scale));font-weight:500;line-height:1.4;text-align:left;text-transform:uppercase;color:rgba(var(--color-foreground),.65);background:transparent;border:0;border-radius:0;cursor:pointer;transition:background-color var(--tr-transition-duration) var(--tr-transition-timing-function),color var(--tr-transition-duration) var(--tr-transition-timing-function)}@keyframes trSelectListOpen{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tr-select__option.is-active{color:rgb(var(--color-foreground))}.tr-select__option:focus-visible{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);outline:0}.tr-select--variant-field{display:block;width:100%}.tr-select--variant-field .tr-select__button{min-height:42px;padding:12px 16px;font-weight:400;line-height:1.1;text-transform:none;border:1px solid rgba(var(--color-foreground),.16)}.tr-select--variant-field .tr-select__icon{width:18px;height:18px}.tr-select--variant-field .tr-select__list{left:0;right:auto;width:100%}@media(any-hover:hover){.tr-select__option:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}}@media(any-hover:none){.tr-select__option:active{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/tr-select.css.map */