.color-swatches__inner{position:relative;display:flex;flex-flow:column;justify-content:center;gap:24px}.color-swatches__text-holder,.color-swatches .text-holder{position:relative}.color-swatches__text-holder__title,.color-swatches .text-holder__title{font-family:Chivo;font-size:1.8rem;font-weight:400;line-height:2.8rem;color:var(--fonts-black, #373737);font-size:2.4rem;font-style:normal;font-weight:600;line-height:normal;text-align:center}@media (min-width: 768px){.color-swatches__text-holder__title,.color-swatches .text-holder__title{font-size:3rem;font-style:normal;text-align:center;font-weight:600;line-height:normal}}.color-swatches__text-holder__title .inline-richtext__text,.color-swatches .text-holder__title .inline-richtext__text{width:100%;display:flex;justify-content:center}.color-swatches__form{position:relative;display:flex;flex-flow:column;justify-content:center;gap:24px}.color-swatches__swatches{margin-bottom:8px;display:flex;flex-flow:row wrap;gap:24px;justify-content:center}.color-swatches__swatches .input--square{width:48px;height:48px;border-radius:8px;transition:box-shadow .3s ease,border-radius .3s ease}.color-swatches__swatches .input--square:hover{border-radius:8px;box-shadow:inset 0 0 0 2px var(--strokes-darker-gray, #E2E2E2)}.color-swatches__swatches .input--square:active{border-radius:8px;box-shadow:inset 0 0 0 2px var(--fonts-black, #373737)}@media (min-width: 768px){.color-swatches__swatches .input--square{width:64px;height:64px}}.color-swatches__swatches .input--square .image-holder{margin:4px;border-radius:.6rem}.color-swatches__buttons{display:flex;flex-flow:column;align-items:center}