.variant-listbox{position:relative;display:block;width:100%}.variant-listbox__native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}.variant-listbox__trigger{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin:0;padding:.75rem;font-family:var(--font-stack-body);font-weight:var(--font-weight-body);font-style:var(--font-style-body);line-height:1.1;letter-spacing:var(--base-body-spacing);text-transform:uppercase;color:var(--color-scheme-text);background-color:var(--color-scheme-background);border:1px solid var(--color-scheme-text);border-radius:clamp(0px,var(--border-radius-buttons),30px);cursor:pointer;transition:border .1s linear}html[dir=ltr] .variant-listbox__trigger{text-align:left}html[dir=rtl] .variant-listbox__trigger{text-align:right}@media screen and (max-width:1023px){.variant-listbox__trigger,.variant-listbox__option{font-size:calc(17px * var(--font-mobile-corrector) / 18 * var(--base-body-size) + 0px)}}@media screen and (min-width:1024px){.variant-listbox__trigger,.variant-listbox__option{font-size:calc(18px * var(--font-mobile-corrector) / 18 * var(--base-body-size) + 0px)}}.no-touchevents .variant-listbox:not(.is-open) .variant-listbox__trigger:hover{border-color:var(--color-borders-forms-secondary)}.variant-listbox__trigger:focus-visible{box-shadow:0 0 0 .1875rem var(--color-secondary-background-main);outline:none}.variant-listbox__value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-listbox__chevron{flex:0 0 auto;display:block;width:1.25rem;height:.75rem;transition:transform .1s linear}.variant-listbox__chevron path{fill:var(--color-scheme-text)}.variant-listbox.is-open .variant-listbox__chevron{transform:scaleY(-1)}.variant-listbox__panel{position:fixed;z-index:1000;margin:0;padding:0;list-style:none;background-color:var(--color-scheme-background);border:1px solid var(--color-scheme-text);border-radius:clamp(0px,var(--border-radius-buttons),30px);max-height:31.25rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-borders-main) transparent;opacity:0;transform:translateY(-.125rem);transition:opacity 175ms cubic-bezier(.22,.61,.36,1),transform 175ms cubic-bezier(.22,.61,.36,1)}.variant-listbox__panel[hidden]{display:none}.variant-listbox.is-open .variant-listbox__panel{opacity:1;transform:none}.variant-listbox__panel:focus{outline:none}.variant-listbox__panel::-webkit-scrollbar{width:.1875rem}.variant-listbox__panel::-webkit-scrollbar-track{background:transparent}.variant-listbox__panel::-webkit-scrollbar-thumb{background:var(--color-borders-main)}.variant-listbox__option{display:flex;align-items:center;padding:.75rem;border-top:1px solid transparent;border-bottom:1px solid transparent;line-height:1.1;text-transform:uppercase;color:var(--color-scheme-text);cursor:pointer;transition:background-color .1s linear,opacity .1s linear;-webkit-tap-highlight-color:transparent}.variant-listbox__option[hidden]{display:none}.variant-listbox__option[aria-selected=true]{font-weight:var(--font-weight-body-bold)}@media(hover:hover){.variant-listbox__option:hover:not([aria-disabled=true]){background-color:var(--color-secondary-background-main)}}.variant-listbox__option.is-active{background-color:var(--color-secondary-background-main)}.variant-listbox__option[aria-disabled=true].is-active{background-color:transparent}.variant-listbox__option[data-unavailable=true],.variant-listbox__option[aria-disabled=true]{opacity:.22;text-decoration:line-through}.variant-listbox__option[aria-disabled=true]{cursor:default}.product-variants--hide-unavailable[data-style=select] .product-variant--all-disabled .variant-listbox{display:none}@media(prefers-reduced-motion:reduce){.variant-listbox__panel,.variant-listbox__chevron,.variant-listbox__option,.variant-listbox__trigger{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/194/assets/component-variant-listbox.css.map */