.c-color-swatches{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (min-width: 768px){.c-color-swatches{-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}}.c-color-swatches__wrapper-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px}body.macos .c-color-swatches__wrapper-inner{-webkit-transform:translateY(4.5px);transform:translateY(4.5px)}.c-color-swatches__swatch{display:block;width:10px;height:10px;position:relative}.c-color-swatches__swatch>span{display:block;width:100%;height:100%}.c-color-swatches__swatch>span.has-border{outline:.5px solid #000;outline-offset:-2px}.c-color-swatches__label{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:-4px;position:absolute;text-align:right;opacity:0;-webkit-transition:opacity 250ms;transition:opacity 250ms;color:#6a6a6a;text-align:right;font-family:var(--font-body);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.c-color-swatches__swatch--selected{outline:1px solid #000;outline-offset:-1px}.c-color-swatches__text{color:#000;font-family:var(--font-body);font-size:13px;font-style:normal;font-weight:400;line-height:100%;text-transform:capitalize;text-decoration:none;text-wrap:nowrap;-webkit-transform:translateY(0);transform:translateY(0)}.c-color-swatches__text--size-m{font-size:10px;cursor:pointer}.c-color-swatches__text--size-l{font-size:13px}.c-color-swatches__text--uppercase{text-transform:uppercase}.c-color-swatches__text--bold{font-weight:500}