.hero_banner--container{position:relative;height:calc(100svh - var(--announcement-bar-height))}.hero-banner .hero_banner--container:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#0000 8.41%,#000 49.62%)}.hero_banner--container .logos-carousel .logo-marquee:before{background:linear-gradient(-90deg,#fff0,#000)}.hero_banner--media{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.hero_banner--media img{width:100%;height:100%;object-fit:cover}.hero_banner--main{height:100%;width:100%;display:flex;position:relative;z-index:2;padding-left:var(--padding-left-mb);padding-right:var(--padding-right-mb);padding-top:var(--padding-top-mb);padding-bottom:var(--padding-bottom-mb)}.hero_banner--logos{width:100%;position:absolute;bottom:31px;left:0}.logo-marquee__track img{filter:invert(1);-webkit-filter:invert(1);opacity:.5}.hero-banner .logo-marquee{max-width:1104px;margin:0 auto}.hero-banner .logo-marquee__track{gap:17.73px}.hero-banner .logos-carousel{margin:0}.logos-carousel .logo-marquee:after{background:linear-gradient(90deg,#fff0,#000)}.hero_banner--content .subheading{margin-bottom:8px;margin-top:0;font-weight:500;font-size:12px;line-height:14px;letter-spacing:-.12px;vertical-align:middle;text-transform:uppercase;text-align:center;color:#fff;opacity:.7}.hero_banner--content .heading{font-weight:400;font-size:32px;line-height:40px;letter-spacing:-.32px;text-align:center;vertical-align:middle;color:#fff;margin-bottom:12px;margin-top:0}.hero_banner--content .description{font-weight:400;font-size:16px;line-height:26px;letter-spacing:-.16px;text-align:center;vertical-align:middle;color:#fff;margin-bottom:24px;margin-top:0}.hero_banner--content .buttons{margin-top:0;margin-bottom:32px;display:flex;flex-direction:column;gap:11px}.hero_banner--content .buttons .btn{width:100%;border-radius:8px;min-height:50px;padding:8px 20px;font-weight:500;font-size:16px;line-height:23px;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.hero_banner--content .buttons .btn.btn-primary{background:#fff;color:#000}.hero_banner--content .buttons .btn.btn-secondary{background:#ffffff4d;color:#fff}.hero__featured-list{display:flex;gap:8px 16px;flex-wrap:wrap;justify-content:center}.hero__featured-item{display:flex;align-items:center;gap:4.7px;font-weight:400;font-size:14px;line-height:28px;letter-spacing:-.1px;vertical-align:middle;color:#fff}.hero__featured-item img{width:16px;height:auto}.hero_banner--main .hero_banner--content{height:fit-content;margin-block:auto}.hero-banner .logos-carousel p{display:flex;gap:10px;align-items:center;justify-content:center;font-weight:400;font-size:14px;line-height:21px;letter-spacing:-.2px;text-align:center;vertical-align:middle;color:#959595;margin-bottom:8px;opacity:.5}.hero-banner .logos-carousel p span{width:max-content;min-width:fit-content}.hero-banner .logos-carousel p:after,.hero-banner .logos-carousel p:before{content:"";display:block;width:100%;height:1px;background-color:#4a4a4a;opacity:.56;max-width:86.5px}.hero-banner .logo-marquee__item img{height:25px}@media screen and (min-width:768px){.hero_banner--main .hero_banner--content{max-width:var(--max-width-dsk)}.hero-banner .hero_banner--container:after{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#0000 21.43%,#00000063 50.82%,#000000d9 76.52%,#000)}.hero-banner .logo-marquee__track{gap:54px}.hero_banner--logos{bottom:32px}.hero-banner .logo-marquee__item img{height:34px}.hero-banner .logos-carousel p{font-size:16px;margin-bottom:16px;letter-spacing:-.1px}.hero_banner--main{align-items:center;padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.hero-banner .logos-carousel p:after,.hero-banner .logos-carousel p:before{max-width:181.5px}.hero_banner--content .subheading{font-size:16px;letter-spacing:.5px;line-height:18px;margin-bottom:12px;text-align:left}.hero_banner--content .heading{font-size:50px;line-height:64px;text-align:left;letter-spacing:-.5px;margin-bottom:12px}.hero_banner--content .description{font-size:18px;margin-bottom:32px;text-align:left;max-width:90%}.hero_banner--content .buttons{margin-bottom:64px;flex-direction:row}.hero_banner--content .buttons .btn{width:fit-content;padding:8px 20px}.hero__featured-list{display:flex;gap:25px;flex-wrap:wrap;justify-content:flex-start}.hero__featured-item{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-hero-banner.css.map */