.tear-swatches{display:flex;gap:12px;justify-content:center;padding:10px 0 2px}.tear-swatch{background:none;border:0;padding:6px;cursor:pointer;line-height:0}.tear-swatch__drop{display:block;width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:1px solid rgba(255,255,255,.45);transition:transform .2s ease,box-shadow .2s ease}.tear-swatch:hover .tear-swatch__drop{transform:rotate(-45deg) scale(1.15)}.tear-swatch.is-active .tear-swatch__drop{box-shadow:0 0 0 2px #0a0a0a,0 0 0 3.5px #ffc200}.tear-swatch[data-color="Black"] .tear-swatch__drop{background:#0d0d0d}.tear-swatch[data-color="White"] .tear-swatch__drop{background:#f4f4f4}.tear-swatch[data-color="Grey"] .tear-swatch__drop{background:#808080}.tear-swatch[data-color="Navy"] .tear-swatch__drop{background:#1c2a4a}.tear-swatch[data-color="Red"] .tear-swatch__drop{background:#e70012}.tear-swatch[data-color="Blue"] .tear-swatch__drop{background:#06b6ff}.tear-swatch[data-color="Cream"] .tear-swatch__drop{background:#efe6d0}.tear-swatch[data-color="Brown"] .tear-swatch__drop{background:#5a3a26}.tear-swatch[data-color="Olive"] .tear-swatch__drop{background:#5a6248}.tear-swatch[data-color="Pink"] .tear-swatch__drop{background:#f2a7c3}