.ctc{margin:24px 0;color:inherit}.ctc__label{font-size:14px;font-weight:500;margin:0 0 12px}.ctc__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0;max-width:520px}.ctc__option{min-height:88px;min-width:44px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:inherit;border-radius:10px}.ctc__swatch{display:block;width:38px;height:38px;background:var(--tint-colour);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d5d1d1;flex-shrink:0}.ctc__name{font-size:12px;line-height:1.35;text-align:center;font-weight:400;overflow-wrap:normal}.ctc__option--selected .ctc__swatch{box-shadow:0 0 0 2px #252525}.ctc__option--selected .ctc__name{font-weight:600}.ctc__option:hover .ctc__swatch{box-shadow:0 0 0 2px #777}.ctc__option:focus-visible{outline:2px solid #252525;outline-offset:2px}.ctc__option--selected:hover .ctc__swatch{box-shadow:0 0 0 2px #252525}@media(max-width:767px){.ctc{margin:20px 0}.ctc__list{gap:5px}.ctc__swatch{width:36px;height:36px}.ctc__name{font-size:11px}.ctc__option{min-height:86px;padding:6px 0}}