.hero-slideshow-wrapper{padding:16px 5% 8px}.hero-slideshow-track{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:24px;cursor:grab;-webkit-user-select:none;user-select:none;max-width:1400px;margin:0 auto}.hero-slideshow-track::-webkit-scrollbar{display:none}.hero-slideshow-track.is-dragging{cursor:grabbing}.hero-slide{position:relative;flex:0 0 100%;width:100%;scroll-snap-align:start;aspect-ratio:100 / var(--slide-height-mobile)}.hero-slide-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;border-radius:24px;overflow:hidden;background:#111}.hero-slide-picture,.hero-slide-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center var(--focal-y-mobile, 20%);display:block}.hero-slide-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#2a2a2a,#050505)}.hero-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#000000b3)}.hero-slide-content{position:absolute;left:0;right:0;bottom:32px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 24px;text-align:center;z-index:1}.hero-slide-kicker{font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff;opacity:.85}.hero-slide-heading{font-size:clamp(1.8rem,6vw,3rem);font-weight:800;line-height:1.05;color:#fff;text-transform:uppercase;max-width:20ch}.hero-slide-button{margin-top:8px;display:inline-block;padding:14px 32px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.hero-slideshow-dots{display:flex;justify-content:center;gap:8px;padding:16px 0 8px}.hero-slideshow-dot{width:8px;height:8px;border-radius:999px;border:none;background:#d1d5db;cursor:pointer;transition:width .2s ease,background .2s ease;padding:0}.hero-slideshow-dot.is-active{width:24px;background:#111}@media screen and (min-width:750px){.hero-slide{aspect-ratio:100 / var(--slide-height-desktop)}.hero-slide-picture,.hero-slide-image{object-position:center var(--focal-y-desktop, 40%)}.hero-slide-content{bottom:56px}.hero-slide-button{padding:16px 40px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-hero-slideshow.css.map */