@import '_content/Cameek.Primitivo/Cameek.Primitivo.bundle.scp.css';
@import '_content/Cameek.Ue/Cameek.Ue.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Pages/AquaPage.razor.rz.scp.css */
.my-game[b-n16rj3zuo5]  .fish-swim {
    animation: fish-swim-animation-b-n16rj3zuo5 7s linear infinite;
}

.my-game[b-n16rj3zuo5]  .fish-swim-2 {
    animation: fish-swim-animation-b-n16rj3zuo5 5s linear infinite;
}

.my-game[b-n16rj3zuo5]  .fish-swim-3 {
    animation: fish-swim-animation-b-n16rj3zuo5 9s linear infinite;
}

.my-game[b-n16rj3zuo5]  .fish-swim-4 {
    animation: fish-swim-animation-b-n16rj3zuo5 4s linear infinite;
}


@keyframes fish-swim-animation-b-n16rj3zuo5 {
    0% {
        transform: translateX(0);
    }

    49% {
        transform: translateX(calc(480px - 100px)) scaleX(1);
    }

    50% {
        transform: translateX(calc(480px - 100px)) scaleX(-1);
    }

    99% {
        transform: translateX(0) scaleX(-1);
    }

    100% {
        transform: translateX(0) scaleX(1);
    }
}
