.kende-city-loader{position:fixed;inset:0;z-index:9999;width:100vw;height:100dvh;min-height:420px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#bfe7ff 0 54%,#dcebd7 54% 70%,#424a53 70% 100%)}.loader-sky-glow{position:absolute;inset:0 0 30%;background:radial-gradient(circle at 85% 18%,rgba(255,216,116,.75),transparent 27%),linear-gradient(180deg,hsla(0,0%,100%,.08),transparent 70%)}.loader-sun{position:absolute;right:9%;top:9%;width:clamp(54px,7vw,92px);aspect-ratio:1;border-radius:50%;background:#ffc84f;box-shadow:0 0 55px rgba(255,217,121,.9)}.loader-cloud{position:absolute;width:clamp(100px,12vw,180px);height:clamp(24px,3vw,38px);border-radius:40px;background:hsla(0,0%,100%,.84);box-shadow:36px -18px 0 7px hsla(0,0%,100%,.84),76px 0 0 hsla(0,0%,100%,.84);animation:loaderCloud 18s linear infinite alternate}.loader-cloud-one{left:10%;top:15%}.loader-cloud-two{left:48%;top:25%;transform:scale(.72);opacity:.72;animation-delay:-7s}.loader-hills{position:absolute;inset:auto -5% 29% -5%;height:24%;background:linear-gradient(150deg,transparent 0 16%,#6592a2 16% 34%,transparent 34%),linear-gradient(35deg,transparent 0 40%,#769e9f 40% 62%,transparent 62%);opacity:.32}.loader-city{position:absolute;left:0;right:0;bottom:29.5%;height:38%;display:flex;align-items:flex-end;gap:clamp(4px,1vw,16px);padding:0 3%;opacity:.88}.loader-city i{position:relative;flex:1;min-width:20px;height:42%;border:3px solid #5d91aa;border-bottom:0;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(229,247,255,.7) 13px 17px),repeating-linear-gradient(180deg,#76abc3 0 15px,#5f99b5 15px 18px);box-shadow:inset 0 8px hsla(0,0%,100%,.12)}.loader-city i:nth-child(2n){height:65%}.loader-city i:nth-child(3n){height:88%}.loader-city i:nth-child(4n){height:51%}.loader-city i:nth-child(5n){height:96%}.loader-city i:nth-child(7n){height:74%}.loader-city i:before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:22px;background:#5d91aa}.loader-trees{position:absolute;left:0;right:0;bottom:28.5%;height:82px;background:radial-gradient(circle at 5% 65%,#267944 0 30px,transparent 31px),radial-gradient(circle at 16% 64%,#45964f 0 37px,transparent 38px),radial-gradient(circle at 31% 70%,#2b8047 0 31px,transparent 32px),radial-gradient(circle at 48% 62%,#41954f 0 38px,transparent 39px),radial-gradient(circle at 66% 68%,#277b45 0 34px,transparent 35px),radial-gradient(circle at 83% 62%,#44964f 0 39px,transparent 40px),radial-gradient(circle at 96% 70%,#2c8147 0 34px,transparent 35px);filter:drop-shadow(0 8px 5px rgba(0,0,0,.12))}.loader-station{position:absolute;right:4%;bottom:30%;width:clamp(118px,13vw,180px);height:clamp(95px,12vw,145px);border:4px solid #084b82;border-bottom:0;background:#f9fcff;box-shadow:0 8px 18px rgba(0,0,0,.18);color:#084b82;text-align:center}.loader-station:after{content:"";position:absolute;bottom:0;left:34%;width:32%;height:46%;background:#084b82}.loader-station span{position:absolute;left:8px;top:10px;display:grid;width:29px;height:29px;place-items:center;border-radius:6px;background:#084b82;color:#fff;font-weight:900}.loader-station strong{position:absolute;left:44px;right:8px;top:10px;padding:6px 2px;background:#ffc233;font-size:clamp(12px,1.4vw,18px)}.loader-station small{position:absolute;top:53px;left:8px;right:8px;font-size:clamp(7px,.7vw,10px);font-weight:800;letter-spacing:.15em}.loader-road{position:absolute;inset:auto 0 0;height:30%;overflow:hidden;background:linear-gradient(180deg,#4c555e,#343b43);box-shadow:inset 0 12px 0 hsla(0,0%,100%,.05)}.loader-road:before{content:"";position:absolute;left:0;right:0;top:12%;height:4px;background:#f2c94c;box-shadow:0 5px rgba(0,0,0,.15)}.loader-road-line{position:absolute;top:58%;left:0;width:220%;height:7px;background:repeating-linear-gradient(90deg,#fff 0 72px,transparent 72px 138px);animation:loaderRoad 1s linear infinite}.loader-bus{position:absolute;z-index:4;left:-290px;bottom:19%;width:clamp(190px,18vw,270px);aspect-ratio:2.65;animation:loaderDrive 6s ease-in-out infinite;filter:drop-shadow(0 12px 8px rgba(0,0,0,.3))}.loader-bus-body{position:absolute;inset:0 0 18%;border:4px solid #084b82;border-radius:18px 31px 8px 8px;background:#fff;overflow:hidden}.loader-bus-body b{position:absolute;left:43%;top:52%;color:#084b82;font-size:clamp(13px,1.25vw,19px);font-style:italic;font-weight:900;letter-spacing:.04em}.loader-windows{position:absolute;left:7%;right:9%;top:12%;height:36%;border-radius:7px 12px 4px 4px;background:repeating-linear-gradient(90deg,#91d3ed 0 38px,#084b82 38px 43px)}.loader-stripe{position:absolute;left:2%;right:2%;bottom:12%;height:9%;background:#ffc233}.loader-wheel{position:absolute;bottom:0;width:clamp(31px,3vw,43px);aspect-ratio:1;border:clamp(6px,.6vw,9px) solid #7d8790;border-radius:50%;background:#17212b;animation:loaderWheel .32s linear infinite}.loader-wheel-one{left:17%}.loader-wheel-two{right:14%}.loader-ui{position:absolute;z-index:8;left:50%;bottom:max(4%,22px);width:min(460px,82vw);transform:translateX(-50%);color:#fff;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.42)}.loader-ui p{margin:0;font-size:clamp(14px,1.25vw,18px);font-weight:750;letter-spacing:.02em}.loader-track{height:7px;margin-top:14px;overflow:hidden;border-radius:20px;background:hsla(0,0%,100%,.24);box-shadow:inset 0 1px 2px rgba(0,0,0,.18)}.loader-progress{height:100%;border-radius:inherit;background:#ffc233;box-shadow:0 0 14px rgba(255,194,51,.8);animation:loaderProgress 6s ease-in-out infinite}.dark .kende-city-loader{background:linear-gradient(180deg,#16334a 0 54%,#263f34 54% 70%,#20262c 70% 100%)}.dark .loader-city{opacity:.58}@keyframes loaderDrive{0%{left:-290px}8%{left:-130px}82%{left:calc(100% - min(290px, 21vw))}90%{left:calc(100% - min(290px, 21vw))}to{left:110%}}@keyframes loaderRoad{to{transform:translateX(-138px)}}@keyframes loaderWheel{to{transform:rotate(1turn)}}@keyframes loaderProgress{0%{width:0}82%,90%{width:100%}to{width:0}}@keyframes loaderCloud{to{translate:42px 0}}@media (max-width:640px){.loader-city{gap:4px;padding-inline:0;height:32%}.loader-city i{min-width:11px;border-width:2px}.loader-station{right:2%;transform:scale(.78);transform-origin:right bottom}.loader-bus{width:200px;bottom:20%}.loader-ui{bottom:5%}}@media (prefers-reduced-motion:reduce){.loader-bus{left:50%;transform:translateX(-50%)}.loader-bus,.loader-cloud,.loader-progress,.loader-road-line,.loader-wheel{animation:none}.loader-progress{width:65%}}