/* Shared by the early HTML shell and the authenticated app's loading state. */
.yys-loader{--yys-ink:#082448;--yys-road:#173c69;--yys-blue:#1671f2;box-sizing:border-box;min-height:100vh;min-height:100dvh;width:100%;display:grid;place-items:center;overflow:hidden;padding:32px 20px;background:radial-gradient(ellipse 70% 25% at 50% 105%,#d9efff 0%,transparent 100%),#fff;color:var(--yys-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;isolation:isolate}
.yys-loader *{box-sizing:border-box}
.yys-loader.yys-loader-dark{--yys-ink:#f1f6ff;--yys-road:#85ade3;--yys-blue:#5ca6ff;background:radial-gradient(ellipse 75% 45% at 50% 105%,#142c49 0%,transparent 100%),#081423;color:var(--yys-ink);color-scheme:dark}
.yys-loader-content{width:min(100%,700px);display:flex;flex-direction:column;align-items:center;text-align:center}
.yys-loader .yys-loader-brand{display:block;width:260px;max-width:65%;height:auto;overflow:visible;margin:0 0 35px;color:var(--yys-ink)}
.yys-loader-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:155px;font-weight:700;font-style:italic;letter-spacing:-12px;fill:currentColor}
.yys-loader-logistics{font-family:Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:8px;fill:currentColor}
.yys-loader-scene{position:relative;width:100%;aspect-ratio:1774/887;margin:0 0 31px}
.yys-loader-truck{position:absolute;inset:0;animation:yys-loader-ride .8s ease-in-out infinite;z-index:2}
.yys-loader .yys-loader-truck-art{display:block;width:100%;max-width:none;height:auto;margin:0;object-fit:contain}
.yys-loader-wheel{position:absolute;display:block;border-radius:50%;overflow:hidden}
.yys-loader-wheel-spin{position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;animation:yys-loader-wheel .9s linear infinite;will-change:transform}
.yys-loader .yys-loader-wheel-spin img{display:block;position:absolute;max-width:none;object-fit:fill;margin:0;pointer-events:none}
.yys-loader-road{position:absolute;left:2%;right:2%;top:90.3%;height:7px;background:var(--yys-road);border-radius:8px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.yys-loader-road i{position:absolute;left:-100%;right:-100%;top:3px;height:1px;background:repeating-linear-gradient(90deg,transparent 0 25px,#f1f7ff 25px 41px,transparent 41px 66px);animation:yys-loader-road .55s linear infinite}
.yys-loader-wind{position:absolute;inset:0;overflow:hidden;z-index:1}
.yys-loader-wind i{position:absolute;display:block;left:3%;top:27%;width:16%;height:3px;border-radius:10px;background:linear-gradient(90deg,transparent,#5caeff 70%,transparent);animation:yys-loader-wind 1.2s ease-out infinite;opacity:0}
.yys-loader-wind i:nth-child(2){top:33%;left:0;width:12%;animation-delay:.4s}
.yys-loader-wind i:nth-child(3){top:67%;left:2%;width:11%;animation-delay:.75s}
.yys-loader-wind i:nth-child(4){top:86%;left:37%;width:18%;animation-delay:.15s}
.yys-loader-wind i:nth-child(5){top:91%;left:10%;width:25%;animation-delay:.65s}
.yys-loader-wind i:nth-child(6){top:88%;left:70%;width:15%;animation-delay:.9s}
.yys-loader-beacon{position:absolute;left:82.85%;top:13.5%;width:7%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.yys-loader-beacon:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffedab 0%,#ffbd37aa 15%,#ff9b1744 42%,transparent 70%);animation:yys-loader-beacon 1.4s ease-in-out infinite}
.yys-loader-beacon i{position:absolute;left:46%;top:40%;width:8%;height:23%;border-radius:40%;background:#fff6ba;box-shadow:0 0 7px 3px #ffbc3c;animation:yys-loader-beacon 1.4s ease-in-out infinite}
.yys-loader .yys-loader-message{font-size:clamp(19px,2.3vw,27px);font-weight:600;line-height:1.45;letter-spacing:-.45px;margin:0;color:var(--yys-ink)}
.yys-loader-dots{display:flex;gap:11px;margin-top:23px;height:12px;align-items:center}
.yys-loader-dots i{width:10px;height:10px;border-radius:50%;background:var(--yys-blue);animation:yys-loader-dot 1.5s ease-in-out infinite;opacity:.25}
.yys-loader-dots i:nth-child(2){animation-delay:.2s}.yys-loader-dots i:nth-child(3){animation-delay:.4s}
@keyframes yys-loader-wheel{to{transform:rotate(360deg)}}
@keyframes yys-loader-ride{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes yys-loader-road{to{transform:translateX(-66px)}}
@keyframes yys-loader-wind{0%{opacity:0;transform:translateX(30px)}25%{opacity:.75}100%{opacity:0;transform:translateX(-65px)}}
@keyframes yys-loader-beacon{0%,45%,100%{opacity:.15}15%,25%{opacity:1}}
@keyframes yys-loader-dot{0%,70%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:600px){.yys-loader{padding:24px 14px}.yys-loader .yys-loader-brand{width:210px;margin-bottom:40px}.yys-loader-scene{margin-bottom:27px}.yys-loader-road{height:5px}.yys-loader-road i{top:2px}.yys-loader-dots{margin-top:21px}.yys-loader-wind i{height:2px}}
@media(max-height:500px) and (min-width:500px){.yys-loader{padding:16px 22px}.yys-loader-content{width:min(100%,420px)}.yys-loader .yys-loader-brand{width:140px;margin-bottom:2px}.yys-loader-scene{margin-bottom:4px}.yys-loader .yys-loader-message{font-size:17px}.yys-loader-dots{margin-top:10px;height:8px}.yys-loader-dots i{width:7px;height:7px}}
@media(prefers-reduced-motion:reduce){.yys-loader *, .yys-loader *:before{animation:none!important}.yys-loader-dots i{opacity:.65}.yys-loader-beacon:before,.yys-loader-beacon i{opacity:.35}.yys-loader-wind{display:none}}