.main-product .colour-thumbnail-carousel{display:none}@media screen and (max-width:64rem){body.product .main-product .colour-thumbnail-carousel{--colour-carousel-card-width: min(58px, calc((100vw - 135px)/4) );align-items:center;display:flex;gap:4px;max-width:100%;order:2;position:relative}body.product .main-product .colour-thumbnail-carousel .colour-product-thumbnails{flex:0 0 auto!important;max-width:calc(var(--colour-carousel-card-width) + var(--colour-carousel-card-width) + var(--colour-carousel-card-width) + var(--colour-carousel-card-width) + 51px)!important;order:0!important;overflow-x:auto!important;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:max-content!important}body.product .main-product .colour-thumbnail-carousel .colour-product-thumbnail{aspect-ratio:58 / 86;flex-basis:var(--colour-carousel-card-width)!important;height:auto!important;scroll-snap-align:start}body.product .main-product .colour-thumbnail-carousel:not(.colour-thumbnail-carousel--mobile-overflow) .colour-product-thumbnails{flex:1 1 auto!important;max-width:100%!important;overflow:visible!important;width:100%!important}body.product .main-product .colour-thumbnail-carousel:not(.colour-thumbnail-carousel--mobile-overflow) .colour-product-thumbnail{flex:0 1 var(--colour-carousel-card-width)!important;min-width:0!important}body.product .main-product .colour-thumbnail-carousel:not(.colour-thumbnail-carousel--mobile-overflow) .colour-thumbnail-carousel__arrow{display:none!important}body.product .main-product .colour-thumbnail-carousel--mobile-overflow{column-gap:10px;display:grid;grid-template-columns:minmax(0,1fr) 10px;width:100%}body.product .main-product .colour-thumbnail-carousel--mobile-overflow .colour-product-thumbnails{max-width:none!important;min-width:0!important;width:100%!important}body.product .main-product .colour-thumbnail-carousel--mobile-overflow .colour-product-thumbnail{flex-basis:calc((100% - 51px)/4)!important}body.product .main-product .colour-thumbnail-carousel--mobile-overflow .colour-thumbnail-carousel__arrow--next{align-self:center;grid-column:2;justify-self:end;position:static;transform:none}}@media screen and (min-width:64.0625rem){body.product .main-product .colour-thumbnail-carousel{--colour-carousel-card-width: clamp(58px, 4vw, 82px);align-items:center;display:flex;gap:4px;max-width:100%;order:2;position:relative}body.product .main-product .colour-thumbnail-carousel .colour-product-thumbnails{flex:0 0 auto!important;max-width:calc(var(--colour-carousel-card-width) + var(--colour-carousel-card-width) + var(--colour-carousel-card-width) + var(--colour-carousel-card-width) + var(--colour-carousel-card-width) + 68px)!important;order:0!important;overflow-x:auto!important;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:max-content!important}body.product .main-product .colour-thumbnail-carousel .colour-product-thumbnail{aspect-ratio:58 / 86;flex-basis:var(--colour-carousel-card-width)!important;height:auto!important;scroll-snap-align:start}body.product .main-product .colour-thumbnail-carousel:not(.colour-thumbnail-carousel--desktop-overflow) .colour-product-thumbnails{flex:1 1 auto!important;max-width:100%!important;overflow:visible!important;width:100%!important}body.product .main-product .colour-thumbnail-carousel:not(.colour-thumbnail-carousel--desktop-overflow) .colour-product-thumbnail{flex:0 1 var(--colour-carousel-card-width)!important;min-width:0!important}body.product .main-product .colour-thumbnail-carousel:not(.colour-thumbnail-carousel--desktop-overflow) .colour-thumbnail-carousel__arrow{display:none!important}body.product .main-product .colour-thumbnail-carousel--desktop-overflow{column-gap:10px;display:grid;grid-template-columns:minmax(0,1fr) 10px;width:100%}body.product .main-product .colour-thumbnail-carousel--desktop-overflow .colour-product-thumbnails{max-width:none!important;min-width:0!important;width:100%!important}body.product .main-product .colour-thumbnail-carousel--desktop-overflow .colour-product-thumbnail{flex-basis:calc((100% - 68px)/5)!important}body.product .main-product .colour-thumbnail-carousel--desktop-overflow .colour-thumbnail-carousel__arrow--next{align-self:center;grid-column:2;justify-self:end;position:static;transform:none}}.main-product .colour-thumbnail-carousel__arrow{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;color:var(--primary);cursor:pointer;font:inherit;font-size:12px;font-weight:700;line-height:1;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:8px;z-index:2;text-align:center}.main-product .colour-thumbnail-carousel__arrow--previous{left:-12px}.main-product .colour-thumbnail-carousel__arrow--next{right:0}.main-product .colour-thumbnail-carousel__arrow[hidden]{display:none!important}.main-product .colour-thumbnail-carousel__arrow:focus-visible{outline:1px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/product-colour-carousel.css.map */