#swatchStrip .swatch-strip{width:100%;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;grid-gap:6px;gap:6px}#swatchStrip .swatch-nav{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:transparent;color:#111;cursor:pointer;transition:background .15s ease,transform .1s ease}#swatchStrip .swatch-nav:hover{background:rgba(0,0,0,.05)}#swatchStrip .swatch-nav:active{transform:translateY(1px)}#swatchStrip .swatch-nav:focus-visible{outline:2px solid #e45a80;outline-offset:2px}#swatchStrip .swatch-viewport{width:100%;overflow:hidden}#swatchStrip{display:flex;align-items:center;width:100%;margin-top:6px}#swatchStrip::-webkit-progress-bar{display:none}#swatchStrip .swatch-track{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-gap:clamp(6px,1.2vw,12px);gap:clamp(6px,1.2vw,12px);align-items:center;padding:2px 1px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}#swatchStrip .swatch-track::-webkit-scrollbar{height:4px}#swatchStrip .swatch-track::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}#swatchStrip .swatch-track::-webkit-scrollbar-track{background:#f3f4f6}#swatchStrip .swatch-item{position:relative;display:inline-block;text-decoration:none;outline:none}#swatchStrip .swatch-circle{position:relative;width:20px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}#swatchStrip img.swatch-img{position:static!important;display:block!important;width:100%!important;height:83%!important;max-width:none!important;object-fit:cover!important;border-radius:999px;pointer-events:none}#swatchStrip .swatch-fallback{width:60%;height:60%;border-radius:999px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}#swatchStrip .swatch-item .swatch-circle{transform:scale(1)}#swatchStrip .swatch-item:focus-visible .swatch-circle,#swatchStrip .swatch-item:hover .swatch-circle{transform:scale(1.12)}#swatchStrip .swatch-item.is-active .swatch-circle{transform:scale(1.06);border-color:#c51a4a}#swatchStrip .swatch-item.is-active:focus-visible .swatch-circle,#swatchStrip .swatch-item.is-active:hover .swatch-circle{transform:scale(1.18)}@media (max-width:480px){#swatchStrip .swatch-circle{width:18px;height:22px}}#swatchStrip .swatch-track{scrollbar-width:none}#swatchStrip .swatch-track::-webkit-scrollbar{width:0!important;height:0!important}#swatchStrip .swatch-track::-webkit-scrollbar-thumb,#swatchStrip .swatch-track::-webkit-scrollbar-track{background:transparent!important}