body {
    background-color: var(--apl-background-color);
    min-height: 100vh;
    box-shadow: inset 0px 0px 100px #6f5a5655;
}

.bi-eye-slash {
    color: var(--apl-primary-color);
    cursor: pointer;
}

.bi-eye {
    color: var(--apl-secondary-color);
    cursor: pointer;
}

.toggle-psw {
    background-color: transparent;
    border-left: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition-behavior: normal, normal;
    transition-duration: 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
    transition-property: border-color, box-shadow;
}

.input-group:focus-within {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--apl-strawberry-mousse-color);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(var(--apl-strawberry-mousse-color-rgb), .25);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition-behavior: normal, normal;
    transition-duration: 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
    transition-property: border-color, box-shadow;
}

    .input-group:focus-within .toggle-psw {
        border-color: var(--apl-strawberry-mousse-color);
        border-left: none;
    }

#id_password {
    border-right: none;
}

#id_password:focus {
    border-color: var(--apl-strawberry-mousse-color);
    border-right: none;
    outline: 0;
    box-shadow: none;
}

#la-bg-layer {
    position: relative;
}

.login-header {
    font-family: 'Rozha One', serif;
    font-size: 3rem;
    font-weight: bolder;
    letter-spacing: 0.1rem;
    text-shadow: 3px 3px var(--font-main-color);
}