.headsup-carousel-hero{position:relative;padding:0 var(--mobile-padding);margin-top:var(--mobile-padding)}.headsup-carousel-hero__container{margin:0 auto}.headsup-carousel-hero__viewport,.headsup-carousel-hero__track{position:relative}.headsup-carousel-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .28s ease-out,transform .28s ease-out;pointer-events:none}.headsup-carousel-hero__slide:first-child{position:relative}.headsup-carousel-hero__slide.is-active{opacity:1;transform:translate(0);pointer-events:auto}.headsup-carousel-hero__media-wrapper{position:relative;border-radius:0;overflow:hidden;height:632px;width:100%}.headsup-carousel-hero__image{width:100%;height:100%;object-fit:cover;display:block}.headsup-carousel-hero__image-placeholder{width:100%;height:100%}.headsup-carousel-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#10182000,#10182080 70.2%);display:block!important}.headsup-carousel-hero__content{position:absolute;left:1rem;right:1rem;bottom:46px;color:#fff;display:flex;flex-direction:column;gap:16px}.headsup-carousel-hero__title{color:#fff;text-shadow:0 0 24px rgba(0,0,0,.25)}.headsup-carousel-hero__subtitle{max-width:42rem;font-size:14px;line-height:1.4;opacity:.7;margin-top:.75rem;text-shadow:0 0 16px rgba(0,0,0,.35)}.headsup-carousel-hero__buttons{display:flex;flex-direction:column;gap:.75rem}.headsup-carousel-hero__button .headsup-button{width:100%;height:56px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 24px #69686840;transition:all .2s ease;text-decoration:none!important}.headsup-carousel-hero__button-primary{background-color:#cc313e!important;color:#fff!important}.headsup-carousel-hero__button-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #00000059}.headsup-carousel-hero__button-secondary{background-color:#00000040!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.8)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.headsup-carousel-hero__button-secondary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #00000059}.headsup-carousel-hero__nav{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.headsup-carousel-hero__nav-button{pointer-events:auto;width:200px;height:48px;border-radius:8px;border:none;background:#00000040;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease-out,opacity .15s ease-out}.headsup-carousel-hero__nav-button:disabled{opacity:.4;cursor:default}.headsup-carousel-hero__nav-button:not(:disabled):hover{transform:translateY(-1px);opacity:.9}.headsup-carousel-hero__nav-icon-img{width:24px;height:24px}.headsup-carousel-hero__nav-icon--next .headsup-carousel-hero__nav-icon-img{transform:rotate(180deg)}.headsup-carousel-hero__dots{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:12px;justify-content:center;z-index:6;pointer-events:auto}.headsup-carousel-hero__dot{width:8px;height:8px;border-radius:999px;border:none;padding:0;background-color:#ffffff73;cursor:pointer;transition:transform .15s ease-out,opacity .15s ease-out,background-color .15s ease-out}.headsup-carousel-hero__dot.is-active{background-color:#fff;transform:scale(1.4);opacity:1}.headsup-carousel-hero__dot:hover{opacity:.85}@media screen and (min-width: 1024px){.headsup-carousel-hero{padding-inline:0;margin-top:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.headsup-carousel-hero__subtitle{font-size:16px;max-width:48rem}.headsup-carousel-hero__container{max-width:none}.headsup-carousel-hero__media-wrapper{width:100vw;border-radius:0}.headsup-carousel-hero__content{left:3.75rem;right:3.75rem;bottom:3.5rem;max-width:56rem;gap:32px}.headsup-carousel-hero__buttons{display:flex;flex-direction:row;gap:1rem;max-width:none}.headsup-carousel-hero__button{flex:1}.headsup-carousel-hero__button .headsup-button{width:200px;height:56px;text-decoration:none!important}.headsup-carousel-hero__dots{margin-top:1.5rem}}@media screen and (min-width: 1200px){.headsup-carousel-hero__media-wrapper{height:600px}}@media screen and (max-width: 749px){.headsup-carousel-hero__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-headsup-carousel-hero.css.map */