@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/Caremore/Components/Layout/MainLayout.razor.rz.scp.css */
/* _content/Caremore/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-88hh5g5w45] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-88hh5g5w45] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-88hh5g5w45] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-88hh5g5w45] {
    font-size: 1.1rem;
}

.bi[b-88hh5g5w45] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-88hh5g5w45] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-88hh5g5w45] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-88hh5g5w45] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-88hh5g5w45] {
        padding-bottom: 1rem;
    }

    .nav-item[b-88hh5g5w45]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-88hh5g5w45]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-88hh5g5w45]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-88hh5g5w45] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-88hh5g5w45] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-88hh5g5w45] {
        display: none;
    }

    .nav-scrollable[b-88hh5g5w45] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Caremore/Components/Pages/Home.razor.rz.scp.css */
/* _content/Caremore/Components/Pages/Loader.razor.rz.scp.css */

ul[b-512o73qfyz] {
    list-style: none;
}

.containerLoading[b-512o73qfyz] {

    position: relative;
    width: 80%;
    height: 80%;
    max-width: 450px;
    aspect-ratio: 1 / 1;
    max-height: 450px;
    border-radius: 100%;
    background-color: #ffcdd6;
    background-image: linear-gradient(to bottom, #d9a7c7 20%, #fffcdc 50%);
    overflow: hidden;
    box-shadow: rgb(99 99 99) 3px 3px 6px 0px inset, rgb(0 0 0 / 50%) -3px -3px 6px 1px inset;

}



    .containerLoading > *[b-512o73qfyz] {
        position: absolute;
    }

        .containerLoading > *[b-512o73qfyz]:before, .containerLoading > *[b-512o73qfyz]:after {
            content: "";
            position: absolute;
        }

.forest[b-512o73qfyz],
.trees[b-512o73qfyz] {
    width: 100%;
    height: 100px;
}

.trees[b-512o73qfyz] {
    top: 180px;
}

    .trees .tree[b-512o73qfyz] {
        position: absolute;
        background-color: #117299;
        border-radius: 100%;
        box-shadow: inset 0px -5px #0e6182;
    }

        .trees .tree > .leaf[b-512o73qfyz] {
            position: absolute;
            border-radius: 100%;
        }

        .trees .tree:nth-child(1)[b-512o73qfyz] {
            width: 100px;
            height: 100px;
            left: -15px;
        }

            .trees .tree:nth-child(1) > .leaf[b-512o73qfyz] {
                background-color: #117299;
            }

                .trees .tree:nth-child(1) > .leaf:nth-child(1)[b-512o73qfyz] {
                    width: 80px;
                    height: 80px;
                    left: 50px;
                    top: -20px;
                    box-shadow: inset -2px 2px #0e6182;
                }

                .trees .tree:nth-child(1) > .leaf:nth-child(2)[b-512o73qfyz] {
                    width: 60px;
                    height: 60px;
                    bottom: 10px;
                    left: 80px;
                    box-shadow: inset 0 -5px #0e6182, inset -1px -1px #0e6182;
                }

                .trees .tree:nth-child(1) > .leaf:nth-child(3)[b-512o73qfyz] {
                    width: 80px;
                    height: 80px;
                    top: -50px;
                    left: 10px;
                }

                .trees .tree:nth-child(1) > .leaf:nth-child(4)[b-512o73qfyz] {
                    width: 45px;
                    height: 45px;
                    bottom: -10px;
                    left: 40px;
                    box-shadow: inset 0 -5px #0e6182;
                }

                .trees .tree:nth-child(1) > .leaf:nth-child(5)[b-512o73qfyz] {
                    width: 30px;
                    height: 30px;
                    bottom: -10px;
                    left: 55px;
                    box-shadow: inset 0 -5px #0e6182;
                }

                .trees .tree:nth-child(1) > .leaf:nth-child(6)[b-512o73qfyz] {
                    width: 25px;
                    height: 25px;
                    bottom: 5px;
                    left: 75px;
                    box-shadow: inset 0 -3px 2px #0e6182;
                }

        .trees .tree:nth-child(2)[b-512o73qfyz] {
            background-color: #106b90;
            width: 80px;
            height: 80px;
            left: 135px;
            top: 0;
            z-index: -1;
            box-shadow: inset 0px -10px #0d5774;
        }

            .trees .tree:nth-child(2) > .leaf[b-512o73qfyz] {
                background-color: #106b90;
            }

                .trees .tree:nth-child(2) > .leaf:nth-child(1)[b-512o73qfyz] {
                    width: 60px;
                    height: 60px;
                    left: -40px;
                    box-shadow: inset 5px -5px #0d5774;
                }

                .trees .tree:nth-child(2) > .leaf:nth-child(2)[b-512o73qfyz] {
                    width: 40px;
                    height: 40px;
                    left: -20px;
                    top: 40px;
                    box-shadow: inset 5px -5px #0d5774;
                }

                .trees .tree:nth-child(2) > .leaf:nth-child(3)[b-512o73qfyz] {
                    width: 20px;
                    height: 20px;
                    left: 10px;
                    top: 65px;
                    box-shadow: inset 0px -5px #0d5774;
                }

                .trees .tree:nth-child(2) > .leaf:nth-child(4)[b-512o73qfyz] {
                    width: 20px;
                    height: 20px;
                    left: 6px;
                    top: -8px;
                }

                .trees .tree:nth-child(2) > .leaf:nth-child(5)[b-512o73qfyz] {
                    width: 30px;
                    height: 30px;
                    left: -15px;
                    top: -15px;
                }

                .trees .tree:nth-child(2) > .leaf:nth-child(6)[b-512o73qfyz] {
                    width: 50px;
                    height: 50px;
                    left: 60px;
                    top: 35px;
                }

        .trees .tree:nth-child(3)[b-512o73qfyz] {
            width: 80px;
            height: 80px;
            right: 140px;
            top: 40px;
        }

.shrubs[b-512o73qfyz] {
    width: 100%;
    height: 100px;
    bottom: 90px;
    display: flex;
    justify-content: center;
}

    .shrubs .shrub[b-512o73qfyz] {
        flex: 1 0 auto;
        height: 100%;
        width: auto;
        border-radius: 100%;
        margin: -10px;
        background-color: #0c506b;
    }

        .shrubs .shrub .shrub-leaf[b-512o73qfyz] {
            background-color: #0c506b;
            position: absolute;
            border-radius: 100%;
        }

        .shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(1)[b-512o73qfyz] {
            width: 40px;
            height: 40px;
            top: -60%;
        }

        .shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(2)[b-512o73qfyz] {
            width: 70px;
            height: 70px;
            top: -50%;
            left: 0%;
        }

        .shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(3)[b-512o73qfyz] {
            width: 30px;
            height: 30px;
            top: -65%;
            left: 5%;
        }

        .shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(4)[b-512o73qfyz] {
            width: 35px;
            height: 35px;
            left: 18%;
            top: -20%;
        }

        .shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(5)[b-512o73qfyz] {
            width: 20px;
            height: 20px;
            top: -30%;
            left: 15%;
        }

        .shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(1)[b-512o73qfyz] {
            width: 40px;
            height: 40px;
            top: -40%;
            left: 30%;
        }

        .shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(2)[b-512o73qfyz] {
            width: 28px;
            height: 28px;
            top: -35%;
            left: 26%;
        }

        .shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(3)[b-512o73qfyz] {
            width: 20px;
            height: 20px;
            top: -50%;
            left: 28%;
        }

        .shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(4)[b-512o73qfyz] {
            width: 35px;
            height: 35px;
            left: 35%;
            top: -20%;
        }

        .shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(5)[b-512o73qfyz] {
            width: 25px;
            height: 25px;
            top: -55%;
            left: 31%;
        }

        .shrubs .shrub:nth-child(3)[b-512o73qfyz] {
            margin-top: 10px;
        }

            .shrubs .shrub:nth-child(3) > .shrub-leaf[b-512o73qfyz] {
                margin-top: 10px;
            }

                .shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(1)[b-512o73qfyz] {
                    width: 35px;
                    height: 35px;
                    top: -25%;
                    left: 45%;
                }

                .shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(2)[b-512o73qfyz] {
                    width: 25px;
                    height: 25px;
                    top: -30%;
                    left: 50%;
                }

                .shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(3)[b-512o73qfyz] {
                    width: 20px;
                    height: 20px;
                    top: -40%;
                    left: 38%;
                }

                .shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(4)[b-512o73qfyz] {
                    width: 40px;
                    height: 40px;
                    left: 38%;
                    top: -20%;
                }

                .shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(5)[b-512o73qfyz] {
                    width: 35px;
                    height: 35px;
                    top: -15%;
                    left: 52%;
                }

                .shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(6)[b-512o73qfyz] {
                    width: 15px;
                    height: 15px;
                    top: -25%;
                    left: 54%;
                }

        .shrubs .shrub:nth-child(4)[b-512o73qfyz] {
            margin-top: -25px;
        }

            .shrubs .shrub:nth-child(4) > .shrub-leaf[b-512o73qfyz] {
                margin-top: -10px;
            }

                .shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(1)[b-512o73qfyz] {
                    width: 50px;
                    height: 50px;
                    top: -35%;
                    left: 60%;
                }

                .shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(2)[b-512o73qfyz] {
                    width: 25px;
                    height: 25px;
                    top: -10%;
                    left: 57%;
                }

                .shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(3)[b-512o73qfyz] {
                    width: 30px;
                    height: 30px;
                    top: -40%;
                    left: 68%;
                }

                .shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(4)[b-512o73qfyz] {
                    width: 40px;
                    height: 40px;
                    left: 70%;
                    top: -25%;
                }

                .shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(5)[b-512o73qfyz] {
                    width: 25px;
                    height: 25px;
                    top: -15%;
                    left: 75%;
                }

        .shrubs .shrub:nth-child(5) > .shrub-leaf:nth-child(1)[b-512o73qfyz] {
            width: 50px;
            height: 50px;
            top: -35%;
            left: 75%;
        }

        .shrubs .shrub:nth-child(5) > .shrub-leaf:nth-child(2)[b-512o73qfyz] {
            width: 25px;
            height: 25px;
            top: -25%;
            left: 85%;
        }

        .shrubs .shrub:nth-child(5) > .shrub-leaf:nth-child(3)[b-512o73qfyz] {
            width: 20px;
            height: 20px;
            top: -40%;
            left: 84%;
        }

.grass[b-512o73qfyz] {
    width: 100%;
    height: 200px;
    bottom: -60px;
    right: 10px;
    background-color: #085078;
    -webkit-linear-gradient: linear-gradient(to bottom, #6cc7bc, #085078);
    background-image: linear-gradient(to bottom, #6cc7bc, #085078);
    transform-origin: center;
}

.bulbasaur[b-512o73qfyz] {
    width: 60px;
    height: 50px;
    top: 293px;
    right: 35px;
    transform: rotate(-6deg);
    will-change: transform;
}

    .bulbasaur[b-512o73qfyz]:before {
        content: "";
        position: absolute;
        width: 80px;
        height: 15px;
        top: 8px;
        right: 5px;
        border-radius: 100%;
        transform: rotate(6deg);
        background-color: rgba(0, 0, 0, 0.2);
    }

    .bulbasaur .bulbs[b-512o73qfyz] {
        position: absolute;
        left: -10px;
        top: -8px;
        transform: rotate(15deg);
        z-index: 2;
        animation: bulbMove-b-512o73qfyz 1.5s infinite;
    }

        .bulbasaur .bulbs[b-512o73qfyz]:before {
            position: absolute;
            content: "";
            width: 38px;
            height: 38px;
            background-color: #006356;
            border-bottom-left-radius: 100%;
            border-bottom-right-radius: 100%;
            border-top-left-radius: 100%;
            right: 20px;
            bottom: 30px;
            left: 15px;
            transform: rotate(-20deg);
            z-index: 3;
        }

        .bulbasaur .bulbs[b-512o73qfyz]:after {
            position: absolute;
            content: "";
            width: 35px;
            height: 35px;
            background-color: #006356;
            border-bottom-left-radius: 100%;
            border-bottom-right-radius: 100%;
            border-top-right-radius: 100%;
            left: 40px;
            bottom: 30px;
            transform: rotate(45deg);
            z-index: 2;
        }

        .bulbasaur .bulbs .bulb[b-512o73qfyz] {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: #009682;
            bottom: 30px;
            left: 25px;
            border-bottom-left-radius: 100%;
            border-bottom-right-radius: 100%;
            border-top-left-radius: 100%;
            transform: rotate(-35deg);
            z-index: 3;
        }

    .bulbasaur .body[b-512o73qfyz] {
        position: relative;
        width: 105%;
        height: 100%;
        bottom: 35px;
        border-radius: 39% 61% 31% 69%/54% 41% 59% 46%;
        background-color: #56ddff;
        overflow: hidden;
        animation: bodyBounce-b-512o73qfyz 1.5s infinite;
    }

        .bulbasaur .body .spot[b-512o73qfyz] {
            position: absolute;
            width: 8px;
            height: 8px;
            background-color: #00abd6;
            right: -5px;
            top: 15px;
            border-radius: 20%/60%;
            transform: skew(5deg);
        }

    .bulbasaur .head[b-512o73qfyz] {
        position: absolute;
        width: 55px;
        height: 50px;
        background-color: #56ddff;
        border-radius: 51% 49% 20% 80%/67% 18% 82% 33%;
        bottom: 45px;
        right: 30px;
        z-index: 3;
        overflow: hidden;
        animation: headMove-b-512o73qfyz 1.5s infinite;
    }

        .bulbasaur .head .spot[b-512o73qfyz] {
            position: absolute;
        }

            .bulbasaur .head .spot[b-512o73qfyz]:before, .bulbasaur .head .spot[b-512o73qfyz]:after {
                content: "";
                position: absolute;
                background-color: #00abd6;
            }

            .bulbasaur .head .spot[b-512o73qfyz]:before {
                width: 8px;
                height: 8px;
                left: 7px;
                top: 5px;
                transform: rotate(30deg);
                border-radius: 40% 20%/50% 60%;
            }

            .bulbasaur .head .spot[b-512o73qfyz]:after {
                width: 5px;
                height: 4px;
                left: 2px;
                top: 15px;
                transform: rotate(50deg);
                border-radius: 40% 20%/50% 60%;
            }

        .bulbasaur .head .eye[b-512o73qfyz] {
            width: 14px;
            height: 16px;
            background-color: white;
            border-radius: 88% 12% 11% 89%/83% 47% 53% 17%;
            overflow: hidden;
            position: absolute;
            left: 15px;
            top: 13px;
            transform: rotate(5deg);
            border: 1px solid #295980;
        }

            .bulbasaur .head .eye .pupil[b-512o73qfyz] {
                position: absolute;
                width: 12px;
                height: 15px;
                border-radius: 100%;
                left: -2px;
                background-image: -webkit-radial-gradient(1px 5px at center, white 100%, transparent), -webkit-radial-gradient(#df005d 100%, transparent);
                background-image: radial-gradient(1px 5px at center, white 100%, transparent), radial-gradient(#df005d 100%, transparent);
            }

        .bulbasaur .head .eye-lid[b-512o73qfyz] {
            position: absolute;
            width: 1px;
            height: 8px;
            background-color: #00abd6;
            border-radius: 100px;
            left: 22px;
            transform: rotate(60deg);
            top: 8px;
        }

        .bulbasaur .head .smile[b-512o73qfyz] {
            position: absolute;
            width: 10px;
            height: 6px;
            border-radius: 100%;
            border-top: 1px solid #0c506b;
            top: 32px;
            transform: rotate(5deg);
            left: -2px;
        }

            .bulbasaur .head .smile[b-512o73qfyz]:after {
                position: absolute;
                content: "";
                width: 15px;
                height: 6px;
                border-radius: 100%;
                border-bottom: 1px solid #0c506b;
                top: -5px;
                left: 6px;
            }

    .bulbasaur .ears[b-512o73qfyz] {
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 88% 12% 8% 92%/91% 94% 6% 9%;
        transform: rotate(260deg);
        background-color: #56ddff;
        bottom: 76px;
        left: 15px;
        z-index: 3;
        animation: earMove-b-512o73qfyz 1.5s infinite;
    }

    .bulbasaur .legs[b-512o73qfyz] {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 15%;
    }

        .bulbasaur .legs .leg[b-512o73qfyz] {
            position: absolute;
            width: 20px;
            height: 22px;
            border-radius: 10% 10% 28% 32%/0% 0% 53% 60%;
            background-color: #56ddff;
        }

            .bulbasaur .legs .leg:nth-child(1)[b-512o73qfyz] {
                left: -5px;
                animation: moveLeg-b-512o73qfyz 1.5s ease infinite;
            }

                .bulbasaur .legs .leg:nth-child(1) .spot[b-512o73qfyz] {
                    position: absolute;
                    width: 7px;
                    height: 6px;
                    top: 10px;
                    left: 4px;
                    z-index: 10;
                    background-color: #00abd6;
                    border-radius: 20%/30%;
                    transform: skewY(-35deg);
                }

            .bulbasaur .legs .leg:nth-child(2)[b-512o73qfyz] {
                bottom: 45%;
                left: 30px;
                animation: moveLeg-b-512o73qfyz 1.5s 0.5s infinite;
            }

                .bulbasaur .legs .leg:nth-child(2) .spot[b-512o73qfyz] {
                    position: absolute;
                    width: 12px;
                    height: 10px;
                    background-color: #00abd6;
                    top: 5px;
                    left: 4px;
                    border-radius: 35% 21% 50% 43%/54% 60% 70% 60%;
                    transform: skewY(-20deg) skewX(10deg);
                }

    .bulbasaur .hind-legs[b-512o73qfyz] {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 17%;
    }

        .bulbasaur .hind-legs .leg[b-512o73qfyz] {
            background-color: #0082a3;
            position: absolute;
            width: 20px;
            height: 22px;
            border-radius: 10% 10% 28% 32%/0% 0% 53% 60%;
            z-index: -2;
        }

            .bulbasaur .hind-legs .leg:nth-child(1)[b-512o73qfyz] {
                animation: moveHindLeg-b-512o73qfyz 1.5s 0.8s infinite;
            }

            .bulbasaur .hind-legs .leg:nth-child(2)[b-512o73qfyz] {
                left: 32px;
                bottom: 45%;
                animation: moveHindLeg-b-512o73qfyz 1.5s 1s infinite;
            }

    .bulbasaur .spots[b-512o73qfyz] {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        z-index: 3;
    }

        .bulbasaur .spots .spot[b-512o73qfyz] {
            position: absolute;
            background-color: #00abd6;
        }

            .bulbasaur .spots .spot:nth-child(1)[b-512o73qfyz] {
                width: 18px;
                height: 12px;
                left: 30px;
                top: 28px;
                transform: rotate(-5deg);
                border-radius: 30% 72% 90% 40%/40% 78% 51% 60%;
            }

            .bulbasaur .spots .spot:nth-child(2)[b-512o73qfyz] {
                width: 5px;
                height: 3px;
                left: 45px;
                top: 40px;
                border-radius: 30% 80% 50% 40%/45% 20% 20% 60%;
                transform: skew(10deg);
            }

.animation-container[b-512o73qfyz] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    top: 110px;
}

.bulba-container[b-512o73qfyz] {
    min-width: 450px;
    height: 240px;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    position: relative;
    animation: bulbaWalk-b-512o73qfyz 25s linear infinite;
}

.bush[b-512o73qfyz] {
    width: 130px;
    height: 130px;
    left: -15%;
    top: 40%;
    background-color: #000033;
    border-radius: 100%;
    z-index: 10;
}

    .bush[b-512o73qfyz]:before {
        width: 150px;
        height: 150px;
        background-color: #000033;
        top: 50%;
        left: 15%;
        border-radius: 100%;
    }

    .bush[b-512o73qfyz]:after {
        width: 100px;
        height: 100px;
        background-color: #000033;
        border-radius: 100%;
        top: 130%;
        left: 100%;
    }

    .bush > .leaf[b-512o73qfyz] {
        background-color: #000033;
        position: absolute;
        border-radius: 100%;
    }

        .bush > .leaf:nth-child(1)[b-512o73qfyz] {
            width: 50px;
            height: 50px;
            left: 90%;
            top: 40%;
        }

        .bush > .leaf:nth-child(2)[b-512o73qfyz] {
            width: 30px;
            height: 30px;
            left: 90%;
            top: 25%;
        }

        .bush > .leaf:nth-child(3)[b-512o73qfyz] {
            width: 50px;
            height: 50px;
            left: 120%;
            top: 110%;
        }

        .bush > .leaf:nth-child(4)[b-512o73qfyz] {
            width: 60px;
            height: 60px;
            top: 180%;
            left: 150%;
        }

        .bush > .leaf:nth-child(5)[b-512o73qfyz] {
            width: 60px;
            height: 60px;
            top: 140%;
            left: 150%;
        }

        .bush > .leaf:nth-child(6)[b-512o73qfyz] {
            width: 30px;
            height: 30px;
            top: 130%;
            left: 150%;
        }

        .bush > .leaf:nth-child(7)[b-512o73qfyz] {
            width: 30px;
            height: 30px;
            top: 30%;
            left: 105%;
        }

        .bush > .leaf:nth-child(8)[b-512o73qfyz] {
            width: 20px;
            height: 20px;
            top: 20%;
            left: 105%;
        }

        .bush > .leaf:nth-child(9)[b-512o73qfyz] {
            width: 40px;
            height: 40px;
            left: 115%;
            top: 48%;
        }

.big-tree[b-512o73qfyz] {
    width: 160px;
    height: 160px;
    background-color: #000033;
    left: 70%;
    top: 10%;
    border-radius: 100%;
    z-index: 10;
}

    .big-tree[b-512o73qfyz]:before, .big-tree[b-512o73qfyz]:after {
        background-color: #000033;
        border-radius: 100%;
    }

    .big-tree[b-512o73qfyz]:before {
        width: 150px;
        height: 150px;
        right: 50%;
        top: -50%;
    }

    .big-tree[b-512o73qfyz]:after {
        width: 100px;
        height: 100px;
        right: 120%;
        top: -10%;
    }

    .big-tree > .leaf[b-512o73qfyz] {
        background-color: #000033;
        border-radius: 100%;
        position: absolute;
    }

        .big-tree > .leaf:nth-child(1)[b-512o73qfyz] {
            width: 60px;
            height: 60px;
            top: -45%;
            right: 130%;
        }

        .big-tree > .leaf:nth-child(2)[b-512o73qfyz] {
            width: 30px;
            height: 30px;
            top: 40%;
            right: 120%;
        }

        .big-tree > .leaf:nth-child(3)[b-512o73qfyz] {
            width: 30px;
            height: 30px;
            top: 30%;
            right: 110%;
        }

        .big-tree > .leaf:nth-child(4)[b-512o73qfyz] {
            width: 35px;
            height: 35px;
            top: 35%;
            right: 90%;
        }

.sparkles[b-512o73qfyz] {
    position: absolute;
    width: 120%;
    height: 190px;
    top: 30%;
    left: -45px;
}

    .sparkles .sparkle[b-512o73qfyz] {
        position: absolute;
        border-radius: 100%;
    }

        .sparkles .sparkle:nth-child(1)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(2)[b-512o73qfyz] {
            width: 4px;
            height: 4px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(3)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(4)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(5)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(6)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(7)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(8)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(9)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(10)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(11)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(12)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(13)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(14)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(15)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(16)[b-512o73qfyz] {
            width: 4px;
            height: 4px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(17)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(18)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(19)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(20)[b-512o73qfyz] {
            width: 4px;
            height: 4px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(21)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(22)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(23)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(24)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(25)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(26)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(27)[b-512o73qfyz] {
            width: 4px;
            height: 4px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(28)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(29)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(30)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(31)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(32)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(33)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(34)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(35)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(36)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(37)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(38)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(39)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(40)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(41)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(42)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(43)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(44)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(45)[b-512o73qfyz] {
            width: 7px;
            height: 7px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(46)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(47)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(48)[b-512o73qfyz] {
            width: 4px;
            height: 4px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(49)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(50)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(51)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(52)[b-512o73qfyz] {
            width: 6px;
            height: 6px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(53)[b-512o73qfyz] {
            width: 1px;
            height: 1px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(54)[b-512o73qfyz] {
            width: 4px;
            height: 4px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(55)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(56)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(57)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(58)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(59)[b-512o73qfyz] {
            width: 4px;
            height: 4px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(60)[b-512o73qfyz] {
            width: 2px;
            height: 2px;
            background-color: #f3ffe4;
            box-shadow: 0px 0px 10px #f3ffe4;
        }

        .sparkles .sparkle:nth-child(61)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

        .sparkles .sparkle:nth-child(62)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #fffce6;
            box-shadow: 0px 0px 10px #fffce6;
        }

        .sparkles .sparkle:nth-child(63)[b-512o73qfyz] {
            width: 3px;
            height: 3px;
            background-color: #e9fbff;
            box-shadow: 0px 0px 10px #e9fbff;
        }

        .sparkles .sparkle:nth-child(64)[b-512o73qfyz] {
            width: 5px;
            height: 5px;
            background-color: #ffeefc;
            box-shadow: 0px 0px 10px #ffeefc;
        }

.one[b-512o73qfyz] {
    right: 0;
    top: 0;
}

@keyframes flyOne-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, 50px);
        opacity: 0;
    }
}

.one:nth-child(1)[b-512o73qfyz] {
    animation: flyOne-b-512o73qfyz 30s 0s infinite;
}

.one:nth-child(2)[b-512o73qfyz] {
    animation: flyOne-b-512o73qfyz 30s 6.44s infinite;
}

.one:nth-child(3)[b-512o73qfyz] {
    animation: flyOne-b-512o73qfyz 30s 12.88s infinite;
}

.one:nth-child(4)[b-512o73qfyz] {
    animation: flyOne-b-512o73qfyz 30s 19.32s infinite;
}

.two[b-512o73qfyz] {
    right: 0;
}

@keyframes flyTwo-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, 205px);
        opacity: 0;
    }
}

.two:nth-child(5)[b-512o73qfyz] {
    animation: flyTwo-b-512o73qfyz 36s 2.7s infinite;
}

.two:nth-child(6)[b-512o73qfyz] {
    animation: flyTwo-b-512o73qfyz 36s 8s infinite;
}

.two:nth-child(7)[b-512o73qfyz] {
    animation: flyTwo-b-512o73qfyz 36s 13.3s infinite;
}

.two:nth-child(8)[b-512o73qfyz] {
    animation: flyTwo-b-512o73qfyz 36s 18.6s infinite;
}

.three[b-512o73qfyz] {
    right: 0;
    top: 100%;
}

@keyframes flyThree-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, -220px);
        opacity: 0;
    }
}

.three:nth-child(9)[b-512o73qfyz] {
    animation: flyThree-b-512o73qfyz 32s 1.4s infinite;
}

.three:nth-child(10)[b-512o73qfyz] {
    animation: flyThree-b-512o73qfyz 32s 9.9s infinite;
}

.three:nth-child(11)[b-512o73qfyz] {
    animation: flyThree-b-512o73qfyz 32s 18.4s infinite;
}

.three:nth-child(12)[b-512o73qfyz] {
    animation: flyThree-b-512o73qfyz 32s 26.9s infinite;
}

.four[b-512o73qfyz] {
    right: 0;
    top: 100%;
}

@keyframes flyFour-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, -200px);
        opacity: 0;
    }
}

.four:nth-child(13)[b-512o73qfyz] {
    animation: flyFour-b-512o73qfyz 40s 5.8s infinite;
}

.four:nth-child(14)[b-512o73qfyz] {
    animation: flyFour-b-512o73qfyz 40s 10.4s infinite;
}

.four:nth-child(15)[b-512o73qfyz] {
    animation: flyFour-b-512o73qfyz 40s 15s infinite;
}

.four:nth-child(16)[b-512o73qfyz] {
    animation: flyFour-b-512o73qfyz 40s 19.6s infinite;
}

.five[b-512o73qfyz] {
    right: 0;
    top: 50%;
}

@keyframes flyFive-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, 0px);
        opacity: 0;
    }
}

.five:nth-child(17)[b-512o73qfyz] {
    animation: flyFive-b-512o73qfyz 50s 8.7s infinite;
}

.five:nth-child(18)[b-512o73qfyz] {
    animation: flyFive-b-512o73qfyz 50s 14.4s infinite;
}

.five:nth-child(19)[b-512o73qfyz] {
    animation: flyFive-b-512o73qfyz 50s 20.1s infinite;
}

.five:nth-child(20)[b-512o73qfyz] {
    animation: flyFive-b-512o73qfyz 50s 25.8s infinite;
}

.six[b-512o73qfyz] {
    right: 0;
    top: 50%;
}

@keyframes flySix-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, 0px);
        opacity: 0;
    }
}

.six:nth-child(21)[b-512o73qfyz] {
    animation: flySix-b-512o73qfyz 38.5s 10.6s infinite;
}

.six:nth-child(22)[b-512o73qfyz] {
    animation: flySix-b-512o73qfyz 38.5s 15s infinite;
}

.six:nth-child(23)[b-512o73qfyz] {
    animation: flySix-b-512o73qfyz 38.5s 19.4s infinite;
}

.six:nth-child(24)[b-512o73qfyz] {
    animation: flySix-b-512o73qfyz 38.5s 23.8s infinite;
}

.seven[b-512o73qfyz] {
    right: 0;
    top: 25%;
}

@keyframes flySeven-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, -80px);
        opacity: 0;
    }
}

.seven:nth-child(25)[b-512o73qfyz] {
    animation: flySeven-b-512o73qfyz 44s 5s infinite;
}

.seven:nth-child(26)[b-512o73qfyz] {
    animation: flySeven-b-512o73qfyz 44s 12.67s infinite;
}

.seven:nth-child(27)[b-512o73qfyz] {
    animation: flySeven-b-512o73qfyz 44s 20.34s infinite;
}

.seven:nth-child(28)[b-512o73qfyz] {
    animation: flySeven-b-512o73qfyz 44s 28.01s infinite;
}

.eight[b-512o73qfyz] {
    right: 0;
    top: 25%;
}

@keyframes flyEight-b-512o73qfyz {
    95% {
        opacity: 1;
    }

    100% {
        transform: translate(-700px, 150px);
        opacity: 0;
    }
}

.eight:nth-child(29)[b-512o73qfyz] {
    animation: flyEight-b-512o73qfyz 43.5s 1.6s infinite;
}

.eight:nth-child(30)[b-512o73qfyz] {
    animation: flyEight-b-512o73qfyz 43.5s 5.34s infinite;
}

.eight:nth-child(31)[b-512o73qfyz] {
    animation: flyEight-b-512o73qfyz 43.5s 9.08s infinite;
}

.eight:nth-child(32)[b-512o73qfyz] {
    animation: flyEight-b-512o73qfyz 43.5s 12.82s infinite;
}

@keyframes moveLeg-b-512o73qfyz {
    0% {
        transform: rotate(20deg);
    }

    50% {
        transform: rotate(-20deg);
    }

    80% {
        transform: rotate(0deg) translateY(-1px);
    }

    100% {
        transform: rotate(20deg);
    }
}

@keyframes moveHindLeg-b-512o73qfyz {
    0% {
        transform: rotate(25deg);
    }

    50% {
        transform: rotate(-25deg);
    }

    80% {
        transform: rotate(0deg) translateY(-1px);
    }

    100% {
        transform: rotate(25deg);
    }
}

@keyframes bodyBounce-b-512o73qfyz {
    50% {
        transform: rotate(2deg) translateX(-1px);
    }
}

@keyframes headMove-b-512o73qfyz {
    50% {
        transform: rotate(-2deg) translateX(-1px);
    }
}

@keyframes earMove-b-512o73qfyz {
    50% {
        transform: rotate(265deg) translateX(-1px) translateY(-1px);
    }
}

@keyframes bulbMove-b-512o73qfyz {
    50% {
        transform: rotate(16deg) translateY(0.5px);
    }
}

@keyframes bulbaWalk-b-512o73qfyz {
    100% {
        transform: translateX(-66.66666%);
    }
}
/* _content/Caremore/Components/Pages/PokeDex.razor.rz.scp.css */

.pokedex-container[b-bt8tybmkng] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Poppins', sans-serif;
}

.pokedex-title[b-bt8tybmkng] {
    font-size: 3rem;
    color: #3a3a3a;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.search-container[b-bt8tybmkng] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.search-input[b-bt8tybmkng] {
    width: 100%;
    max-width: 400px;
    padding: 10px 20px;
    font-size: 1rem;
    border: none;
    border-radius: 25px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

    .search-input:focus[b-bt8tybmkng] {
        outline: none;
        box-shadow: 0 6px 8px rgba(0,0,0,0.15);
    }

.generation-filter[b-bt8tybmkng] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.gen-button[b-bt8tybmkng] {
    padding: 8px 16px;
    font-size: 0.9rem;
    border: none;
    border-radius: 20px;
    background-color: #f0f0f0;
    color: #3a3a3a;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .gen-button:hover[b-bt8tybmkng], .gen-button.active[b-bt8tybmkng] {
        background-color: #3a7bd5;
        color: white;
    }

.pokemon-grid[b-bt8tybmkng] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.pokemon-card[b-bt8tybmkng] {
    background-color: #f9f9f9;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

    .pokemon-card:hover[b-bt8tybmkng] {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    }

.pokemon-image[b-bt8tybmkng] {
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 15px;
}

.pokemon-number[b-bt8tybmkng] {
    font-size: 0.9rem;
    color: #888;
}

.pokemon-name[b-bt8tybmkng] {
    font-size: 1.2rem;
    color: #3a3a3a;
    margin: 10px 0;
}

.pokemon-types[b-bt8tybmkng] {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.type-badge[b-bt8tybmkng] {
    padding: 5px 10px;
    font-size: 0.8rem;
    border-radius: 15px;
    color: white;
}

.modal-content[b-bt8tybmkng] {
    border-radius: 20px;
    overflow: hidden;
}

.modal-header[b-bt8tybmkng] {
    background-color: #3a7bd5;
    color: white;
    border-bottom: none;
}

.modal-title[b-bt8tybmkng] {
    font-size: 1.5rem;
}

.detail-image[b-bt8tybmkng] {
    width: 200px;
    height: 200px;
    object-fit: contain;
    margin: 0 auto 20px;
    display: block;
}

.pokemon-description[b-bt8tybmkng] {
    text-align: center;
    margin-bottom: 20px;
}

.pokemon-stats[b-bt8tybmkng] {
    margin-bottom: 20px;
}

.stat-bar[b-bt8tybmkng] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.stat-name[b-bt8tybmkng] {
    width: 100px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
}

.stat-value[b-bt8tybmkng] {
    height: 20px;
    background-color: #3a7bd5;
    color: white;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px;
    border-radius: 10px;
    transition: width 0.5s ease-out;
}

.pokemon-abilities h4[b-bt8tybmkng] {
    margin-bottom: 10px;
}

.pokemon-abilities ul[b-bt8tybmkng] {
    list-style-type: none;
    padding: 0;
}

.pokemon-abilities li[b-bt8tybmkng] {
    background-color: #f0f0f0;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 15px;
}

@media (max-width: 768px) {
    .pokemon-grid[b-bt8tybmkng] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}