.banner--hero{overflow:hidden}.banner--hero .banner__heading{max-width:30rem;margin:0 auto}@media screen and (min-width:750px){.banner--hero .banner__heading{max-width:none}}.banner__heading--split{max-width:70rem!important}.banner__heading--split>span{display:block}@media screen and (min-width:750px){.banner__heading--split>span:first-of-type{text-align:left}.banner__heading--split>span:last-of-type{text-align:right}}.banner--hero .banner__content{flex-direction:column;padding-top:6rem;padding-bottom:14rem}@media screen and (min-width:750px){.banner--hero .banner__content{padding-top:0;padding-bottom:0}}.banner--hero .banner__content:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#2f70a933;border-radius:50%;height:40rem;width:40rem;min-width:40rem}.banner--hero .banner__box{width:100%;max-width:none;padding:0 2rem}.banner--hero .banner__box--heading-image{position:absolute;top:0;left:calc(50% - 32rem);transition:all var(--duration-long) ease;transform:rotate(-90deg);width:auto;opacity:0;animation:1s forwards .5s 1 animateHeader}@media screen and (max-width:749px){.banner--hero .banner__box--heading-image{max-width:36rem;max-height:36rem;left:calc(50% - 18rem)}}.banner--hero .banner__box--heading-image img{height:auto;max-width:100%;max-height:100%}@keyframes animateHeader{0%{transform:rotate(-90deg);opacity:0}to{transform:rotate(0);opacity:1}}.banner--hero .banner__products{display:flex;justify-content:center;align-items:center;z-index:3;position:relative}.banner--hero .banner__products picture{animation:grow 1s,float 2s ease-in-out infinite;transform:scale(0)}.banner--hero .banner__products picture:nth-of-type(1){width:25rem;z-index:4;transform:translatey(0);animation-delay:0s,1s}.banner--hero .banner__products picture:nth-of-type(2){position:absolute;left:-9rem;top:6rem;width:20rem;z-index:6;animation-delay:1s,2s}.banner--hero .banner__products picture:nth-of-type(3){position:absolute;left:-2rem;top:5rem;width:20rem;z-index:5;animation-delay:.5s,1.5s}.banner--hero .banner__products picture:nth-of-type(4){position:absolute;left:14rem;top:6rem;width:20rem;z-index:2;animation-delay:1s,2s}.banner--hero .banner__products picture:nth-of-type(5){position:absolute;left:14rem;top:14rem;width:20rem;z-index:3;animation-delay:.5s,1.5s}@media screen and (min-width:750px){.banner--hero .banner__products picture:nth-of-type(1){width:40rem}.banner--hero .banner__products picture:nth-of-type(2){left:-15rem;top:12rem;width:30rem}.banner--hero .banner__products picture:nth-of-type(3){left:-4rem;top:5rem;width:30rem}.banner--hero .banner__products picture:nth-of-type(4){left:26rem;top:10rem;width:30rem}.banner--hero .banner__products picture:nth-of-type(5){left:28rem;top:20rem;width:30rem}}.banner--hero .banner__products picture img{width:100%;height:auto}.banner--hero .banner__icon{position:absolute;width:16rem;height:auto;bottom:4rem;right:2rem;transform:scale(0);animation:grow 1s,pulse 3s infinite;animation-delay:2s,3s}@media screen and (min-width:750px){.banner--hero .banner__icon{width:20rem;bottom:8rem;right:12rem}}.banner--hero .banner__icon-2{position:absolute;top:5rem;left:0}.banner--hero .banner__icon-2 svg{width:7rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-3{position:absolute;top:0;right:-2rem}@media screen and (min-width:750px){.banner--hero .banner__icon-3{top:10rem;right:0}}.banner--hero .banner__icon-3 svg{width:7rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-4{position:absolute;bottom:4rem;left:-2rem}@media screen and (min-width:750px){.banner--hero .banner__icon-4{bottom:12rem;left:8rem}}.banner--hero .banner__icon-4 svg{width:5rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-5{position:absolute;bottom:8rem;left:8rem}@media screen and (min-width:750px){.banner--hero .banner__icon-5{bottom:14rem;left:18rem}}.banner--hero .banner__icon-5 svg{width:5rem;stroke:var(--color-body);fill:var(--color-body)}.banner--products-first .banner__content{padding-bottom:10rem}.banner--products-first .banner__content:before{top:40%}.banner--large-product .banner__products picture:nth-of-type(1){width:40rem}@media screen and (min-width:750px){.banner--large-product .banner__products picture:nth-of-type(1){width:70rem}}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes pulse{0%{transform:scale(1)}80%{transform:scale(1)}90%{transform:scale(1.2)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/hero-banner.css.map */