.color-showcase{background:#000;padding:60px 20px;text-align:center}.color-showcase__heading{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(22px,4vw,36px);margin:0 0 36px}.color-showcase__viewport{position:relative;display:flex;align-items:center;max-width:1200px;margin:0 auto}.color-showcase__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:8px 4px;scrollbar-width:none}.color-showcase__track::-webkit-scrollbar{display:none}.color-showcase__item{flex:0 0 calc((100% - 48px) / 3);scroll-snap-align:start}.color-showcase__image-wrap{border-radius:8px;overflow:hidden;background:#0d0d0d}.color-showcase__image{width:100%;height:auto;display:block;object-fit:cover}.color-showcase__placeholder-svg{width:100%;height:100%;fill:#333}.color-showcase__label{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:15px;margin:16px 0 0}.color-showcase__arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 12px;transition:background .2s ease,border-color .2s ease}.color-showcase__arrow:hover{background:#ffffff26;border-color:#fff9}[dir=rtl] .color-showcase__arrow--prev svg,[dir=rtl] .color-showcase__arrow--next svg{transform:scaleX(-1)}.color-showcase__progress-track{max-width:200px;height:3px;margin:24px auto 0;background:#ffffff26;border-radius:2px;overflow:hidden}.color-showcase__progress-bar{width:33.333%;height:100%;background:#fff;border-radius:2px;transform:translate(0);will-change:transform}@media screen and (max-width:749px){.color-showcase__progress-track{max-width:120px;margin-top:18px}.color-showcase__progress-bar{width:40%}.color-showcase{padding:40px 16px}.color-showcase__track{gap:14px}.color-showcase__item{flex:0 0 78%}.color-showcase__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/color-showcase.css.map */