.card-swatches{display:flex!important;gap:8px;margin-top:10px;justify-content:center;flex-wrap:wrap;line-height:0;position:relative;z-index:2}.card-swatch,button.card-swatch,a.card-swatch{display:inline-block!important;width:32px!important;height:32px!important;min-width:32px;min-height:32px;border-radius:50%!important;border:1px solid rgba(0,0,0,.18);background-size:cover!important;background-position:center!important;background-color:#c8c8c8;background-repeat:no-repeat;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;text-decoration:none!important;visibility:visible!important;overflow:hidden;padding:0!important;vertical-align:middle;box-sizing:border-box;outline:0;appearance:none;-webkit-appearance:none}.card-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff8c,#ffffff2e 32%,#fff0 55%,#0000001a 80%,#00000047)}.card-swatch{position:relative}.card-swatch:hover,button.card-swatch:hover,a.card-swatch:hover{transform:scale(1.12);text-decoration:none!important}.card-swatch--selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #000000d9;transform:scale(1.05)}.card-swatch--unavailable{opacity:.4;cursor:not-allowed;position:relative}.card-swatch--white{border-color:#0006}.card-swatches__more{display:inline-flex;align-items:center;font-size:12px;color:#0009;padding-left:4px;line-height:32px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-swatches.css.map */