.swatches{flex-wrap:wrap}.swatches__swatch{margin-bottom:.375rem;padding:6px;position:relative}.swatches__swatch:not(:last-child){margin-right:.375rem}.swatches__label{background-color:var(--color-brand-secondary);color:var(--color-brand-text-on-accent);cursor:pointer;text-align:center;border-radius:1.125rem;min-width:1.25rem;height:2.25rem;padding:0 .5rem;font-size:.75rem;line-height:2.25rem;display:block;position:relative}.swatches__label:hover:before{content:"";box-sizing:border-box;border:1px solid var(--color-brand-text);border-radius:1.5rem;min-width:3rem;height:3rem;position:absolute;inset:-6px}.swatches__label--disabled,.swatches__label-disabled{display:none}.swatches__input:checked+.swatches__label:before{content:"";box-sizing:border-box;border:1px solid var(--color-brand-text);border-radius:1.5rem;min-width:3rem;height:3rem;position:absolute;inset:-6px}