::-webkit-scrollbar {
    width: 0;
}

::selection {
    color: rgba(255, 100, 0, 1);
    background: rgba(0, 0, 0, .5);
}

.vga_rotate {
    animation: vga_rotate ease-in-out 10s infinite;
    z-index: 100;
    position: relative;
}

.vga_fanstop_light {
    animation: vga_fanstop_light ease-in-out 10s infinite;
}

.vga_rotate_hot {
    animation: vga_rotate_hot linear 10s infinite;
}


.vga_twinkle {
    animation: vga_twinkle linear 10s infinite;
}

.vga_rotate_awesome {
    animation: vga_rotate_awesome linear 40s infinite;
    transition: 0.1s;

}

.vga_rotate_awesome_wind {
    animation: vga_rotate_awesome_wind linear 10s infinite;
    transition: 0.1s;
}

.vga_rotate_nomal {
    animation: vga_rotate_nomal linear 40s infinite;
    transition: 0.1s;
}

.vga_rotate_nomal_wind {
    animation: vga_rotate_nomal_wind linear 10s infinite;
    transition: 0.1s;
}

.vga_rotate_nomal_wind_middle {
    animation: vga_rotate_nomal_wind_middle 5s infinite;
    transition: 0.1s;
    animation-timing-function: step-start;
}

.vga_rotate_blur {
    animation: vga_rotate_blur ease-in-out 8s infinite;
    transition: 0.1s;
    position: relative;
}

.vga_airboom {
    animation: vga_airboom ease-in-out 4.4s infinite;
    transition: 0.1s;
}

.vga_shock {

    animation: vga_shock ease-in-out 4.4s infinite;
    transition: 0.1s;

}

.arrow_moving {
    animation: arrow_moving ease-in-out 1s infinite;
    position: absolute;
    top: -15px;
    left: 0;
}


@keyframes vga_twinkle {
    0% {
        opacity: 1;
    }

    42% {
        opacity: 1;
    }

    43% {
        opacity: 0;
    }

    83% {
        opacity: 0;
    }

    84% {
        opacity: 1;
    }

    85% {
        opacity: 0;
    }

    86% {
        opacity: 1;
    }

    87% {
        opacity: 0;
    }

    88% {
        opacity: 1;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    91% {
        opacity: 0;
    }

    92% {
        opacity: 1;
    }

    93% {
        opacity: 0;
    }

    94% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    96% {
        opacity: 1;
    }

    97% {
        opacity: 0;
    }

    98% {
        opacity: 1;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes vga_rotate {
    0% {
        transform: rotateZ(0);
        transition: 4s;
    }

    35% {
        transform: rotateZ(0);
        transition: 4s;
    }

    100% {
        transform: rotateZ(-3600deg);
        transition: 4s;
    }
}


@keyframes vga_fanstop_light {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    21% {
        opacity: 0;
    }

    79% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes vga_rotate_hot {
    0% {
        width: 20%;
    }

    20% {
        width: 20%;
    }

    40% {
        width: 60%;
    }

    72% {
        width: 60%;
    }

    80% {
        width: 20%;
    }

    100% {
        width: 20%;
    }
}


@keyframes vga_rotate_awesome {
    0% {
        transform: rotateZ(0deg);
        transition: 0.1s;
    }

    100% {
        transform: rotateZ(7200deg);
        transition: 0.1s;
    }
}

@keyframes vga_rotate_awesome_wind {
    0% {
        transform: rotateZ(0deg);
        transition: 0.1s;
    }

    100% {
        transform: rotateZ(720deg);
        transition: 0.1s;
    }
}

@keyframes vga_rotate_nomal {
    0% {
        transform: rotateZ(0deg);
        transition: 0.1s;
    }

    100% {
        transform: rotateZ(-7200deg);
        transition: 0.1s;
    }
}

@keyframes vga_rotate_nomal_wind {
    0% {
        transform: rotateZ(0deg);
        transition: 0.1s;
    }

    100% {
        transform: rotateZ(-720deg);
        transition: 0.1s;
    }
}


@keyframes vga_rotate_nomal_wind_middle {
    0% {
        transform: rotateZ(0deg);
        transition: 0.1s;
    }

    16% {
        transform: rotateZ(-0deg);
        transition: 0.1s;
    }

    17% {
        transform: rotateZ(-60deg);
        transition: 0.1s;
    }

    32% {
        transform: rotateZ(-60deg);
        transition: 0.1s;
    }

    33% {
        transform: rotateZ(-120deg);
        transition: 0.1s;
    }

    48% {
        transform: rotateZ(-120deg);
        transition: 0.1s;
    }

    49% {
        transform: rotateZ(-180deg);
        transition: 0.1s;
    }

    64% {
        transform: rotateZ(-180deg);
        transition: 0.1s;
    }

    65% {
        transform: rotateZ(-240deg);
        transition: 0.1s;
    }

    80% {
        transform: rotateZ(-240deg);
        transition: 0.1s;
    }

    81% {
        transform: rotateZ(-300deg);
        transition: 0.1s;
    }

    96% {
        transform: rotateZ(-300deg);
        transition: 0.1s;
    }

    97% {
        transform: rotateZ(-360deg);
        transition: 0.1s;
    }
}

@keyframes arrow_moving {
    0% {
        top: -19px;
    }

    50% {
        top: -15px;
    }

    100% {
        top: -19px;
    }
}

@keyframes vga_shock {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    31% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes vga_airboom {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    52% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.vga_color_grab {
    animation: vga_color_grab linear 8s infinite;
}

@keyframes vga_color_grab {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }

    12% {
        -webkit-filter: hue-rotate(0deg);
    }

    13% {
        -webkit-filter: hue-rotate(45deg);
    }

    24% {
        -webkit-filter: hue-rotate(45deg);
    }

    25% {
        -webkit-filter: hue-rotate(90deg);
    }

    36% {
        -webkit-filter: hue-rotate(90deg);
    }

    37% {
        -webkit-filter: hue-rotate(135deg);
    }

    48% {
        -webkit-filter: hue-rotate(135deg);
    }

    49% {
        -webkit-filter: hue-rotate(180deg);
    }

    60% {
        -webkit-filter: hue-rotate(180deg);
    }

    61% {
        -webkit-filter: hue-rotate(225deg);
    }

    72% {
        -webkit-filter: hue-rotate(225deg);
    }

    73% {
        -webkit-filter: hue-rotate(270deg);
    }

    84% {
        -webkit-filter: hue-rotate(270deg);
    }

    85% {
        -webkit-filter: hue-rotate(315deg);
    }

    99.9% {
        -webkit-filter: hue-rotate(315deg);
    }

    100% {
        -webkit-filter: hue-rotate(0deg);
    }
}

.cooling_text_align {
    text-align: center;
}

.cooling_text_align_stack {
    text-align: center;
}

.alternate_bg {
    background-image: url('../img/vga/52.jpg');
}

.twoball_bg {
    padding: 0 0 35% 0;
    margin: 2% 0 0 0;
}

.fin_bg {
    padding: 0 0 53% 0;
    margin: 2% 0 0 0;
}

.pipe_bg {
    padding: 0 0 73% 0;
    margin: 2% 0 0 0;
}


.alternate_spinning {
    padding-top: 10%;
}

.alternate_spinning_word {
    padding: 0 0 0 0%;
}


@media screen and (min-width: 1500px) {}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .twoball_bg {
        padding: 0 0 42% 0;
        margin: 2% 0 0 0;
    }

    .fin_bg {
        padding: 0 0 55% 0;
        margin: 2% 0 0 0;
    }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .cooling_text_align {
        text-align: left;
    }

    .twoball_bg {
        padding: 0 0 30% 0;
        margin: 2% 0 0 0;
    }


    .fin_bg {
        padding: 0 0 40% 0;
        margin: 2% 0 0 0;
    }

    .pipe_bg {
        padding: 0 0 63% 0;
        margin: 2% 0 0 0;
    }

    .alternate_spinning {
        padding-top: 2%;
    }


    .alternate_spinning_word {
        padding: 0 0 0 1%;
    }


}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .cooling_text_align {
        text-align: left;
    }

    .cooling_text_align_stack {
        text-align: left;
    }

    .alternate_bg {
        background-image: none;
    }

    .fin_bg {
        padding: 0 0 40% 0;
        margin: 2% 0 0 0;
    }

    .pipe_bg {
        padding: 0 0 63% 0;
        margin: 2% 0 0 0;
    }

    .alternate_spinning {
        padding-top: 2%;
    }


    .alternate_spinning_word {
        padding: 0 0 0 1%;
    }


}

@media screen and (max-width: 768px) {
    .cooling_text_align {
        text-align: left;
    }

    .cooling_text_align_stack {
        text-align: left;
    }

    .alternate_bg {
        background-image: none;
    }


    .fin_bg {
        padding: 0 0 40% 0;
        margin: 2% 0 0 0;
    }


    .pipe_bg {
        padding: 0 0 63% 0;
        margin: 2% 0 0 0;
    }

    .alternate_spinning {
        padding-top: 2%;
    }

    .alternate_spinning_word {
        padding: 0 0 0 1%;
    }


}

.title-line {
    margin: 0 0 1vw 0;
}

h3 {
    text-align: center;
    font-size: 3.7rem;
    font-family: "AORUS", 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
    color: #ff6400;
    margin: 5vw 0 2vw;
    padding: 0;
}

@media screen and (max-width:1200px) {
    h3 {
        font-size: 2em;
    }
}

h4 {
    font-family: 'Aldrich', 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
    color: #ddd;
    margin: 0 0 1vw 0;
    padding: 0;
    font-size: 1.4rem;
}

@media screen and (max-width:1200px) {
    h4 {
        font-size: 1.4em;
    }
}

.sec1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 5vw;
}

.sec1-text {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sec1 p {
    max-width: 700px;
    text-align: center;
}

@media screen and (max-width:1200px) {
    .sec1-text {
        position: relative;
        align-items: flex-start;
    }

    .sec1 {
        align-items: flex-start;
    }

    .sec1 p {
        text-align: left;
    }
}

.blade-stack-group {
    position: relative;
    width: 100%;
}

.blade-stack-group-bg {
    width: 100%;
    position: relative;
    animation: blade-stack-group-bg 10s infinite linear;
}

.blade-stack-group-bg-logo {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: blade-stack-group-bg-claw 10s infinite linear;
}

@keyframes blade-stack-group-bg-logo {
    0% {
        opacity: .5;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}

.blade-stack-group-bg-claw {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* animation: blade-stack-group-bg-claw 10s infinite linear; */
}

@keyframes blade-stack-group-bg {
    0% {
        opacity: 1;
        filter: blur(0);
    }

    15% {
        opacity: .5;
        filter: blur(5px);
    }

    85% {
        opacity: .5;
        filter: blur(5px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}

@keyframes blade-stack-group-bg-claw {
    0% {
        opacity: .1;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        opacity: .1;
    }
}

.blade-stack {
    position: absolute;
    overflow: hidden;
    width: 70%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width:1200px) {

    .blade-stack-group-bg,
    .blade-stack-group-bg-claw {
        display: none;
    }

    .blade-stack {
        position: relative;
        width: 100%;
    }
}

.blade-stack-bg {
    width: 100%;
    position: relative;
    animation: blade-stack-bg 10s infinite linear;
}

@keyframes blade-stack-bg {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        filter: drop-shadow(0 0 3px #18bfff);
    }

    50% {
        opacity: .5;
        filter: drop-shadow(0 0 0px #18bfff);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
    }
}

.blade-m {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-m 10s linear infinite;
}

@keyframes blade-m {
    0% {
        opacity: 0;
        transform: translateY(-5%);
    }

    25% {
        opacity: 1;
        transform: translateY(0%);
        filter: drop-shadow(0 0 6px #18bfff);
    }

    35% {
        filter: drop-shadow(0 0 0px #18bfff);
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.blade-l {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-l 10s linear infinite;
}

@keyframes blade-l {
    0% {
        opacity: 0;
        transform: translateY(-5%);
    }

    25% {
        opacity: 1;
        transform: translateY(0);
        filter: drop-shadow(0 0 6px #18bfff);
    }

    35% {
        filter: drop-shadow(0 0 0px #18bfff);
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.blade-r {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-r 10s linear infinite;
}

@keyframes blade-r {
    0% {
        opacity: 0;
        transform: translateY(-5%);
    }

    25% {
        opacity: 1;
        transform: translateY(0%);
        filter: drop-shadow(0 0 6px #18bfff);
    }

    35% {
        filter: drop-shadow(0 0 0px #18bfff);
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.blade-m-wire {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-wire 10s linear infinite;
}

.blade-l-wire {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-wire 10s linear infinite;
}

.blade-r-wire {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-wire 10s linear infinite;
}

@keyframes blade-wire {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    45% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.blade-stack-wind1 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-stack-wind1 10s linear infinite;
}

@keyframes blade-stack-wind1 {
    0% {
        opacity: 0;
    }

    35% {
        opacity: 0;
    }

    45% {
        opacity: 1;
    }

    89% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.blade-stack-wind2 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-stack-wind2 10s linear infinite;
}

@keyframes blade-stack-wind2 {
    0% {
        opacity: 0;
    }

    55% {
        opacity: 0;
    }

    65% {
        opacity: 1;
    }

    89% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.sec2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5vw;
    overflow: hidden;
}

@media screen and (max-width:1200px) {
    .sec2 {
        flex-direction: column;
    }
}

.sec2>div {
    width: 50%;
}

@media screen and (max-width:1200px) {
    .sec2>div {
        width: 100%;
        padding: 5vw 0 10vw;
    }
}

.alternate-spinning-text {
    overflow: hidden;
    width: 100%;
}

.alternate-spinning-img {
    width: 100%;
}

.alternate-spinning-compare {
    margin: 0 0 0 5vw;
    position: relative;
}

@media screen and (max-width:1200px) {
    .alternate-spinning-img {
        width: 100vw;
        transform: translateX(-5vw);
    }

    .alternate-spinning-compare {
        margin: 0;
    }
}

.alternate-spinning-compare h4 {
    text-align: center;
    font-weight: bold;
    margin: 1.5vw 0 .5vw 0;
}

.alternate-spinning-bg {
    width: 100%;
}

.alternate-spinning-fans {
    position: relative;
    overflow: hidden;
}

.alternate-spinning-img-fans-l,
.alternate-spinning-img-fans-m,
.alternate-spinning-img-fans-r {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.alternate-spinning-img-fans-l {
    left: -27%;
    animation: fans-l 3s infinite linear;
}

@keyframes fans-l {
    0% {
        transform: rotate(359deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.alternate-spinning-img-fans-m {
    animation: fans-m 3s infinite linear;
}

@keyframes fans-m {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.alternate-spinning-img-fans-r {
    left: 27%;
    animation: fans-r 3s infinite linear;
}

@keyframes fans-r {
    0% {
        transform: rotate(359deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.alternate-spinning-img-fans-m.arrow,
.alternate-spinning-img-fans-l.arrow,
.alternate-spinning-img-fans-r.arrow {
    animation-duration: 7s;
}

.airflow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.airflow div {
    width: 15px;
    height: 15px;
    margin: 0 2vw;
    background-color: #46E6E6;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    animation: airflow-arrow infinite 1s linear;
}

@keyframes airflow-arrow {
    0% {
        transform: translateY(25%);
    }

    50% {
        transform: translateY(-25%);
    }

    100% {
        transform: translateY(25%);
    }
}

.airflow p {
    margin: 0;
}

.heat-dissipation {
    text-align: center;
    margin: 0;
}

.sec3 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 5vw;
}

.sec3>div {
    max-width: 600px;
    width: 50%;
    margin: 0 5vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

@media screen and (max-width:1200px) {
    .sec3 {
        flex-direction: column;
    }

    .sec3>div {
        max-width: unset;
        width: 100%;
    }
}

.thermometer-group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.thermometer {
    max-width: 500px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.thermometer img {
    width: 100%;
    position: relative;
}

.thermometer .colorblue {
    width: 100%;
    height: 5px;
    position: absolute;
    background-color: #46E6E6;
}

.vga_rotate_hot {
    width: 100%;
    height: 5px;
    position: absolute;
    background: #ff00ff;
    left: 0;
}

.thermometer-fan {
    width: 70%;
    position: relative;
    overflow: hidden;
}

.thermometer-fan-bg {
    width: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.thermometer-fan .vga_rotate {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.twoBall {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.twoBall-img {
    width: 100%;
}

@media screen and (max-width:1200px) {
    .thermometer {
        display: none;
    }

    .thermometer-fan {
        width: 75%;
        height: 0;
        padding-bottom: 80%;
        overflow: hidden;
    }

    .sec3>.activeFan {
        margin: 15vw 0 0 0;
    }

    .sec3>.twoBall {
        margin: 15vw 0 0 0;
    }
}

.sec4 {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 10vw 5vw 0;
}

.sec4>p {
    max-width: 700px;
}

.sec4>.fin-img {
    width: 100vw;
    transform: translateX(-5vw);
}

.sec5 {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 10vw 5vw 0;
}

.sec5 .chamber-pipe-img {
    width: 100vw;
    transform: translateX(-5vw);
}

.svg-filter {
    display: none;
}

.sec5 p {
    max-width: 700px;
}

.sec6 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 5vw;
}

.sec6-text {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
}

.sec6-text p {
    max-width: 700px;
}

.screen-img {
    margin: 1vw 0 0 0;
    max-width: 1200px;
    width: 100%;
}

.sec7 {
    width: 100%;
    padding: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec7>* {
    width: 33%;
}

.wind-claw-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.wind-claw-text>* {
    text-align: center;
}

@media screen and (max-width:1200px) {
    .sec7 {
        flex-direction: column;
    }

    .sec7>* {
        width: 100%;
    }

    .wind-claw-text {
        align-items: flex-start;
    }

    .wind-claw-text>* {
        text-align: left;
    }

    .claw-l {
        display: none;
    }
}

.sat0 {
    filter: saturate(0);
}

.blade-m.sat0 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-msat0 10s linear infinite;
}

@keyframes blade-msat0 {
    0% {
        opacity: 0;
        transform: translateY(-5%);
        filter: saturate(0);
    }

    25% {
        opacity: 1;
        transform: translateY(0%);
        filter: saturate(0) drop-shadow(0 0 6px #18bfff);
    }

    35% {
        filter: saturate(0) drop-shadow(0 0 0px #18bfff);
    }

    90% {
        opacity: 1;
        filter: saturate(0);
    }

    100% {
        opacity: 0;
        filter: saturate(0);
    }
}

.blade-l.sat0 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-lsat0 10s linear infinite;
}

@keyframes blade-lsat0 {
    0% {
        opacity: 0;
        transform: translateY(-5%);
        filter: saturate(0);
    }

    25% {
        opacity: 1;
        transform: translateY(0);
        filter: saturate(0) drop-shadow(0 0 6px #18bfff);
    }

    35% {
        filter: saturate(0) drop-shadow(0 0 0px #18bfff);
    }

    90% {
        opacity: 1;
        filter: saturate(0);
    }

    100% {
        opacity: 0;
        filter: saturate(0);
    }
}

.blade-r.sat0 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: blade-rsat0 10s linear infinite;
}

@keyframes blade-rsat0 {
    0% {
        opacity: 0;
        transform: translateY(-5%);
        filter: saturate(0);
    }

    25% {
        opacity: 1;
        transform: translateY(0%);
        filter: saturate(0) drop-shadow(0 0 6px #18bfff);
    }

    35% {
        filter: saturate(0) drop-shadow(0 0 0px #18bfff);
    }

    90% {
        opacity: 1;
        filter: saturate(0);
    }

    100% {
        opacity: 0;
        filter: saturate(0);
    }
}