#vatar-loader { position: fixed; inset: 0; z-index: 2147483000; overflow: hidden; background: var(--logo-plate-black); }
#vatar-loader .vl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html.vl-lock, html.vl-lock body { overflow: hidden !important; overscroll-behavior: none; }
#vatar-loader .vl-video, #vatar-loader .vl-poster { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%; display: block; background: var(--logo-plate-black); }
#vatar-loader .vl-poster { opacity: 0; }
#vatar-loader.is-poster .vl-poster { opacity: 1; }
#vatar-loader.is-poster .vl-video { visibility: hidden; }

#vatar-loader .vl-line { position: absolute; left: 50%; top: 70%; width: 0; height: 2px; border-radius: 1px; overflow: hidden; background: var(--color-alpha-white-16); opacity: 0; transition: opacity 240ms var(--motion-easing-standard); }
#vatar-loader .vl-line i { position: absolute; inset: 0; background: var(--color-brand-lilac); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); transition: transform 160ms linear; }
#vatar-loader.is-waiting .vl-line { opacity: 1; }
#vatar-loader.vl-exit { opacity: 0; transition: opacity var(--vl-fade, 400ms) var(--motion-easing-standard); }
@media (prefers-reduced-motion: reduce) { #vatar-loader .vl-line, #vatar-loader .vl-line i { transition: none; } }