.gradient-background{filter:blur(250px);width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0,0)}@media (max-width:640px){.gradient-background{display:none}}.gradient-background__shape{mix-blend-mode:lighten;border-radius:100%;animation-duration:20s;animation-timing-function:cubic-bezier(.1,0,.9,1);animation-iteration-count:infinite;position:absolute}.gradient-background__shape--1{background:var(--gray-850);mix-blend-mode:lighten;width:700px;height:700px;animation-name:gradientShapeAnimation1;bottom:0;left:0;transform:translate(-30%,40%)}.gradient-background__shape--2{background:var(--gray-850);width:600px;height:600px;animation-name:gradientShapeAnimation2;top:0;right:0;transform:translate(20%,-40%)}@keyframes gradientShapeAnimation1{0%{transform:translate(-30%,40%)rotate(-20deg)}25%{transform:translateY(20%)skew(-15deg,-15deg)rotate(80deg)}50%{transform:translate(30%,-10%)rotate(180deg)}75%{transform:translate(-30%,40%)skew(15deg,15deg)rotate(240deg)}to{transform:translate(-30%,40%)rotate(-20deg)}}@keyframes gradientShapeAnimation2{0%{transform:translate(20%,-40%)rotate(-20deg)}20%{transform:translate(0%)skew(-15deg,-15deg)rotate(80deg)}40%{transform:translate(-40%,50%)rotate(180deg)}60%{transform:translate(-20%,-20%)skew(15deg,15deg)rotate(80deg)}80%{transform:translate(10%,-30%)rotate(180deg)}to{transform:translate(20%,-40%)rotate(340deg)}}.gradient-background__noise{background-image:url(/assets/images/cosmetic/noise-bg.png);background-size:100px;width:100%;height:100%;position:absolute;top:0;left:0}@media (prefers-reduced-motion){.gradient-background__shape--1,.gradient-background__shape--2{animation-name:none}}