/**
 * visualizar-senha.css
 * Estilos do componente de toggle de visibilidade de senha.
 * As posições top/right são definidas via CSS custom properties
 * pelo arquivo visualizar-senha.js a partir de data-attributes.
 */

@media screen and (max-width: 1260px) {
    .visualizar-senha {
        width: 30px;
        position: absolute;
        top: var(--vs-top-mobile, 42px);
        right: var(--vs-right-mobile, 30px);
        cursor: pointer;
    }
}

@media (min-width: 1261px) {
    .visualizar-senha {
        width: 30px;
        position: absolute;
        top: var(--vs-top-desk, 52px);
        right: var(--vs-right-desk, 30px);
        cursor: pointer;
    }
}