.product-color-swatch{--swatch-size: var(--spacing-1);display:flex}.product-color-swatch--large{--swatch-size: var(--spacing-1-5)}.product-color-swatch__swatch{position:relative;z-index:var(--layer-flat);display:flex;width:var(--swatch-size);height:var(--swatch-size);padding:5px;background-color:var(--color-swatch);border-radius:var(--spacing-1);cursor:pointer;overflow:hidden}.product-color-swatch__swatch:before,.product-color-swatch__swatch:after{transition:var(--input-transition)}.product-color-swatch__swatch:before{content:"";position:absolute;top:0;left:0;display:block;width:var(--swatch-size);height:var(--swatch-size);border:calc(var(--border-width) * 2) solid transparent;border-radius:var(--swatch-size)}.product-color-swatch__swatch:after{content:"";position:absolute;top:1px;left:1px;display:block;width:calc(var(--swatch-size) - 2px);height:calc(var(--swatch-size) - 2px);background-color:transparent;border:2px solid transparent;border-radius:var(--swatch-size);transition:var(--input-transition)}.product-color-swatch__swatch:hover:before,.product-color-swatch__swatch:has(.product-color-swatch__radio:checked):before{border-color:var(--color-black)}.product-color-swatch__swatch:hover:after,.product-color-swatch__swatch:has(.product-color-swatch__radio:checked):after{border-color:var(--color-white)}.product-color-swatch__image{position:absolute;top:1px;left:1px;width:calc(var(--swatch-size) - 2px);height:calc(var(--swatch-size) - 2px);border-radius:var(--swatch-size)}.product-color-swatch__radio{opacity:0}.product-color-swatch__hover-media{position:absolute;top:0;left:0;display:none;width:100%;height:calc(100% - var(--spacing-4) - var(--spacing-0-5));overflow:hidden;pointer-events:none}.site-carousel .product-color-swatch__hover-media{left:var(--spacing-horizontal);width:calc(100% - var(--spacing-horizontal) * 2);height:calc(100% - var(--spacing-horizontal * 2))}.product-color-swatch__hover-image{object-fit:cover;overflow:hidden;transform:scale(1.5)}.product-color-swatch:hover .product-color-swatch__hover-media{display:block}
/*# sourceMappingURL=/cdn/shop/t/235/assets/product-color-swatch.css.map?v=65185404241905714401723184798 */