/* Shared background treatment for the classic and Breeze authentication pages. */
.auth-background-page {
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
    background: url('../images/auth-bg.png') center/cover no-repeat fixed;
}

.auth-background-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: url('../images/filter-bg.png') center/cover no-repeat;
    opacity: .4;
}

.auth-background-page > * {
    position: relative;
    z-index: 1;
}

/* Breeze's auth wrapper otherwise hides the shared page background. */
.auth-background-page .bg-gray-100 {
    background-color: transparent;
}