.ab{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ab-day,.ab-night{position:absolute;inset:0}.ab-night,:root[data-theme=dark] .ab-day{display:none}:root[data-theme=dark] .ab-night{display:block}.ab-day{--pw:max(min(100vw, 170vh), 820px, 114.5vh);--band:calc(var(--pw) * .541667);--loop:calc(var(--pw) * 3.0875);--tile:calc(var(--pw) * 1.02917);--span:1.32;background:linear-gradient(to bottom, #5699e6 0, #64a7ec calc(100% - var(--band)), #72adec 100%);overflow:hidden}@media (min-aspect-ratio:17/10){.ab-day{--span:1.5}}@media (min-aspect-ratio:2){.ab-day{--span:1.74}}@media (min-aspect-ratio:12/5){.ab-day{--span:2.1}}@media (min-aspect-ratio:3){.ab-day{--span:2.9}}.ab-street{opacity:0;transition:opacity .9s;position:absolute;inset:0}.ab-street[data-ready=true]{opacity:1}@media (min-aspect-ratio:17/10){.ab-street:not([data-rolling=true]){opacity:0}}.ab-pan,.ab-road{height:var(--band);position:absolute;bottom:0;left:0;right:0}.ab-pan{-webkit-mask-image:linear-gradient(#0000 0,#000 10%);mask-image:linear-gradient(#0000 0,#000 10%)}.ab-world{width:calc(var(--loop) * 2);will-change:transform;height:100%;animation:98.8s linear infinite paused ab-travel;position:absolute;top:0;left:0}.ab-street[data-rolling=true] .ab-world{animation-play-state:running}@keyframes ab-travel{to{transform:translateX(calc(var(--loop) * -1))}}.ab-tile{top:0;left:calc(var(--tile) * var(--i));width:calc(var(--tile) * 1.00526);-webkit-user-select:none;user-select:none;max-width:none;height:100%;position:absolute}.ab-road img,.ab-air img,.ab-butterfly img{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.ab-vehicle,.ab-flyer{--lap:calc(var(--span) * var(--laps));--time:calc(var(--lap) / var(--speed) * 1s);width:calc(var(--pw) * var(--len));translate:calc(var(--pw) * var(--rest)) 0;animation:ab-cross var(--time) linear calc(var(--time) * var(--at) * -1) infinite;position:absolute;left:0}.ab-vehicle--left,.ab-flyer--left{animation-name:ab-cross-back}@keyframes ab-cross{0%{translate:calc(var(--pw) * -.26) 0}to{translate:calc(var(--pw) * (var(--lap) - .26)) 0}}@keyframes ab-cross-back{0%{translate:calc(var(--pw) * (var(--lap) - .26)) 0}to{translate:calc(var(--pw) * -.26) 0}}.ab-vehicle{bottom:calc(var(--band) * var(--foot))}.ab-vehicle>span{display:block}.ab-vehicle--left>span,.ab-flyer--left img{scale:-1 1}.ab-vehicle:after{content:"";z-index:-1;background:radial-gradient(closest-side,#080a0e8c,#080a0e4d 60%,#0000);border-radius:50%;height:34%;position:absolute;bottom:-11%;left:1%;right:-5%}.ab-pedals{overflow:hidden}.ab-road .ab-pedals img{width:400%;animation:ab-pedal var(--cadence) steps(4) infinite}@keyframes ab-pedal{to{translate:-100%}}.ab-air{position:absolute;inset:0}.ab-flyer{top:calc(100% * var(--top))}.ab-flyer--jet{rotate:-3deg}.ab-flyer--plane{rotate:2deg}.ab-flyer--gull img{animation:4.6s ease-in-out infinite alternate ab-glide}@keyframes ab-glide{0%{translate:0 -30%;rotate:-5deg}to{translate:0 34%;rotate:6deg}}.ab-butterfly{left:calc(var(--loop) * var(--along));top:calc(100% * var(--down));width:calc(var(--pw) * .005);animation:ab-wander 12s ease-in-out calc(var(--late) * -1s) infinite;position:absolute}.ab-butterfly img{animation:.3s ease-in-out infinite alternate ab-flutter}@keyframes ab-flutter{0%{scale:1}to{scale:.2 1}}@keyframes ab-wander{0%,to{translate:0;rotate:20deg}25%{translate:calc(var(--pw) * .014) calc(var(--pw) * -.009);rotate:48deg}50%{translate:calc(var(--pw) * .026) calc(var(--pw) * .003);rotate:-12deg}75%{translate:calc(var(--pw) * .008) calc(var(--pw) * .008);rotate:-40deg}}:root:not([data-theme=dark]) .ab-brand{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background-color:#ffffff80;border:1px solid #fff9;border-radius:24px;width:fit-content;margin-inline:auto;padding:13px 28px 11px;box-shadow:0 10px 32px #102c5624}.ab-night{background:#020308 url(/signin/night-sky-l.webp) top/cover no-repeat}@media (max-width:820px){.ab-night{background-image:url(/signin/night-sky-s.webp)}}.ab-globe{opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.ab-globe[data-live=true]{opacity:1}.ab-earth{aspect-ratio:2400/1100;background:url(/signin/earth-still.webp) top/100% no-repeat;width:max(100%,1500px);transition:visibility 0s 1.2s;position:absolute;bottom:0;left:50%;transform:translate(-50%,28.5%)}.ab-globe[data-live=true]+.ab-earth{visibility:hidden}.ab-craft{background:var(--craft) center / contain no-repeat;filter:drop-shadow(0 0 22px #78aaff24);position:absolute}.ab-craft:after{content:"";-webkit-mask:var(--craft) center / contain no-repeat;-webkit-mask:var(--craft) center / contain no-repeat;mask:var(--craft) center / contain no-repeat;mix-blend-mode:screen;background:linear-gradient(100deg,#0000 42%,#fff8e6cc 50%,#0000 58%) 0 0/300% 100% no-repeat;animation:13s ease-in-out infinite ab-glint;position:absolute;inset:0}.ab-craft--comms{--craft:url(/signin/craft-comms.webp);aspect-ratio:920/346;width:clamp(260px,30vw,460px);top:9%;left:3%;rotate:-9deg}.ab-craft--scope{--craft:url(/signin/craft-scope.webp);aspect-ratio:720/471;width:clamp(220px,24vw,360px);top:15%;right:4%;rotate:8deg}.ab-craft--scope:after{animation-duration:17s;animation-delay:-6s}@keyframes ab-glint{0%{background-position:0 0}16%,to{background-position:100% 0}}.ab-meteor{opacity:0;background:linear-gradient(90deg,#e1ffebf2,#96ffbe00);border-radius:2px;width:90px;height:1.5px;animation:23s linear -6s infinite ab-meteor;position:absolute;bottom:9%;left:26%;rotate:12deg}@keyframes ab-meteor{0%,93%{opacity:0;translate:0}94%{opacity:1}97%,to{opacity:0;translate:-9vw 2vw}}.ab-craft--comms{animation:34s ease-in-out infinite alternate ab-station}.ab-craft--scope{animation:47s ease-in-out infinite alternate ab-station-far}@keyframes ab-station{0%{translate:0;rotate:-9deg}50%{translate:2.2vw -1.6vh;rotate:-6deg}to{translate:4.5vw .8vh;rotate:-11deg}}@keyframes ab-station-far{0%{translate:0;rotate:8deg}50%{translate:-2vw 1.8vh;rotate:11deg}to{translate:-3.6vw -1vh;rotate:6deg}}@media (max-width:1100px){.ab-craft--comms{width:250px;top:3%;left:0}.ab-craft--scope{width:200px;top:9%;right:0}}@media (max-width:640px){.ab-craft--comms{width:210px;top:2%;left:-14%}.ab-craft--scope{width:160px;top:6%;right:-12%}}