/* AUTH_BACKGROUND_OPTIONS_V1 */
.af-auth-background {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.af-auth-ftth-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.af-auth-ftth-icons {
    position: absolute;
    inset: 0;
}

.network-icon {
    position: absolute;
    width: 64px;
    height: 64px;
    transform-origin: bottom center;
    animation: afAuthPopUp .6s cubic-bezier(.34, 1.56, .64, 1) forwards;
    opacity: 0;
}

.network-icon-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .7));
}

.network-icon.cpd-icon .network-icon-image {
    width: 120%;
    height: 120%;
    margin: -10%;
    filter: drop-shadow(0 0 15px rgba(255, 0, 51, .8));
}

@keyframes afAuthPopUp {
    0% { transform: scale(0) translateY(15px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

.af-platform-login[data-auth-background="ftth"] {
    background: #04070d;
}

.af-platform-login[data-auth-background="ftth"]::before,
.af-platform-login[data-auth-background="ftth"]::after {
    display: none;
}

.af-platform-login[data-auth-background="ftth"] .af-login-card {
    z-index: 10;
    pointer-events: auto;
}

.af-auth-particles {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.af-platform-login[data-auth-background="particles"] {
    background: #04070d;
    overflow: hidden;
}

.af-platform-login[data-auth-background="particles"]::before,
.af-platform-login[data-auth-background="particles"]::after {
    display: none;
}

.af-platform-login[data-auth-background="particles"] .af-login-card {
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .network-icon { animation-duration: .01ms; animation-iteration-count: 1; }
}