/* Wolkenebene der Login-Szene (sky-clouds.js): Die doppelt breite Ebene wandert genau eine Kachel weit. */
.login-premium .login-sky-clouds {
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 1;
    visibility: visible !important;
    inline-size: 200%;
    block-size: var(--clouds-height, 72%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 1.6s ease;
    animation: login-clouds-drift 600s linear infinite;
    will-change: transform;
}

.login-premium .login-sky-clouds.is-ready {
    opacity: 1;
}

.login-premium.is-scene-paused .login-sky-clouds {
    animation-play-state: paused;
}

@keyframes login-clouds-drift {
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-premium .login-sky-clouds {
        animation: none;
    }
}