#auth {
    min-width: 100%;
    min-height: 100svh;
    background: var(--bg-90);
    margin: 0px;
}

#auth-container {
    background: var(--bg-95);
    border-radius: var(--radius);
    box-shadow: 0px 0px 18px rgba(155, 155, 155, 0.15);
    width: calc(90% - 80px);
    max-width: 400px;
}

#form-login, #form-registro, #form-recuperacao, #recuperacao-container {
    display: none;

    &.ativo {
        display: flex;
    }
}

#mensagem:empty, #form-mensagem:empty {
    display: none;
}

#logo {
    width: 175px;
}