.collection-showcase{--cs-cols: 4;--cs-gap: 4px;--cs-item-mobile: 84%}.collection-showcase__head{text-align:center;margin:0 0 24px;padding:0 20px}.collection-showcase__title{margin:0;font-size:26px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.collection-showcase__subtitle{margin:6px 0 0;font-size:14px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;opacity:.85}@media screen and (min-width:990px){.collection-showcase__head{margin-bottom:32px}.collection-showcase__title{font-size:34px}}.collection-showcase__viewport{position:relative}.collection-showcase__track{display:flex;align-items:stretch;gap:var(--cs-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-showcase__track::-webkit-scrollbar{display:none}.collection-showcase__item{flex:0 0 auto;width:var(--cs-item-mobile);scroll-snap-align:start;min-width:0}.collection-showcase__track.is-draggable{cursor:grab}.collection-showcase__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.collection-showcase__track.is-dragging a{pointer-events:none}.collection-showcase__progress{position:relative;height:2px;margin:16px 20px 0;overflow:hidden}.collection-showcase__progress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:.15}.collection-showcase__progress-bar{position:absolute;top:0;left:0;height:100%;width:0;background:currentColor;transition:transform .08s linear}@media screen and (min-width:990px){.collection-showcase__progress{margin:20px auto 0;max-width:400px}}@media screen and (min-width:990px){.collection-showcase__item{width:calc((100% - (var(--cs-cols) - 1) * var(--cs-gap)) / var(--cs-cols))}}.collection-showcase__item--media{position:relative;min-height:340px;overflow:hidden;background-color:#0000000a}.collection-showcase__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none}.collection-showcase__image,.collection-showcase__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.collection-showcase__placeholder svg{width:100%;height:100%;object-fit:cover}.collection-showcase__label{position:absolute;left:18px;bottom:18px;z-index:1;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.35)}.collection-showcase__label>span{border-bottom:1px solid currentColor;padding-bottom:3px}@media screen and (min-width:990px){.collection-showcase__item--media{min-height:420px}.collection-showcase__label{left:24px;bottom:24px;font-size:13px}}.collection-showcase__arrow{display:none}@media screen and (min-width:750px){.collection-showcase__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#ffffffeb;color:#1a1a1a;box-shadow:0 2px 12px #00000029;cursor:pointer;transition:opacity .2s ease,background .2s ease}.collection-showcase__arrow:hover{background:#fff}.collection-showcase__arrow[hidden]{display:none}.collection-showcase__arrow svg{width:20px;height:20px}.collection-showcase__arrow--prev{left:12px}.collection-showcase__arrow--next{right:12px}}@media(prefers-reduced-motion:reduce){.collection-showcase__track{scroll-behavior:auto}}.collection-showcase__head--inline{text-align:left}.collection-showcase__head--inline .collection-showcase__title{font-size:18px;letter-spacing:.02em}.collection-showcase__head--inline .collection-showcase__subtitle{margin-top:2px}.collection-showcase__link{display:inline-block;margin-top:6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:inherit;white-space:nowrap}@media screen and (min-width:750px){.collection-showcase__head--inline{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.collection-showcase__link{flex:0 0 auto;margin-top:0}}@media screen and (min-width:990px){.collection-showcase__head--inline{padding-left:32px;padding-right:32px}.collection-showcase__head--inline .collection-showcase__title{font-size:22px}.collection-showcase__link{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-collection-showcase.css.map */