.hero-banner{border-radius:1.6rem;padding:2rem 2rem 0rem}.hero-banner--no-media{padding:2rem 2rem 0rem;min-height:30rem}.hero-banner__grid{align-items:center}.hero-banner__grid .breadcrumbs{margin-bottom:2rem}.hero-banner__heading{margin:0rem 0 1.2rem;width:100%;max-width:var(--max-width, 100%)}.hero-banner__description{max-width:var(--max-width, 43.9rem)}.hero-banner__button{margin-top:2rem}.hero-banner--df .hero-banner__item--media img{z-index:1}.hero-banner--df .hero-banner__item--media>div:after{content:"";position:absolute;bottom:0;right:0;max-height:88.44%;height:100%;width:100%;border-radius:2.4rem 2.4rem 0 0;background:linear-gradient(204.25deg,#e1eaf7 14.65%,#179bd7)}.hero-banner--df .hero-banner__item--media>div img{animation:floatY 6s ease-in-out infinite;will-change:transform}@media screen and (min-width:990px){.hero-banner{border-radius:2.4rem;padding:0 4rem}.hero-banner--no-media>div{padding:4rem 0;min-height:30rem}.hero-banner--df .hero-banner__item--media{max-width:35.1rem;margin-left:auto}.hero-banner--df .hero-banner__item--media>div:after{max-width:53rem}.hero-banner__content-wrapper{padding-top:4rem;padding-bottom:4rem}}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(12px)}to{transform:translateY(0)}}.hero-banner__button{--color-button: 48, 63, 85;--color-button-text: 255, 255, 255}.hero-banner__button:hover{--color-button: 255, 255, 255;--color-button-text: 48, 63, 85}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hero-banner.css.map */