:root {
    --app-min-width: 450px;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin button[type="submit"] {
    --bs-btn-color: var(--app-white) !important;
    --bs-btn-border-color: transparent !important;

    --bs-btn-hover-bg: var(--app-white) !important;
    --bs-btn-hover-color: var(--bs-primary) !important;
    --bs-btn-hover-border-color: var(--bs-primary) !important;

    --bs-btn-focus-bg: var(--bs-primary) !important;

    --bs-btn-active-bg: var(--app-white) !important;
    --bs-btn-active-color: var(--bs-primary) !important;
    --bs-btn-active-border-color: var(--bs-primary) !important;
}

.form-signin button[type="submit"]:hover,
.form-signin button[type="submit"]:focus,
.form-signin button[type="submit"]:focus-visible,
.form-signin button[type="submit"]:active {
    background: none;
}
.form-signin button[type="submit"]:focus {
    --bs-btn-color: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
}

.form-signin .form-control {
    border-radius: 0 !important;
}

.form-signin .form-floating label {
    color: var(--app-gray-light) !important;
    background-color: transparent !important;
}

main {
    max-width: var(--app-min-width);
}