@keyframes hero-gradient-animation {
    0% {
        --c-0: hsla(0, 0%, 100%, 1);
        --x-0: 97%;
        --y-0: -30%;
        --s-start-0: 14%;
        --s-end-0: 60%;
        --c-1: hsla(318.9473684210526, 0%, 100%, 1);
        --x-1: 98%;
        --y-1: 130%;
        --s-start-1: 14%;
        --s-end-1: 60%;
        --c-2: hsla(0, 0%, 100%, 1);
        --x-2: 1%;
        --y-2: -30%;
        --s-start-2: 13.552500389139292%;
        --s-end-2: 60%;
        --c-3: hsla(318.9473684210526, 0%, 100%, 1);
        --x-3: 0%;
        --y-3: 130%;
        --s-start-3: 14%;
        --s-end-3: 60%;
        --c-4: hsla(205.2, 64%, 84%, 1);
        --x-4: 8%;
        --y-4: 20%;
        --s-start-4: 14%;
        --s-end-4: 51%;
        --c-5: hsla(252.94117647058826, 100%, 90%, 1);
        --x-5: 75%;
        --y-5: 91%;
        --s-start-5: 14%;
        --s-end-5: 51%;
        --c-6: hsla(340.9756097560976, 100%, 91%, 1);
        --x-6: 62%;
        --y-6: 18%;
        --s-start-6: 14%;
        --s-end-6: 51%;
        --c-7: hsla(340.9756097560976, 100%, 91%, 1);
        --x-7: 77%;
        --y-7: 55%;
        --s-start-7: 14%;
        --s-end-7: 51%;
        --c-8: hsla(318.9473684210526, 100%, 92%, 1);
        --x-8: 35%;
        --y-8: 90%;
        --s-start-8: 14%;
        --s-end-8: 51%;
    }

    100% {
        --c-0: hsla(0, 0%, 100%, 1);
        --x-0: 30%;
        --y-0: -30%;
        --s-start-0: 14%;
        --s-end-0: 60%;
        --c-1: hsla(205.2, 0%, 100%, 1);
        --x-1: 2%;
        --y-1: 130%;
        --s-start-1: 14%;
        --s-end-1: 60%;
        --c-2: hsla(0, 0%, 100%, 1);
        --x-2: 98%;
        --y-2: -30%;
        --s-start-2: 14%;
        --s-end-2: 60%;
        --c-3: hsla(205.2, 0%, 100%, 1);
        --x-3: 100%;
        --y-3: 130%;
        --s-start-3: 14%;
        --s-end-3: 60%;
        --c-4: hsla(205.38461538461542, 63%, 83%, 1);
        --x-4: 96%;
        --y-4: 81%;
        --s-start-4: 14%;
        --s-end-4: 51%;
        --c-5: hsla(340.4347826086956, 100%, 90%, 1);
        --x-5: 46%;
        --y-5: 44%;
        --s-start-5: 14%;
        --s-end-5: 51%;
        --c-6: hsla(252.94117647058826, 100%, 90%, 1);
        --x-6: 7%;
        --y-6: 69%;
        --s-start-6: 14%;
        --s-end-6: 51%;
        --c-7: hsla(252.49999999999997, 100%, 90%, 1);
        --x-7: 96%;
        --y-7: 46%;
        --s-start-7: 14%;
        --s-end-7: 51%;
        --c-8: hsla(205.2, 64%, 84%, 1);
        --x-8: 15%;
        --y-8: 46%;
        --s-start-8: 14%;
        --s-end-8: 51%;
    }
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 100%, 1)
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 97%
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: -30%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 0%, 100%, 1)
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 98%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 130%
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 100%, 1)
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 1%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: -30%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13.552500389139292%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 0%, 100%, 1)
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 130%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.2, 64%, 84%, 1)
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 20%
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(252.94117647058826, 100%, 90%, 1)
}

@property --x-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 75%
}

@property --y-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 91%
}

@property --s-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(340.9756097560976, 100%, 91%, 1)
}

@property --x-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 62%
}

@property --y-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 18%
}

@property --s-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(340.9756097560976, 100%, 91%, 1)
}

@property --x-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 77%
}

@property --y-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 55%
}

@property --s-start-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c-8 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 100%, 92%, 1)
}

@property --x-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 35%
}

@property --y-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --s-start-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s-end-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

.routine_top {
    --c-0: hsla(0, 0%, 100%, 1);
    --x-0: 97%;
    --y-0: -30%;
    --c-1: hsla(318.9473684210526, 0%, 100%, 1);
    --x-1: 98%;
    --y-1: 130%;
    --c-2: hsla(0, 0%, 100%, 1);
    --x-2: 1%;
    --y-2: -30%;
    --c-3: hsla(318.9473684210526, 0%, 100%, 1);
    --x-3: 0%;
    --y-3: 130%;
    --c-4: hsla(205.2, 64%, 84%, 1);
    --x-4: 8%;
    --y-4: 20%;
    --c-5: hsla(252.94117647058826, 100%, 90%, 1);
    --x-5: 75%;
    --y-5: 91%;
    --c-6: hsla(340.9756097560976, 100%, 91%, 1);
    --x-6: 62%;
    --y-6: 18%;
    --c-7: hsla(340.9756097560976, 100%, 91%, 1);
    --x-7: 77%;
    --y-7: 55%;
    --c-8: hsla(318.9473684210526, 100%, 92%, 1);
    --x-8: 35%;
    --y-8: 90%;
    ;
    background-color: hsla(301, 0%, 100%, 1);
    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)), radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)), radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)), radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7)), radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8), transparent var(--s-end-8));
    animation: hero-gradient-animation 5s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal;
}






@keyframes hero-gradient-animation_2 {
    0% {
        --c2-0: hsla(318.9473684210526, 0%, 100%, 1);
        --x2-0: 2%;
        --y2-0: -10%;
        --s2-start-0: 10%;
        --s2-end-0: 30%;
        --c2-1: hsla(318.9473684210526, 0%, 100%, 1);
        --x2-1: 99%;
        --y2-1: -10%;
        --s2-start-1: 10%;
        --s2-end-1: 30%;
        --c2-2: hsla(318.9473684210526, 100%, 92%, 0.6);
        --x2-2: 91%;
        --y2-2: 88%;
        --s2-start-2: 14%;
        --s2-end-2: 51%;
        --c2-3: hsla(205.55555555555554, 62%, 83%, 0.6);
        --x2-3: 28%;
        --y2-3: 20%;
        --s2-start-3: 14%;
        --s2-end-3: 51%;
        --c2-4: hsla(252.49999999999994, 100%, 90%, 0.6);
        --x2-4: 32%;
        --y2-4: 93%;
        --s2-start-4: 14%;
        --s2-end-4: 51%;
        --c2-5: hsla(205.38461538461542, 62%, 83%, 0.6);
        --x2-5: 9%;
        --y2-5: 17%;
        --s2-start-5: 14%;
        --s2-end-5: 51%;
        --c2-6: hsla(318.9473684210526, 100%, 92%, 0.6);
        --x2-6: 50%;
        --y2-6: 87%;
        --s2-start-6: 14%;
        --s2-end-6: 51%;
    }

    100% {
        --c2-0: hsla(252.49999999999994, 0%, 100%, 1);
        --x2-0: 97%;
        --y2-0: -10%;
        --s2-start-0: 10%;
        --s2-end-0: 30%;
        --c2-1: hsla(252.49999999999994, 0%, 100%, 1);
        --x2-1: 1%;
        --y2-1: -10%;
        --s2-start-1: 10%;
        --s2-end-1: 30%;
        --c2-2: hsla(205.55555555555554, 62%, 83%, 0.6);
        --x2-2: 86%;
        --y2-2: 16%;
        --s2-start-2: 14%;
        --s2-end-2: 51%;
        --c2-3: hsla(318.9473684210526, 100%, 92%, 0.6);
        --x2-3: 92%;
        --y2-3: 71%;
        --s2-start-3: 14%;
        --s2-end-3: 51%;
        --c2-4: hsla(340.97560975609764, 100%, 91%, 0.6);
        --x2-4: 18%;
        --y2-4: 19%;
        --s2-start-4: 14%;
        --s2-end-4: 51%;
        --c2-5: hsla(319.0243902439025, 100%, 91%, 0.6);
        --x2-5: 24%;
        --y2-5: 98%;
        --s2-start-5: 14%;
        --s2-end-5: 51%;
        --c2-6: hsla(252.49999999999994, 100%, 90%, 0.6);
        --x2-6: 43%;
        --y2-6: 49%;
        --s2-start-6: 14%;
        --s2-end-6: 51%;
    }
}

@property --c2-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 0%, 100%, 1)
}

@property --x2-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2%
}

@property --y2-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: -10%
}

@property --s2-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 10%
}

@property --s2-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 30%
}

@property --c2-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 0%, 100%, 1)
}

@property --x2-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 99%
}

@property --y2-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: -10%
}

@property --s2-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 10%
}

@property --s2-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 30%
}

@property --c2-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 100%, 92%, 0.6)
}

@property --x2-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 91%
}

@property --y2-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 88%
}

@property --s2-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s2-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c2-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.55555555555554, 62%, 83%, 0.6)
}

@property --x2-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 28%
}

@property --y2-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 20%
}

@property --s2-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s2-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c2-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(252.49999999999994, 100%, 90%, 0.6)
}

@property --x2-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 32%
}

@property --y2-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --s2-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s2-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c2-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.38461538461542, 62%, 83%, 0.6)
}

@property --x2-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 9%
}

@property --y2-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 17%
}

@property --s2-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s2-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --c2-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 100%, 92%, 0.6)
}

@property --x2-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 50%
}

@property --y2-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 87%
}

@property --s2-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --s2-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

.shop_inner {
    --c2-0: hsla(318.9473684210526, 0%, 100%, 1);
    --x2-0: 2%;
    --y2-0: -10%;
    --c2-1: hsla(318.9473684210526, 0%, 100%, 1);
    --x2-1: 99%;
    --y2-1: -10%;
    --c2-2: hsla(318.9473684210526, 100%, 92%, 0.6);
    --x2-2: 91%;
    --y2-2: 88%;
    --c2-3: hsla(205.55555555555554, 62%, 83%, 0.6);
    --x2-3: 28%;
    --y2-3: 20%;
    --c2-4: hsla(252.49999999999994, 100%, 90%, 0.6);
    --x2-4: 32%;
    --y2-4: 93%;
    --c2-5: hsla(205.38461538461542, 62%, 83%, 0.6);
    --x2-5: 9%;
    --y2-5: 17%;
    --c2-6: hsla(318.9473684210526, 100%, 92%, 0.6);
    --x2-6: 50%;
    --y2-6: 87%;
    ;
    background-color: hsla(0, 0%, 100%, 1);
    background-image: radial-gradient(circle at var(--x2-0) var(--y2-0), var(--c2-0) var(--s2-start-0), transparent var(--s2-end-0)), radial-gradient(circle at var(--x2-1) var(--y2-1), var(--c2-1) var(--s2-start-1), transparent var(--s2-end-1)), radial-gradient(circle at var(--x2-2) var(--y2-2), var(--c2-2) var(--s2-start-2), transparent var(--s2-end-2)), radial-gradient(circle at var(--x2-3) var(--y2-3), var(--c2-3) var(--s2-start-3), transparent var(--s2-end-3)), radial-gradient(circle at var(--x2-4) var(--y2-4), var(--c2-4) var(--s2-start-4), transparent var(--s2-end-4)), radial-gradient(circle at var(--x2-5) var(--y2-5), var(--c2-5) var(--s2-start-5), transparent var(--s2-end-5)), radial-gradient(circle at var(--x2-6) var(--y2-6), var(--c2-6) var(--s2-start-6), transparent var(--s2-end-6));
    animation: hero-gradient-animation_2 5s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal;
}



@keyframes hero-gradient-animation_3 {
    0% {
        --c3-0: hsla(252.49999999999997, 100%, 90%, .05);
        --y3-0: 93%;
        --s3-start-0: 4.038772213247173%;
        --s3-end-0: 37.2265767974114%;
        --x3-0: 41%;
        --s3-start-1: 0%;
        --s3-end-1: 63.33640956108327%;
        --x3-1: 92%;
        --y3-1: 11%;
        --c3-1: hsla(318.9473684210526, 100%, 92%, .3);
        --s3-start-2: 12.107536057085522%;
        --s3-end-2: 63.33640956108327%;
        --c3-2: hsla(340.9756097560976, 100%, 91%, .3);
        --y3-2: 21%;
        --x3-2: 82%;
        --s3-start-3: 12.107536057085522%;
        --s3-end-3: 84.74096798120236%;
        --c3-3: hsla(205.2, 64%, 84%, .3);
        --y3-3: 8%;
        --x3-3: 7%;
        --s3-start-4: 12.107536057085522%;
        --s3-end-4: 84.74096798120236%;
        --c3-4: hsla(205.2, 64%, 84%, .3);
        --y3-4: 85%;
        --x3-4: 86%;
        --s3-start-5: 12.107536057085522%;
        --s3-end-5: 84.74096798120236%;
        --c3-5: hsla(205.2, 64%, 84%, .3);
        --y3-5: 48%;
        --x3-5: 86%;
        --s3-start-6: 12.107536057085522%;
        --s3-end-6: 84.74096798120236%;
        --c3-6: hsla(252.94117647058826, 100%, 90%, .3);
        --y3-6: 61%;
        --x3-6: 6%;
    }

    100% {
        --c3-0: hsla(340.9756097560976, 100%, 91%, .3);
        --y3-0: 94%;
        --s3-start-0: 20%;
        --s3-end-0: 57%;
        --x3-0: 7%;
        --s3-start-1: 20%;
        --s3-end-1: 57%;
        --x3-1: 13%;
        --y3-1: 11%;
        --c3-1: hsla(252.94117647058826, 100%, 90%, .3);
        --s3-start-2: 20%;
        --s3-end-2: 57%;
        --c3-2: hsla(340.9756097560976, 100%, 91%, .3);
        --y3-2: 91%;
        --x3-2: 10%;
        --s3-start-3: 20%;
        --s3-end-3: 57%;
        --c3-3: hsla(252.49999999999997, 100%, 90%, .3);
        --y3-3: 92%;
        --x3-3: 96%;
        --s3-start-4: 20%;
        --s3-end-4: 57%;
        --c3-4: hsla(252.49999999999997, 100%, 90%, .3);
        --y3-4: 15%;
        --x3-4: 6%;
        --s3-start-5: 20%;
        --s3-end-5: 57%;
        --c3-5: hsla(252.49999999999997, 100%, 90%, .3);
        --y3-5: 87%;
        --x3-5: 87%;
        --s3-start-6: 20%;
        --s3-end-6: 57%;
        --c3-6: hsla(340.9756097560976, 100%, 91%, .3);
        --y3-6: 28%;
        --x3-6: 14%;
    }
}

@property --c3-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(252.49999999999997, 100%, 90%, .3)
}

@property --y3-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --s3-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 4.038772213247173%
}

@property --s3-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 37.2265767974114%
}

@property --x3-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 41%
}

@property --s3-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s3-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63.33640956108327%
}

@property --x3-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 92%
}

@property --y3-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 11%
}

@property --c3-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 100%, 92%, .3)
}

@property --s3-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s3-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63.33640956108327%
}

@property --c3-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(340.9756097560976, 100%, 91%, .3)
}

@property --y3-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 21%
}

@property --x3-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 82%
}

@property --s3-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s3-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c3-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.2, 64%, 84%, .3)
}

@property --y3-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8%
}

@property --x3-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --s3-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s3-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c3-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.2, 64%, 84%, .3)
}

@property --y3-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 85%
}

@property --x3-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 86%
}

@property --s3-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s3-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c3-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.2, 64%, 84%, .3)
}

@property --y3-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 48%
}

@property --x3-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 86%
}

@property --s3-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s3-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c3-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(252.94117647058826, 100%, 90%, .3)
}

@property --y3-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 61%
}

@property --x3-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 6%
}

.modal {
    --c3-0: hsla(252.49999999999997, 100%, 90%, .3);
    --y3-0: 93%;
    --x3-0: 41%;
    --x3-1: 92%;
    --y3-1: 11%;
    --c3-1: hsla(318.9473684210526, 100%, 92%, .3);
    --c3-2: hsla(340.9756097560976, 100%, 91%, .3);
    --y3-2: 21%;
    --x3-2: 82%;
    --c3-3: hsla(205.2, 64%, 84%, .3);
    --y3-3: 8%;
    --x3-3: 7%;
    --c3-4: hsla(205.2, 64%, 84%, .3);
    --y3-4: 85%;
    --x3-4: 86%;
    --c3-5: hsla(205.2, 64%, 84%, .3);
    --y3-5: 48%;
    --x3-5: 86%;
    --c3-6: hsla(252.94117647058826, 100%, 90%, .3);
    --y3-6: 61%;
    --x3-6: 6%;
    ;
    background-color: hsla(132, 0%, 100%, .3);
    background-image: radial-gradient(circle at var(--x3-0) var(--y3-0), var(--c3-0) var(--s3-start-0), transparent var(--s3-end-0)), radial-gradient(circle at var(--x3-1) var(--y3-1), var(--c3-1) var(--s3-start-1), transparent var(--s3-end-1)), radial-gradient(circle at var(--x3-2) var(--y3-2), var(--c3-2) var(--s3-start-2), transparent var(--s3-end-2)), radial-gradient(circle at var(--x3-3) var(--y3-3), var(--c3-3) var(--s3-start-3), transparent var(--s3-end-3)), radial-gradient(circle at var(--x3-4) var(--y3-4), var(--c3-4) var(--s3-start-4), transparent var(--s3-end-4)), radial-gradient(circle at var(--x3-5) var(--y3-5), var(--c3-5) var(--s3-start-5), transparent var(--s3-end-5)), radial-gradient(circle at var(--x3-6) var(--y3-6), var(--c3-6) var(--s3-start-6), transparent var(--s3-end-6));
    animation: hero-gradient-animation_3 5s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal;
}





@keyframes hero-gradient-animation_4 {
    0% {
        --c4-0: hsla(252.49999999999997, 100%, 90%, .05);
        --y4-0: 93%;
        --s4-start-0: 4.038772213247173%;
        --s4-end-0: 37.2265767974114%;
        --x4-0: 41%;
        --s4-start-1: 0%;
        --s4-end-1: 63.33640956108327%;
        --x4-1: 92%;
        --y4-1: 11%;
        --c4-1: hsla(318.9473684210526, 100%, 92%, .05);
        --s4-start-2: 12.107536057085522%;
        --s4-end-2: 63.33640956108327%;
        --c4-2: hsla(340.9756097560976, 100%, 91%, .05);
        --y4-2: 21%;
        --x4-2: 82%;
        --s4-start-3: 12.107536057085522%;
        --s4-end-3: 84.74096798120236%;
        --c4-3: hsla(205.2, 64%, 84%, .05);
        --y4-3: 8%;
        --x4-3: 7%;
        --s4-start-4: 12.107536057085522%;
        --s4-end-4: 84.74096798120236%;
        --c4-4: hsla(205.2, 64%, 84%, .05);
        --y4-4: 85%;
        --x4-4: 86%;
        --s4-start-5: 12.107536057085522%;
        --s4-end-5: 84.74096798120236%;
        --c4-5: hsla(205.2, 64%, 84%, .05);
        --y4-5: 48%;
        --x4-5: 86%;
        --s4-start-6: 12.107536057085522%;
        --s4-end-6: 84.74096798120236%;
        --c4-6: hsla(252.94117647058826, 100%, 90%, .05);
        --y4-6: 61%;
        --x4-6: 6%;
    }

    100% {
        --c4-0: hsla(340.9756097560976, 100%, 91%, .05);
        --y4-0: 94%;
        --s4-start-0: 20%;
        --s4-end-0: 57%;
        --x4-0: 7%;
        --s4-start-1: 20%;
        --s4-end-1: 57%;
        --x4-1: 13%;
        --y4-1: 11%;
        --c4-1: hsla(252.94117647058826, 100%, 90%, .05);
        --s4-start-2: 20%;
        --s4-end-2: 57%;
        --c4-2: hsla(340.9756097560976, 100%, 91%, .05);
        --y4-2: 91%;
        --x4-2: 10%;
        --s4-start-3: 20%;
        --s4-end-3: 57%;
        --c4-3: hsla(252.49999999999997, 100%, 90%, .05);
        --y4-3: 92%;
        --x4-3: 96%;
        --s4-start-4: 20%;
        --s4-end-4: 57%;
        --c4-4: hsla(252.49999999999997, 100%, 90%, .05);
        --y4-4: 15%;
        --x4-4: 6%;
        --s4-start-5: 20%;
        --s4-end-5: 57%;
        --c4-5: hsla(252.49999999999997, 100%, 90%, .05);
        --y4-5: 87%;
        --x4-5: 87%;
        --s4-start-6: 20%;
        --s4-end-6: 57%;
        --c4-6: hsla(340.9756097560976, 100%, 91%, .05);
        --y4-6: 28%;
        --x4-6: 14%;
    }
}

@property --c4-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(252.49999999999997, 100%, 90%, .05)
}

@property --y4-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --s4-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 4.038772213247173%
}

@property --s4-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 37.2265767974114%
}

@property --x4-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 41%
}

@property --s4-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s4-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63.33640956108327%
}

@property --x4-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 92%
}

@property --y4-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 11%
}

@property --c4-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(318.9473684210526, 100%, 92%, .05)
}

@property --s4-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s4-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63.33640956108327%
}

@property --c4-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(340.9756097560976, 100%, 91%, .05)
}

@property --y4-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 21%
}

@property --x4-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 82%
}

@property --s4-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s4-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c4-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.2, 64%, 84%, .05)
}

@property --y4-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8%
}

@property --x4-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --s4-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s4-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c4-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.2, 64%, 84%, .05)
}

@property --y4-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 85%
}

@property --x4-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 86%
}

@property --s4-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s4-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c4-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(205.2, 64%, 84%, .05)
}

@property --y4-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 48%
}

@property --x4-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 86%
}

@property --s4-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 12.107536057085522%
}

@property --s4-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84.74096798120236%
}

@property --c4-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(252.94117647058826, 100%, 90%, .05)
}

@property --y4-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 61%
}

@property --x4-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 6%
}

.bg_cloud::before {
    --c4-0: hsla(252.49999999999997, 100%, 90%, .05);
    --y4-0: 93%;
    --x4-0: 41%;
    --x4-1: 92%;
    --y4-1: 11%;
    --c4-1: hsla(318.9473684210526, 100%, 92%, .05);
    --c4-2: hsla(340.9756097560976, 100%, 91%, .05);
    --y4-2: 21%;
    --x4-2: 82%;
    --c4-3: hsla(205.2, 64%, 84%, .05);
    --y4-3: 8%;
    --x4-3: 7%;
    --c4-4: hsla(205.2, 64%, 84%, .05);
    --y4-4: 85%;
    --x4-4: 86%;
    --c4-5: hsla(205.2, 64%, 84%, .05);
    --y4-5: 48%;
    --x4-5: 86%;
    --c4-6: hsla(252.94117647058826, 100%, 90%, .05);
    --y4-6: 61%;
    --x4-6: 6%;
    ;
    background-color: hsla(132, 0%, 100%, .05);
    background-image: radial-gradient(circle at var(--x4-0) var(--y4-0), var(--c4-0) var(--s4-start-0), transparent var(--s4-end-0)), radial-gradient(circle at var(--x4-1) var(--y4-1), var(--c4-1) var(--s4-start-1), transparent var(--s4-end-1)), radial-gradient(circle at var(--x4-2) var(--y4-2), var(--c4-2) var(--s4-start-2), transparent var(--s4-end-2)), radial-gradient(circle at var(--x4-3) var(--y4-3), var(--c4-3) var(--s4-start-3), transparent var(--s4-end-3)), radial-gradient(circle at var(--x4-4) var(--y4-4), var(--c4-4) var(--s4-start-4), transparent var(--s4-end-4)), radial-gradient(circle at var(--x4-5) var(--y4-5), var(--c4-5) var(--s4-start-5), transparent var(--s4-end-5)), radial-gradient(circle at var(--x4-6) var(--y4-6), var(--c4-6) var(--s4-start-6), transparent var(--s4-end-6));
    animation: hero-gradient-animation_4 5s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal;
}