.js-color-Swatches{--swatch-size: 25px;--thumbnail-size: 55px;position:relative;opacity:0;z-index:2}.js-color-Swatches.swatch-size__large{--swatch-size: 50px;--thumbnail-size: 70px}@media screen and (max-width: 768px){.js-color-Swatches:not(.swatch-size__large){--swatch-size: 19px}}.js-color-Swatches[data-swatches-template-type=product-card]{margin-top:.5rem}.js-color-Swatches:not([data-swatches-template]){opacity:1}.js-color-Swatches--hidden{display:none}.js-color-Swatches__list{margin:.2rem 0 0;width:100%;display:flex;flex-wrap:wrap;pointer-events:none}.js-color-Swatches__color-name{color:#606060;font-weight:400}@media screen and (max-width: 540px){.carousel__item .js-color-Swatches__list{justify-content:start}}.js-color-Swatches__list>*{padding-bottom:8px;padding-right:8px}.js-color-Swatches__list .js-color-Swatches__item{position:relative;list-style-type:none;pointer-events:all}.js-color-swatch__url{position:absolute;top:0;left:0;height:100%;width:100%}.js-color-Swatches__item:before{display:none!important;content:none!important}.js-color-Swatches__item.plus-icon__container{position:relative;width:auto;height:var(--swatch-size);font-size:1em;line-height:var(--swatch-size);font-weight:300}.plus-icon{color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(1px)}.plus-icon,.plus-icon:after{--plus-icon-width: 1px;display:block;box-sizing:border-box;background:currentColor;border-radius:10px}.plus-icon{margin-top:calc(-1 * var(--plus-icon-width));position:relative;width:15px;height:var(--plus-icon-width)}.plus-icon:after{content:"";position:absolute;width:var(--plus-icon-width);height:15px;top:-7px;left:7px}[data-swatches-layout=thumbnail] .js-color-Swatches__inner{width:var(--thumbnail-size);overflow:hidden;box-shadow:0 0 1px 1px #1d1d1f73,inset 0 0 0 2px #fff;transition:box-shadow .2s cubic-bezier(.5,1,.89,1);padding:0}[data-swatches-layout=swatch] .js-color-Swatches__inner{position:relative;height:var(--swatch-size);width:var(--swatch-size);border-radius:var(--swatch-size);overflow:hidden;box-shadow:0 0 1px 1px #fff,inset 0 0 0 2px #fff;transition:box-shadow .2s cubic-bezier(.5,1,.89,1)}.js-color-Swatches__item:first-child{margin-left:2px}.js-color-Swatches__list .js-color-Swatches__item.is-selected .js-color-Swatches__inner{box-shadow:0 0 1px 2px #1d1d1f,inset 0 0 0 2px #fff}@media (hover: hover) and (pointer: fine){.js-color-Swatches__list:not(:hover) .js-color-Swatches__item.is-selected .js-color-Swatches__inner{box-shadow:0 0 1px 2px #1d1d1f,inset 0 0 0 2px #fff}.js-color-Swatches__list:hover .js-color-Swatches__item.is-selected:not(:hover) .js-color-Swatches__inner{box-shadow:none}.js-color-Swatches__item:hover .js-color-Swatches__inner{box-shadow:0 0 1px 2px #1d1d1f,inset 0 0 0 2px #fff}.js-color-Swatches__item.is-selected:before,.js-color-Swatches__item:hover:before{transform:translate(-50%,-50%) scale(1.1);opacity:1}}[data-swatches-layout=swatch] .js-color-Swatches__swatch{position:absolute;top:50%;left:50%;width:var(--swatch-size);height:var(--swatch-size);transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;z-index:-1}[data-swatches-layout=swatch] .js-color-Swatches__swatch img,[data-swatches-layout=swatch] .js-color-Swatches__swatch .swatch-color{position:absolute;top:50%;left:50%;height:100%;width:100%;transform:translate(-50%,-50%) scale(.9);object-fit:cover;border-radius:50%}[data-swatches-layout=thumbnail] .js-color-Swatches__swatch img,[data-swatches-layout=thumbnail] .js-color-Swatches__swatch .swatch-color{width:100%}.swatch-is-selected img:not(.swatch-image),.swatch-is-selected .product__img-hover{opacity:0;transition:opacity .3s ease}.swatch-image{opacity:0;transition:opacity .3s ease;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.swatch-image:not(.lazyload):not(.lazyloaded){display:none}.swatch-image.img-lazyload.lazyloaded{opacity:0}.swatch-image.is-selected.lazyloaded{display:block;opacity:1}.template-product .product-single__content [data-swatches-layout=swatch] .js-color-Swatches__inner{--swatch-size: 35px}.product__details [data-swatches-layout=swatch] .pdp-label{display:none}
/*# sourceMappingURL=/cdn/shop/t/114/assets/color-swatches.css.map */