.card__color-preview{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;align-items:center}.card__color-preview-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-block;position:relative;flex-shrink:0;background-size:cover;background-position:center}.card__color-preview-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000026;z-index:1}.card__color-preview-swatch[data-light=true]{border-color:#00000040}.card__color-preview-swatch[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:10;pointer-events:none}.card__color-preview-swatch[title]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000d9;z-index:10;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/21/assets/card-color-preview.css.map */