@keyframes hero-gradient-animation{0%{--s-start-0:0%;--s-end-0:50%;--c-0:#f9e3c3;--x-0:83%;--y-0:22%;--s-start-1:0%;--s-end-1:50%;--x-1:0%;--y-1:50%;--c-1:#e0ecf1;--y-2:21%;--s-start-2:0%;--s-end-2:50%;--x-2:21%;--c-2:#dbdbdb;--s-start-3:0%;--s-end-3:50%;--c-3:#e6f9ff;--y-3:77%;--x-3:54%;--s-start-4:0%;--s-end-4:50%;--c-4:#436270;--x-4:30%;--y-4:75%}to{--s-start-0:0;--s-end-0:65;--c-0:#f9e3c3;--x-0:69%;--y-0:12%;--s-start-1:0;--s-end-1:65;--x-1:86%;--y-1:46%;--c-1:#e0ecf1;--y-2:68%;--s-start-2:0;--s-end-2:65;--x-2:55%;--c-2:#dbdbdb;--s-start-3:0;--s-end-3:65;--c-3:#e6f9ff;--y-3:47%;--x-3:53%;--s-start-4:0;--s-end-4:65;--c-4:#436270;--x-4:70%;--y-4:40%}}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:50%}@property --c-0{syntax:"<color>";inherits:false;initial-value:#f9e3c3}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:83%}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:22%}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:50%}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:50%}@property --c-1{syntax:"<color>";inherits:false;initial-value:#e0ecf1}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:21%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:50%}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:21%}@property --c-2{syntax:"<color>";inherits:false;initial-value:#dbdbdb}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:50%}@property --c-3{syntax:"<color>";inherits:false;initial-value:#e6f9ff}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:77%}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:54%}@property --s-start-4{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-4{syntax:"<percentage>";inherits:false;initial-value:50%}@property --c-4{syntax:"<color>";inherits:false;initial-value:#436270}@property --x-4{syntax:"<percentage>";inherits:false;initial-value:30%}@property --y-4{syntax:"<percentage>";inherits:false;initial-value:75%}.mesh-background{--c-0:#f9e3c3;--x-0:83%;--y-0:22%;--x-1:0%;--y-1:50%;--c-1:#e0ecf1;--y-2:21%;--x-2:21%;--c-2:#dbdbdb;--c-3:#e6f9ff;--y-3:77%;--x-3:54%;--c-4:#436270;--x-4:30%;--y-4:75%;background-color:#ededed;background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4));background-blend-mode:normal, normal, normal, normal, normal;animation:10s linear infinite alternate hero-gradient-animation}