.wnf-card-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;align-items:center;line-height:1}.wnf-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(28,29,29,.15);background-color:#faf8f5;background-position:50%;background-size:cover;overflow:hidden;text-decoration:none;color:#1c1d1d;font-size:11px;font-family:Futura,Futura PT,Helvetica,Arial,sans-serif;letter-spacing:.02em;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;flex:0 0 auto}.wnf-swatch:hover,.wnf-swatch:focus-visible{transform:scale(1.12);border-color:#1c1d1d;box-shadow:0 0 0 2px #fff,0 0 0 3px #1c1d1d;outline:none;z-index:1}.wnf-swatch--image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.wnf-swatch--more{width:auto;min-width:30px;padding:0 6px;font-weight:600;background:#faf8f5;color:#404f52}.wnf-swatch--more:hover{background:#f2c070;color:#1c1d1d;box-shadow:0 0 0 2px #fff,0 0 0 3px #f2c070}@media(hover:none){.wnf-swatch{width:24px;height:24px}.wnf-swatch--more{min-width:32px}}@media(max-width:480px){.wnf-card-swatches{gap:5px;margin-top:6px}.wnf-swatch{width:20px;height:20px}.wnf-swatch--more{min-width:28px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/wnf-card-swatches.css.map */