@keyframes shrink {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

.animate-toast-progress {
    animation: shrink 4s linear forwards;
}

/* ============================= */
/* FIX AUTOFILL - LIGHT MODE */
/* ============================= */
html:not(.dark) input:-webkit-autofill,
html:not(.dark) input:-webkit-autofill:hover,
html:not(.dark) input:-webkit-autofill:focus,
html:not(.dark) textarea:-webkit-autofill,
html:not(.dark) select:-webkit-autofill {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 0 1000px white inset;
    box-shadow: 0 0 0px 1000px #ffffff inset;
    border: 1px solid #9AB297;
    transition: background-color 9999s ease-in-out 0s;
}

/* ============================= */
/* FIX AUTOFILL - DARK MODE */
/* ============================= */
html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus,
html.dark textarea:-webkit-autofill,
html.dark select:-webkit-autofill {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0px 1000px #0F0F0F inset;
    border: 1px solid #374151;
    transition: background-color 9999s ease-in-out 0s;
}

/* ============================= */
/* FORCE INPUT BACKGROUND - LIGHT */
/* ============================= */
html:not(.dark) input,
html:not(.dark) textarea,
html:not(.dark) select {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.8);
}

html:not(.dark) input::placeholder,
html:not(.dark) textarea::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

/* ============================= */
/* FORCE INPUT BACKGROUND - DARK */
/* ============================= */
html.dark input,
html.dark textarea,
html.dark select {
    background-color: #0F0F0F;
    color: rgba(255, 255, 255, 0.9);
}

.grecaptcha-badge {
    display: none !important;
    visibility: hidden !important;
}