.product-form__input--dropdown .variant-dropdown{position:relative;display:block;width:100%}.variant-dropdown .variant-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--form_field-height);padding:0 16px;border:2px solid var(--color-lines-borders);border-radius:var(--radius-button);background:var(--color-body-background);color:var(--color-base);font-family:inherit;font-size:var(--font-body2-size);line-height:var(--font-body2-line-height);text-align:left;cursor:pointer;transition:border-color var(--duration-short) var(--animation-bezier)}.variant-dropdown .variant-dropdown__trigger:hover,.variant-dropdown.open .variant-dropdown__trigger{border-color:var(--color-base)}.variant-dropdown .variant-dropdown__trigger:focus-visible{outline:2px solid var(--color-base);outline-offset:2px}.variant-dropdown__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-dropdown__chevron{display:inline-flex;flex:0 0 auto;transition:transform var(--duration-short) var(--animation-bezier)}.variant-dropdown__chevron svg path{fill:currentColor}.variant-dropdown.open .variant-dropdown__chevron{transform:rotate(180deg)}.variant-dropdown__menu{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:264px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--color-lines-borders);border-radius:var(--radius);background:var(--color-body-background);box-shadow:var(--shadow)}.variant-dropdown__menu[hidden]{display:none}.product-form__input--dropdown .variant-dropdown__item{display:block;margin:0}.product-form__input--dropdown .variant-dropdown__item input[type=radio]+label{width:auto}.product-form__input--dropdown .variant-dropdown__item label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 12px;border-radius:calc(var(--radius) - 4px);color:var(--color-base);font-size:var(--font-body2-size);line-height:var(--font-body2-line-height);font-weight:var(--font-body-weight);text-align:left;cursor:pointer;word-break:normal;overflow-wrap:anywhere;transition:background-color var(--duration-short) var(--animation-bezier)}.product-form__input--dropdown .variant-dropdown__item label:before{content:none}.product-form__input--dropdown .variant-dropdown__item label:hover,.product-form__input--dropdown .variant-dropdown__item input[type=radio]:focus-visible+label{background:var(--mobile-focus-color)}.product-form__input--dropdown .variant-dropdown__text{flex:1 1 auto;min-width:0}.product-form__input--dropdown .variant-dropdown__check{display:none;flex:0 0 auto}.product-form__input--dropdown .variant-dropdown__check svg path{fill:currentColor}.product-form__input--dropdown input[type=radio]:checked+label{font-weight:var(--font-body-bold-weight);color:var(--color-base);cursor:default}.product-form__input--dropdown input[type=radio]:checked+label .variant-dropdown__check{display:inline-flex}.product-form__input--dropdown input[type=radio].disabled+label{color:var(--color-base);opacity:.45;text-decoration:none}.product-form__input--dropdown input[type=radio].disabled+label span{opacity:1}.product-form__input--dropdown input[type=radio].disabled+label .variant-dropdown__check{display:none}.product-form__input--dropdown input[type=radio].disabled+label:after{content:attr(data-sold-out);flex:0 0 auto;font-size:12px;font-weight:var(--font-body-bold-weight);letter-spacing:.04em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.variant-dropdown__trigger,.variant-dropdown__chevron,.product-form__input--dropdown .variant-dropdown__item label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-variant-dropdown.css.map */