.product-card__swatches{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.product-card__swatches .swatch{width:24px;height:24px;border-radius:50%;border:1.5px solid #e5e5e5;cursor:pointer;transition:all .2s ease;display:inline-block;position:relative;flex-shrink:0;text-decoration:none;outline:none}.product-card__swatches a.swatch{text-decoration:none;color:transparent}.product-card__swatches .swatch:hover{transform:scale(1.2);border-color:#333;box-shadow:0 3px 8px #0003;z-index:1}.product-card__swatches .swatch:active{transform:scale(1.1);box-shadow:0 1px 3px #00000026}.product-card__swatches a.swatch:focus{outline:2px solid #4169e1;outline-offset:2px;border-color:#4169e1}.product-card__swatches .swatch[style*="#fff"],.product-card__swatches .swatch[style*="#ffffff"],.product-card__swatches .swatch[style*=white]{border-color:#ccc}.product-card__swatches .swatch-more{font-size:11px;color:#666;font-weight:500;margin-left:2px;white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.product-card__swatches{gap:5px;margin-top:6px}.product-card__swatches .swatch{width:18px;height:18px}.product-card__swatches .swatch-more{font-size:10px}}.product-card__swatches .swatch:focus{outline:2px solid #4169e1;outline-offset:2px}.product-card__swatches .swatch:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.product-card__swatches a.swatch:after{content:attr(title) " \b7  Click to view"}.product-card__swatches .swatch:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000d9;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.product-card__swatches .swatch:hover:after,.product-card__swatches .swatch:hover:before{opacity:1}@media (max-width: 768px){.product-card__swatches .swatch:after,.product-card__swatches .swatch:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/swatches.css.map */