html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.auth-input:hover {
    border-color: #3f484b !important;
}

.auth-input:focus {
    border-color: #00687b !important;
    box-shadow: 0 0 0 1px #00687b;
}

.auth-input::placeholder {
    color: #3f484b;
    opacity: 1;
}

.auth-input:-webkit-autofill,
.auth-input:-webkit-autofill:hover,
.auth-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #171c1e;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    transition: background-color 9999s ease-out;
}

.auth-button:not(:disabled):hover {
    filter: brightness(.92);
}

.auth-button:focus-visible {
    outline: 3px solid #adecff;
    outline-offset: 2px;
}

.password-visibility-button:hover {
    background: #eff4f7 !important;
}

.password-visibility-button:focus-visible {
    outline: 2px solid #00687b;
    outline-offset: 1px;
}