.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:16px;overflow:hidden;height:632px}.headsup-carousel-hero__image{width:100%;height:100%;object-fit:cover;display:block;object-position:center}.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__buttons{display:flex;flex-direction:column;gap:.75rem}.headsup-carousel-hero__button .headsup-button,.headsup-carousel-hero__button-el{width:100%}.headsup-carousel-hero__button-primary{background-color:var(--bg-1)!important;color:var(--primary-1)!important;border:none!important}.headsup-carousel-hero__button-primary:hover{background-color:var(--bg-1)!important;opacity:.9}.headsup-carousel-hero__button-secondary{background-color:transparent!important;color:var(--bg-1)!important;border:1px solid var(--bg-1)!important}.headsup-carousel-hero__button-secondary:hover{background-color:transparent!important;opacity:.9}.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:48px;height:48px;border-radius:8px;border:none;background:transparent;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:16px;transform:translate(-50%);display:flex;gap:1rem;justify-content:center}.headsup-carousel-hero__dot{width:6px;height:6px;border-radius:999px;border:none;padding:0;background-color:var(--bg-1);opacity:.5;cursor:pointer;transition:transform .15s ease-out,opacity .15s ease-out}.headsup-carousel-hero__dot.is-active{transform:scale(1.35);opacity:1}@media screen and (min-width: 1024px){.headsup-carousel-hero{padding-inline:3.75rem;margin-top:2.5rem}.headsup-carousel-hero__content{left:3.75rem;right:3.75rem;bottom:3.5rem;max-width:56rem;gap:32px}.headsup-carousel-hero__buttons{flex-direction:row;max-width:19rem}.headsup-carousel-hero__button .headsup-button{width:auto}.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/2/assets/section-headsup-carousel-hero.css.map */
