@import url('./auth-cinema-4.css');

.cinema-brand { position: relative; padding-right: .24em; color: #e9ce72; }
.cinema-word { display: flex; gap: .025em; font: inherit; letter-spacing: 0; }
.cinema-word b { display: block; position: relative; font: inherit; color: #e9ce72; }
.cinema-ball { position: absolute; left: 0; top: 0; width: .105em; height: .105em; border-radius: 50%; background: #f4f2e9; opacity: 0; will-change: transform; }
.auth-playing .cinema-brand { animation: quiet-word 1s cubic-bezier(.22,1,.36,1) .2s both; }
.auth-playing .cinema-rule { animation-delay: 4.9s; }
.auth-playing .cinema-intro p { animation-delay: 5.2s; }
.auth-playing .cinema-intro { animation-delay: 6.3s; }
@media (prefers-reduced-motion: reduce) { .auth-playing .cinema-intro, .auth-playing .cinema-intro * { animation: none; } }