variant-selects{display:grid;width:100%;max-width:var(--trade-hnv2-product-control-max);gap:var(--trade-hnv2-product-stack-gap)}.product-form__input--pill,.product-form__input--swatch{display:block;min-inline-size:0}:is(.product-form__input--pill,.product-form__input--swatch) .form__label{width:100%;max-width:100%;margin:0 0 var(--trade-hnv2-space-2);padding:0;color:var(--trade-hnv2-color-foreground);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-weight-medium);line-height:var(--trade-hnv2-type-small-line)}.product-form__option-values{display:flex;flex-wrap:wrap;align-items:center;gap:var(--trade-hnv2-space-2);min-width:0}.product-form__input input[type=radio]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.product-form__input--dropdown{--swatch-input--size: 2rem;display:grid;gap:var(--trade-hnv2-space-2)}.product-form__input--dropdown .form__label{margin:0}.product-form__input--dropdown .select{width:100%}.product-form__input--dropdown .dropdown-swatch+select{padding-left:calc(2.4rem + var(--swatch-input--size))}.product-form__input--dropdown .dropdown-swatch{position:absolute;z-index:1;top:calc(50% - var(--swatch-input--size) / 2);left:var(--trade-hnv2-space-4);width:var(--swatch-input--size);height:var(--swatch-input--size)}.product-form__input--pill input[type=radio]+label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--trade-hnv2-target-min);margin:0;padding:var(--trade-hnv2-space-2) var(--trade-hnv2-space-4);border:1px solid var(--trade-hnv2-color-input);border-radius:var(--trade-hnv2-radius-sm);color:var(--trade-hnv2-color-foreground);background:var(--trade-hnv2-color-background);cursor:pointer;font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-weight-medium);letter-spacing:0;line-height:var(--trade-hnv2-type-small-line);text-align:center;transition:color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard),background-color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard),border-color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard),box-shadow var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}.product-form__input--pill input[type=radio]+label:before{content:none}.product-form__input--pill input[type=radio]+label:hover{border-color:var(--trade-hnv2-color-border-strong);background:var(--trade-hnv2-state-neutral-hover)}.product-form__input--pill input[type=radio]:checked+label{border-color:var(--trade-hnv2-state-selected-border);color:var(--trade-hnv2-state-selected-foreground);background:var(--trade-hnv2-state-selected-background);font-weight:var(--trade-hnv2-weight-medium);box-shadow:inset 0 0 0 1px var(--trade-hnv2-state-selected-border)}.product-form__input--pill input[type=radio]:disabled+label,.product-form__input--pill input[type=radio].disabled+label{border-color:var(--trade-hnv2-color-border);color:var(--trade-hnv2-color-muted-foreground);background:var(--trade-hnv2-color-surface);cursor:not-allowed;text-decoration:line-through}.product-form__input--pill input[type=radio].disabled:checked+label,.product-form__input--pill input[type=radio]:disabled:checked+label{color:var(--trade-hnv2-color-muted-foreground)}.product-form__input--pill input[type=radio]:focus-visible+label,.product-form__input--pill input[type=radio].focused+label{outline:0;box-shadow:inset 0 0 0 2px var(--trade-hnv2-color-background),inset 0 0 0 4px var(--trade-hnv2-color-accent)}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: var(--trade-hnv2-target-min);flex:0 0 var(--trade-hnv2-target-min);margin:0}.product--no-media variant-selects{margin-inline:auto}.product--no-media :is(.product-form__input--pill,.product-form__input--swatch){text-align:center}.product--no-media :is(.product-form__input--pill,.product-form__input--swatch) .form__label{text-align:center}.product--no-media .product-form__option-values{justify-content:center}@media screen and (forced-colors:active){.product-form__input--pill input[type=radio]:checked+label{text-decoration:underline}.product-form__input--pill input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-product-variant-picker.css.map */
