.wings-transit{position:fixed;inset:0;z-index:2000;background:#fcfdfc;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#446b98;animation:wt-in .22s ease both;font-family:FuturaSite,ArchiveCN,'Microsoft YaHei',sans-serif}
.wt-orbit{width:180px;height:180px;position:relative;display:grid;place-items:center;margin-bottom:35px}
.wt-orbit i{position:absolute;inset:0;background:#446b981c;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);animation:wt-route .75s cubic-bezier(.65,0,.2,1) both}
.wt-orbit img{position:relative;width:88px;height:74px;object-fit:contain;animation:wt-logo .75s ease both}
.wings-transit>span{font-size:20px;letter-spacing:.3em}.wings-transit>small{font:12px Space,sans-serif;letter-spacing:.2em;margin-top:12px}
.wings-transit.is-arriving{animation:wt-out .65s ease both;pointer-events:none}
.wings-transit.is-arriving .wt-orbit i,.wings-transit.is-arriving .wt-orbit img{animation:none}
@keyframes wt-in{from{opacity:0}to{opacity:1}}
@keyframes wt-out{0%,20%{opacity:1}100%{opacity:0}}
@keyframes wt-route{0%{transform:scale(.45) rotate(-30deg)}55%{transform:scale(1) rotate(0)}100%{transform:scale(2.4,.025);opacity:.3}}
@keyframes wt-logo{0%{opacity:0;transform:translateY(12px)}60%,100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.wings-transit{display:none}}