.auth-film{--auth-film-bg:#1d1a1b;--auth-film-hole:#f6f4f1;position:relative;width:100%;max-width:660px;height:214px;overflow:hidden;rotate:-3deg;background:var(--auth-film-bg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.dark .auth-film{--auth-film-bg:#ece3da;--auth-film-hole:#0b0b0d}.auth-film__track{display:flex;width:max-content;height:100%;animation:auth-film-roll 34s linear infinite}.auth-film:hover .auth-film__track{animation-play-state:paused}.auth-film__reel{position:relative;display:flex;gap:8px;height:100%;padding:32px 4px}.auth-film__reel:after,.auth-film__reel:before{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,transparent 0 6px,var(--auth-film-hole) 6px 18px,transparent 18px 24px)}.auth-film__reel:before{top:11px}.auth-film__reel:after{bottom:11px}.auth-film__frame{flex:none;width:112px;height:150px;overflow:hidden;border-radius:4px;background:#fff}.auth-film__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;user-select:none}@keyframes auth-film-roll{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.auth-film__track{animation:none}}