.product-swatches{--swatch-size: 24px;position:relative;isolation:isolate;display:flex;align-items:center;height:var(--swatch-size)}.product-swatch,.product-swatches__more{display:flex;justify-content:center;align-items:center;position:relative;z-index:var(--swatch-z, 1);flex:none;width:var(--swatch-size);height:var(--swatch-size);margin-left:calc(var(--swatch-size) * -.4);border-radius:50%;text-decoration:none;cursor:pointer}.product-swatch:first-child,.product-swatches__more:first-child{margin-left:0}.product-swatch{overflow:hidden;background-color:var(--swatch-color, #dedede);background-image:var(--swatch-image, none);background-size:cover;background-position:center}.product-swatch.is-active{z-index:20;box-shadow:inset 0 0 0 calc(var(--swatch-size) * .0925) var(--swatch-color, #dedede),inset 0 0 0 calc(var(--swatch-size) * .2) #fff}.product-swatch.is-sold-out{opacity:.45}.product-swatch.is-sold-out:after{content:"";position:absolute;top:50%;left:-15%;width:130%;height:1px;background:#fff;transform:rotate(-45deg)}.product-swatch,.product-swatch:hover,.product-swatch:focus-visible,.product-swatches__more,.product-swatches__more:hover,.product-swatches__more:focus-visible{transition:box-shadow .2s ease}.product-swatch:hover,.product-swatch:focus-visible,.product-swatches__more:hover,.product-swatches__more:focus-visible{z-index:30}.product-swatch:hover{box-shadow:inset 0 0 0 calc(var(--swatch-size) * .0925) var(--swatch-color, #dedede),inset 0 0 0 calc(var(--swatch-size) * .2) #fff}@media(prefers-reduced-motion:reduce){.product-swatch,.product-swatch:hover,.product-swatch:focus-visible,.product-swatches__more,.product-swatches__more:hover,.product-swatches__more:focus-visible{transition:none}}.product-swatches__more:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #3c6475}.product-swatch:focus-visible{outline:none;box-shadow:inset 0 0 0 calc(var(--swatch-size) * .0925) var(--swatch-color, #dedede),inset 0 0 0 calc(var(--swatch-size) * .2) #fff,0 0 0 2px #fff,0 0 0 4px #3c6475}.product-swatches__more{border:1px solid var(--color-shade-40, #9db1ba);border-radius:16px;background:var(--color-shade-5, #f3f5f6)}.product-swatches__more svg{width:6px;height:6px}.product-swatches__more *{fill:#3c6475}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-product-swatches.css.map */