.tg-colour-strip__inner{--tg-swatch-size: 44px;margin:0 0 28px;text-align:center}.tg-colour-strip__heading{margin:0 0 18px;font-family:var(--heading-font-family);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--heading-color))}.tg-colour-strip__carousel{position:relative}.tg-colour-strip__track{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tg-colour-strip__track::-webkit-scrollbar{display:none}.tg-colour-strip__list{display:flex;gap:26px;width:max-content;margin:0 auto;padding:4px 4px 6px;list-style:none}.tg-colour-strip__item{flex:0 0 auto;margin:0;scroll-snap-align:center}.tg-colour-strip__link{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:64px;color:inherit;text-decoration:none}.tg-colour-strip__swatch{display:block;box-sizing:border-box;width:var(--tg-swatch-size);height:var(--tg-swatch-size);border-radius:50%;background:var(--tg-swatch);box-shadow:inset 0 0 0 1px #00000024;transition:transform .2s ease,box-shadow .2s ease}.tg-colour-strip__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;white-space:nowrap;border-bottom:1px solid transparent}.tg-colour-strip__link:hover .tg-colour-strip__swatch,.tg-colour-strip__link:focus-visible .tg-colour-strip__swatch{transform:scale(1.08)}.tg-colour-strip__link:focus-visible{outline:2px solid rgb(var(--heading-color));outline-offset:4px;border-radius:4px}.tg-colour-strip__link.is-active .tg-colour-strip__swatch{box-shadow:inset 0 0 0 1px #00000024,0 0 0 3px rgb(var(--bg-color)),0 0 0 4.5px rgb(var(--heading-color))}.tg-colour-strip__link.is-active .tg-colour-strip__label{border-bottom-color:currentColor}.tg-colour-strip__link.is-disabled{opacity:.35;cursor:default}.tg-colour-strip__arrow{position:absolute;top:calc(var(--tg-swatch-size) / 2 + 4px);z-index:1;display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:rgb(var(--bg-color));box-shadow:0 0 0 1px #0000001f;color:rgb(var(--heading-color));cursor:pointer}.tg-colour-strip__arrow--prev{left:0}.tg-colour-strip__arrow--next{right:0}@media(min-width:768px){.tg-colour-strip__arrow:not([hidden]){display:flex}}@media(max-width:767px){.tg-colour-strip__inner{--tg-swatch-size: 40px;margin-bottom:20px}.tg-colour-strip__heading{font-size:13px}.tg-colour-strip__list{gap:18px;padding-inline:var(--gutter-mobile)}.tg-colour-strip__link{min-width:56px}.tg-colour-strip__label{font-size:11px}.tg-colour-strip__carousel{margin-inline:calc(var(--gutter-mobile) * -1)}}@media(prefers-reduced-motion:reduce){.tg-colour-strip__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/tg-colour-strip.css.map */