.color-swatches{margin:0;padding:0}.quick-modal .color-swatches{margin-bottom:.5rem}.color-swatches__selected-option{display:block;font-size:.9rem;margin:.5rem 0;text-transform:lowercase}@media(min-width:48em){.color-swatches__selected-option{font-size:1rem}}.color-swatches__swatches{justify-content:center;margin:0 .2rem}.color-swatches__swatch{cursor:pointer;display:inline-block;height:1.9rem;margin:.5rem;padding:0;width:1.9rem}.color-swatches__swatch-inner{align-items:center;border:1px solid transparent;border-radius:50%;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:.2rem;width:100%}.color-swatches__swatch-inner img{border-radius:50%}.color-swatches__swatch-color-fill{border-radius:50%;height:100%;width:100%}.color-swatches input:checked+.color-swatches__swatch-inner{border-color:var(--color-primary)}.quick-modal .color-swatches input:checked+.color-swatches__swatch-inner{border-color:var(--color-black)}