#toggleAdminBar {
    position: fixed;
    bottom: 20px;
    padding: 10px;
    background-color: #000000; /* Default background color */
    color: #ffffff; /* Default text color */
    transition: transform .25s;
}
#toggleAdminBar input {
    display: none;
}
#toggleAdminBar input + label::before {
    content: 'Hide admin bar';
}
#toggleAdminBar input:checked + label::before {
    content: 'Show admin bar';
}
#toggleAdminBar label {
    color: inherit; /* Use text color from options */
    font-size: medium;
}
#toggleAdminBar label i {
    margin-left: 10px; /* Espacio entre los íconos y el texto */
}
#toggleAdminBar label .fa-eye {
    display: none; /* Inicialmente oculto */
}
#toggleAdminBar input:checked + label .fa-eye-slash {
    display: none; /* Cuando está marcado, ocultar el ícono del ojo */
}
#toggleAdminBar input:checked + label .fa-eye {
    display: inline-block; /* Mostrar el ícono del ojo tachado cuando está marcado */
}