.generic-hero-banner{display:flex;flex-direction:column;overflow:hidden}.generic-hero-banner.no-wrapper{padding-inline:0}.generic-hero-banner.no-wrapper .generic-hero-banner__text{padding-inline:var(--page-width-padding)}@media screen and (max-width: 48em){.generic-hero-banner.no-wrapper .generic-hero-banner__text{padding-inline:var(--page-width-padding-mobile)}}.generic-hero-banner__video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.generic-hero-banner__video--desktop-height-restricted{height:var(--desktop-video-height)}@media screen and (max-width: 48em){.generic-hero-banner__video--mobile-height-restricted{height:var(--mobile-video-height)}}.generic-hero-banner__image{position:relative}.generic-hero-banner__image .lazy-image,.generic-hero-banner__image .placeholder-image{border-radius:0}.generic-hero-banner__image .mobile-image{display:none}.generic-hero-banner__image .generic-hero-banner__image-svg{display:flex}.generic-hero-banner__image .animated-circle{position:absolute;z-index:2;bottom:-15rem;right:20%;left:unset;margin:0}.generic-hero-banner__image.desktop-height-600{height:60rem}.generic-hero-banner__image.desktop-height-700{height:70rem}.generic-hero-banner__image.desktop-height-800{height:80rem}.generic-hero-banner__image.desktop-height-original{height:auto}.generic-hero-banner__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.generic-hero-banner__text{margin-block:4rem;display:flex;gap:2rem;flex-direction:column}.generic-hero-banner__text h2{font-size:var(--font-size);font-weight:900;line-height:92.5%;letter-spacing:.035em}.generic-hero-banner__bar{background-color:var(--background-color);padding:1rem 0;--gap: 6rem;position:relative;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap)}.generic-hero-banner__bar--marquee{flex-shrink:0;display:flex;justify-content:space-around;gap:var(--gap);min-width:100%;animation:scroll 30s linear infinite}.generic-hero-banner__bar--marquee.stop-animation{animation-play-state:paused}.generic-hero-banner__bar__text{flex-shrink:0;display:flex;font-size:3rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:var(--color)}@media screen and (max-width: 96em){.generic-hero-banner__image .animated-circle{transform:scale(.7)}.generic-hero-banner__text h2{font-size:var(--font-size-tablet)}}@media screen and (max-width: 64em){.generic-hero-banner__text h2{font-size:var(--font-size-phone)}.generic-hero-banner__image .animated-circle{transform:scale(.5);right:-5%}.generic-hero-banner__bar{--gap: 3rem}.generic-hero-banner__bar__text{font-size:2rem}}@media screen and (max-width: 48em){.generic-hero-banner__image .desktop-image{display:none}.generic-hero-banner__image .desktop-image.only-desktop-image,.generic-hero-banner__image .mobile-image{display:block}.generic-hero-banner__image.mobile-height-300{height:30rem}.generic-hero-banner__image.mobile-height-450{height:45rem}.generic-hero-banner__image.mobile-height-500{height:50rem}.generic-hero-banner__image.mobile-height-original{height:auto}.generic-hero-banner__image .animated-circle{transform:scale(.4);right:-10rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-generic-hero-banner.css.map */