variant-selects{display:block}variant-selects~variant-selects{display:none!important}:is(.product-form__input--pill,.product-form__input--swatch) .form__label,.quantity__label{margin-bottom:1rem;font-weight:600}.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;margin-bottom:1.6rem}.product-form__input--pill input[type=radio]+label{position:relative;display:inline-flex;min-width:4rem;margin:.7rem 0 .2rem;padding:.5rem;border:var(--variant-pills-border-width) solid rgb(var(--color-black-rgb)/var(--opacity-15));border-radius:var(--variant-pills-radius);background:var(--color-white);color:var(--color-black);font-size:var(--font-size--lg);letter-spacing:.1rem;line-height:1;text-align:center;cursor:pointer;width:100%;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,color var(--duration-short) ease,transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.variant-option--buttons:not(:has(.sbs-swatch-item)) input[type=radio]+label:before,.variant-option--buttons:has(.sbs-swatch-item) input[type=radio]+label .swatch:before{content:"";position:absolute;inset:calc(var(--variant-pills-border-width)*-1);border:var(--variant-pills-border-width) solid var(--color-black);border-radius:var(--variant-pills-radius);pointer-events:none;opacity:var(--opacity-0);transform:scale(.8);transition:transform .3s ease,opacity .3s ease;box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgb(var(--color-shadow-rgb)/var(--opacity-30))}.variant-option--buttons:not(:has(.sbs-swatch-item)) input[type=radio]:focus-visible+label:before,variant-selects[data-context=main] .variant-option--buttons input[type=radio]:checked+label:before,.variant-option--buttons:not(:has(.sbs-swatch-item)) :is(input[type=radio]:checked+label,input[type=radio].checked+label):before,.variant-option--buttons:not(:has(.sbs-swatch-item)) input[type=radio]+label.checked:before,.variant-option--buttons:has(.sbs-swatch-item) input[type=radio]+label.checked .swatch:before{opacity:var(--opacity-100);transform:scale(1)}.variant-option--buttons:not(:has(.sbs-swatch-item)) :is(input[type=radio]:checked+label,input[type=radio].checked+label),.variant-option--buttons:not(:has(.sbs-swatch-item)) input[type=radio]+label.checked{background:var(--color-selected-variant-background,var(--color-primary-button-background,rgb(var(--color-foreground-rgb))));color:var(--color-selected-variant-text,var(--color-primary-button-text,rgb(var(--color-background-rgb))));border-color:var(--color-selected-variant-border,var(--color-primary-button-background,rgb(var(--color-foreground-rgb))))}@media(hover:hover){.product-form__input--pill input[type=radio]:not(:disabled):not(.disabled):not(.visually-disabled)+label:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgb(var(--color-shadow-rgb)/.14)}.variant-option--buttons:not(:has(.sbs-swatch-item)) input[type=radio]:hover+label:before{opacity:var(--opacity-100);transform:scale(1)}.variant-pill-item--card input[type=radio]:not(:disabled):not(.disabled):not(.visually-disabled)+.variant-pill-card-label:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgb(var(--color-shadow-rgb)/.16)}}@media screen and (forced-colors:active){.variant-option--buttons :is(input[type=radio]:checked+label,input[type=radio].checked+label){text-decoration:underline}.variant-option--buttons input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}.variant-option--buttons :is(input[type=radio]:checked+label,input[type=radio].checked+label)::selection{background:rgb(var(--color-black-rgb)/var(--opacity-30))}.variant-option--buttons :is(input[type=radio]:disabled+label,input[type=radio].disabled+label){background:rgb(var(--color-black-rgb)/var(--opacity-10));border-color:rgb(var(--color-black-rgb)/var(--opacity-10));color:rgb(var(--color-black-rgb)/var(--opacity-60))}.variant-option--buttons:not(:has(.sbs-swatch-item)) :is(input[type=radio]:disabled+label,input[type=radio].disabled+label):after,.variant-option--buttons:has(.sbs-swatch-item) :is(input[type=radio]:disabled+label,input[type=radio].disabled+label) .swatch:after{content:"";position:absolute;top:50%;left:50%;z-index:1;width:58px;height:1px;opacity:1;visibility:visible;border:none;background-color:var(--color-error-strikethrough);transform:translate(-50%) rotate(-45deg)}.variant-option--buttons :is(input[type=radio].disabled:checked+label,input[type=radio].disabled.checked+label,input[type=radio]:disabled:checked+label,input[type=radio].disabled.checked:checked+label){color:rgb(var(--color-black-rgb)/var(--opacity-60))}.variant-option--buttons input[type=radio]:focus-visible+label,.variant-option--buttons input[type=radio].focused+label{box-shadow:0 0 0 .3rem var(--color-black),0 0 0 .5rem rgb(var(--color-black-rgb)/var(--opacity-55))}.product-form__input--swatch{display:flex;flex-wrap:wrap}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3.6rem;margin:.7rem 1.2rem .2rem 0}@media screen and (min-width:750px){.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.8rem}}.variant-pill-item{position:relative;display:inline-flex;flex:1 1 22%}.variant-pill-item--card .variant-pill-card-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-xs);min-width:9rem;min-height:5.2rem;padding:1rem 1.2rem;line-height:1.2;text-align:center}.variant-pill-card-title,.variant-pill-card-price{font-weight:600;font-size:1.2rem}.variant-pill-card-subtitle{font-size:1.2rem;opacity:.75}.variant-pill-popular-choice{position:absolute;top:-.8rem;left:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:.2rem .8rem;border-radius:99px;background:rgb(var(--color-primary-rgb));color:rgb(var(--color-primary-button-text-rgb));font-size:1.1rem;line-height:1.4;white-space:nowrap;transform:translate(-50%);font-weight:600;text-transform:uppercase}.variant-pill-popular-choice--best-value{background:var(--best-value-badge-background, rgb(var(--color-primary-rgb)));color:var(--best-value-badge-text, rgb(var(--color-primary-button-text-rgb)))}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-product-variant-picker.css.map */