.swatches{flex-wrap:wrap}.swatches__swatch{margin-bottom:var(--element-spacing);position:relative}.swatches__swatch:not(:last-child){margin-right:1rem}.swatches__swatch a{text-decoration:none}.swatches__label{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border);color:var(--color-brand-text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;font-size:.75rem;height:2rem;line-height:1.4;min-width:1.25rem;min-height:2rem;padding:0 .75rem;position:relative;text-align:center;transition:background-color var(--duration-default) ease-in-out}.swatches__label:active,.swatches__label:focus,.swatches__label:hover{background-color:transparent;color:var(--color-gray);text-decoration:none}.swatches__label--checked{background-color:var(--color-brand-primary);border-color:var(--color-black);color:var(--color-brand-text-on-primary)}.swatches__label--checked:active,.swatches__label--checked:focus,.swatches__label--checked:hover{background-color:var(--color-brand-primary-dark);color:var(--color-brand-text-on-primary)}.swatches__label--disabled{display:none}.swatches__label .label-small{line-height:inherit}.swatches__input:checked+.swatches__label{background-color:var(--color-brand-primary);color:var(--color-brand-text-on-primary)}