.hero-banner-clickable{width:100%;background-color:var(--hbc-bg, #ffffff)}.hero-banner-clickable__heading{text-align:center;padding-block:1.5rem 1rem}.hero-banner-clickable__title{margin:0}.hero-banner-clickable__marquee{overflow:hidden;padding-top:var(--hbc-pad-top, 40px);padding-bottom:var(--hbc-pad-bottom, 40px)}.hero-banner-clickable__track{display:flex;width:max-content;gap:var(--hbc-gap, 16px);animation:hbc-scroll var(--hbc-speed, 30s) linear infinite;animation-direction:var(--hbc-direction, normal)}.hbc-pause-on-hover:hover .hero-banner-clickable__track{animation-play-state:paused}@keyframes hbc-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-banner-clickable__item{position:relative;display:block;overflow:hidden;text-decoration:none;cursor:pointer;flex:0 0 var(--hbc-item-width, 350px);width:var(--hbc-item-width, 350px)}.hero-banner-clickable__image{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;transition:transform .35s ease}.hero-banner-clickable__item:hover .hero-banner-clickable__image{transform:scale(1.04)}.hero-banner-clickable__label{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.45);pointer-events:none;white-space:nowrap}@media(prefers-reduced-motion:reduce){.hero-banner-clickable__track{animation:none}}@media screen and (max-width:749px){.hero-banner-clickable__marquee{padding-top:var(--hbc-mobile-pad-top, 16px);padding-bottom:var(--hbc-mobile-pad-bottom, 16px)}.hero-banner-clickable__item{flex-basis:var(--hbc-mobile-item-width, 300px);width:var(--hbc-mobile-item-width, 300px)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-hero-banner-clickable.css.map */