.product_swatches{display:flex;flex-direction:column;gap:15px}.hide-swatch{display:none}.product_swatches .swatch__label-wrapper{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.product_swatches .swatch__label{width:fit-content;padding:6px 10px;border-radius:3px;font-size:13px;background-color:var(--label-bg);color:var(--label-clr);border:var(--label-border);cursor:pointer}.product_swatches .swatch__label.active{background-color:var(--label-active-bg);color:var(--label-active-clr);border:var(--label-border)}.product_swatches .swatch__wrapper{display:flex;align-items:center;gap:15px;margin-top:10px;flex-wrap:wrap}.product_swatches .swatch__wrapper .color__swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--swatch-shape);border:1px solid black;background:var(--swatch-background);background-size:cover;border:var(--swatch-border);position:relative;cursor:pointer;transition:.35s}.product_swatches .swatch__wrapper .color__swatch.active{width:var(--scale);height:var(--scale);outline:3px solid black;outline-offset:var(--offset)}.product_swatches .swatch__wrapper .color__swatch:not(.active):hover{width:var(--scale-on-hover);height:var(--scale-on-hover)}.product_swatches .swatch__wrapper .color__swatch:before{content:var(--label);position:absolute;width:max-content;height:auto;padding:5px 7px;border-radius:3px;background-color:#000;color:#fff;top:-36px;left:50%;right:50%;transform:translate(-20%);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;z-index:2}.product_swatches .swatch__wrapper .color__swatch:after{content:"";position:absolute;width:13px;height:8px;clip-path:polygon(0% 0%,100% 0%,50% 100%);background-color:#000;top:-12px;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out}.product_swatches .swatch__wrapper .color__swatch:hover:before,.product_swatches .swatch__wrapper .color__swatch:hover:after{opacity:1;visibility:visible;pointer-events:none}@media screen and (max-width: 749px){.product_swatches .swatch__wrapper .color__swatch:before{transform:translate(-30%)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/product-variant-swatches.css.map */