/* HTML: <div class="loader"></div> */
.loader {
    display: none;
    width: 50px;
    aspect-ratio: 1;
    --_c: no-repeat radial-gradient(farthest-side, #25b09b 92%, #0000);
    background: var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom;
    background-size: 12px 12px;
    animation: l7 1s infinite;
}

@keyframes l7 {
    to {
        transform: rotate(0.5turn);
    }
}

.spinner1 {
    display: none;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: radial-gradient(farthest-side, #78bf23 94%, #0000) top/9px 9px
            no-repeat,
        conic-gradient(#0000 30%, #78bf23);
    -webkit-mask: radial-gradient(
        farthest-side,
        #0000 calc(100% - 9px),
        #000 0
    );
    animation: spinner-c7wet2 0.6s infinite linear;
}

@keyframes spinner-c7wet2 {
    100% {
        transform: rotate(1turn);
    }
}

.centerDiv {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
}