.sbc__swatches{display:flex;gap:12px;overflow-x:auto;padding:2px;padding-inline:var(--content-padding, 16px);margin-inline:calc(-1 * var(--content-padding, 16px))}.sbc__swatch{display:flex;flex-direction:column;gap:4px;align-items:center;--width: 44px;cursor:pointer}.sbc__swatch img{min-width:var(--width);height:auto;display:block}.sbc__swatch[active] img{outline:1px solid var(--color-border-icon-secondary, #575757);outline-offset:1px}.sbc__swatch-label{font:var(--text-sm);width:var(--width);white-space:nowrap;display:flex;justify-content:center}.flex-section--sbc .flex-section__text>h2{margin-bottom:var(--padding-xs)}.flex-section--sbc .flex-section__text>h2,.sbc__tabs{margin-inline:auto;width:fit-content}@media screen and (min-width: 768px){.sbc__tabs{margin-bottom:var(--padding-md)}.sbc__swatches{padding:2px;margin-inline:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--padding-sm);overflow:visible}.sbc__button{display:block;margin-inline:auto;width:fit-content}}@media screen and (max-width: 512px){.sbc__swatch{--width: min(calc((100vw - 16px) / 6.5) - 12px, 54px) }}@media screen and (min-width: 768px) and (max-width: 1250px){.sbc__swatch{--width: 40px}.sbc__swatch-label{max-width:40px;font-size:11px}}@media screen and (min-width: 1150px){.sbc__swatches{grid-template-columns:repeat(5,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/419/assets/shop-by-colour.css.map */