.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;padding:0;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--inline{display:inline-block}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.swatch--image{overflow:hidden}.swatch--image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.product-form__input--pill .swatch-input__label .swatch--image,.product-form__input--swatch .swatch-input__label .swatch--image,.product-form__input--swatch-box .swatch-input__label .swatch--image{width:100%;height:auto;aspect-ratio:1 / 1;border:0;border-radius:inherit}.product-form__input--pill .swatch-input__label:has(.swatch--image),.product-form__input--swatch .swatch-input__label:has(.swatch--image),.product-form__input--swatch-box .swatch-input__label:has(.swatch--image){padding:0;overflow:hidden;aspect-ratio:1 / 1;display:flex;align-items:stretch;justify-content:stretch}.product-form__input--pill .swatch-input__label .swatch--image img,.product-form__input--swatch .swatch-input__label .swatch--image img,.product-form__input--swatch-box .swatch-input__label .swatch--image img{object-fit:contain;background:rgb(var(--color-background))}.product-form__input--swatch-box:has(.swatch--image){grid-template-columns:repeat(auto-fill,78px);grid-auto-rows:82px}.pdp-swatch-slider__track{display:none;position:relative;width:100%;height:2px;margin:.8rem 0 0;background-color:rgba(var(--color-foreground),.2);overflow:hidden}.pdp-swatch-slider__indicator{position:absolute;inset-inline-start:0;height:2px;background-color:rgba(var(--color-foreground),.8);cursor:grab}.pdp-swatch-slider__indicator:empty{display:block}@media screen and (max-width:749.98px){.product-form__input--swatch-box:has(.swatch--image){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78px;gap:.9rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:.3rem;scrollbar-width:none;padding:.3rem;margin-inline-start:-.3rem;margin-inline-end:calc(var(--info-padding-x, 0px) * -1);padding-inline-end:var(--info-padding-x, .3rem)}.product-form__input--swatch-box:has(.swatch--image)::-webkit-scrollbar{display:none}.product-form__input--swatch-box:has(.swatch--image) .swatch-input__label{scroll-snap-align:start}.product-form__input:has(.product-form__input--swatch-box .swatch--image){min-width:0;max-width:100%}card-row-slider.pdp-swatch-slider.is-scrollable .pdp-swatch-slider__track{display:block}.product-form__input:has(.product-form__input--swatch-box .swatch--image)>.variant-form__label{position:absolute!important;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}.product-form__input--swatch-box input.disabled+.swatch-input__label .swatch--image img{opacity:.45}.product-form__input--pill .swatch-input__label:has(.swatch--image),.product-form__input--swatch .swatch-input__label:has(.swatch--image),.product-form__input--swatch-box .swatch-input__label:has(.swatch--image){width:78px;height:82px;aspect-ratio:auto}.product-form__input--pill .swatch-input__label .swatch--image,.product-form__input--swatch .swatch-input__label .swatch--image,.product-form__input--swatch-box .swatch-input__label .swatch--image{width:100%;height:100%;aspect-ratio:auto}.product-form__input--swatch-box .swatch-input__input+.swatch-input__label .swatch.swatch--image{margin:0}.product-form__input--pill .swatch-input__label>.swatch-input__label-inner,.product-form__input--swatch .swatch-input__label>.swatch-input__label-inner,.product-form__input--swatch-box .swatch-input__label>.swatch-input__label-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-swatch.css.map */