.hero-gradient{display:flex;flex-direction:column;min-height:calc(100vh - 100px);position:relative;overflow:hidden}.hero-gradient .image_background{position:absolute;bottom:0;left:50%;transform:translate(-50%);max-width:1200px;width:60%}@media screen and (min-width: 768px){.hero-gradient.background_fixed{background-attachment:fixed}}@keyframes anim_parallax_hero{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 768px){.hero-gradient .image_background{width:160%}.hero-gradient{min-height:700px}}.hero-gradient.container-pos-center{justify-content:center}.hero-gradient.container-pos-top{justify-content:flex-start}.hero-gradient.container-pos-bottom{justify-content:flex-end}.hero-gradient h1{margin:0}.light-1{background:radial-gradient(circle,#d9d9d91a,#73737300,#fff0);width:1000px;height:1000px;border-radius:50%;position:absolute;top:-300px;left:-300px;animation:floatLight 12s ease-in-out infinite;will-change:transform}.light-2{background:radial-gradient(circle,#d9d9d91a,#73737300,#fff0);width:1000px;height:1000px;border-radius:50%;position:absolute;bottom:-300px;right:-300px;animation:floatLight 12s ease-in-out infinite;will-change:transform}@keyframes floatLight{0%{transform:translate(0)}25%{transform:translate(40px,20px)}50%{transform:translateY(60px)}75%{transform:translate(-30px,30px)}to{transform:translate(0)}}.hero-gradient .content{display:flex;flex-direction:column;justify-content:center}.hero-gradient .image-size-medium img{width:100%;max-width:900px;height:auto}.hero-gradient .rich-text__text{margin:auto}.fade-target.disappear{animation:fadeOutUp 1s ease-out!important;opacity:0!important}@keyframes fadeOutUp{0%{opacity:1!important;transform:translateY(0)!important}to{opacity:0!important;transform:translateY(-20px)!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-gradient.css.map */
