/* /Components/Pages/Login.razor.rz.scp.css */
/* Evita que el autocompletado del navegador tiña el input (fondo amarillo/azul) */
input:-webkit-autofill[b-5lvxg73nkw],
input:-webkit-autofill:hover[b-5lvxg73nkw],
input:-webkit-autofill:focus[b-5lvxg73nkw],
input:-webkit-autofill:active[b-5lvxg73nkw] {
    /* Pinta el fondo del token de superficie por encima del amarillo del autofill */
    -webkit-box-shadow: 0 0 0 1000px var(--gim-surface) inset;
    box-shadow: 0 0 0 1000px var(--gim-surface) inset;
    -webkit-text-fill-color: var(--gim-ink);
    caret-color: var(--gim-ink);
    /* Retrasa el repintado del autofill para que no parpadee el color */
    transition: background-color 5000s ease-in-out 0s;
}

.login-fade-in[b-5lvxg73nkw] {
    animation: login-fade-in-b-5lvxg73nkw 0.16s ease-out both;
}

.login-fade-scale[b-5lvxg73nkw] {
    animation: login-fade-scale-b-5lvxg73nkw 0.14s ease-out both;
}

@keyframes login-fade-in-b-5lvxg73nkw {
    from {
        opacity: 0;
        transform: translateY(-3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes login-fade-scale-b-5lvxg73nkw {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Components/Shared/Success.razor.rz.scp.css */
.success-animation[b-n681v8xw0e] {
    margin: 150px auto;
}

.checkmark[b-n681v8xw0e] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #3b82f6;
    animation: fill-b-n681v8xw0e .4s ease-in-out .4s forwards, scale-b-n681v8xw0e .3s ease-in-out .9s both;
    position: relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
}

.checkmark__circle[b-n681v8xw0e] {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    animation: stroke-b-n681v8xw0e 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check[b-n681v8xw0e] {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke-b-n681v8xw0e 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke-b-n681v8xw0e {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale-b-n681v8xw0e {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill-b-n681v8xw0e {
    100% {
        box-shadow: inset 0px 0px 0px 30px #3b82f6;
    }
}