#navigation-loading{position:fixed;left:0;right:0;z-index:10000;pointer-events:none}
#navigation-loading[hidden]{display:none}
.navigation-progress{height:3px;background:#ed193326;overflow:hidden}
.navigation-progress span{display:block;width:40%;height:100%;background:#ed1933;box-shadow:0 0 10px #ed193380;animation:navigation-progress 1.2s ease-in-out infinite}
.navigation-status{display:flex;align-items:center;gap:10px;width:max-content;margin:14px auto 0;padding:10px 18px;border:1px solid #ed193340;border-radius:30px;background:#fff4f6;color:#b71b31;font:600 13px "Noto Sans Georgian",sans-serif;box-shadow:0 6px 24px #0003}
.navigation-status i{width:19px;height:19px;border:2px solid #ed193330;border-top-color:#ed1933;border-radius:50%;animation:navigation-spin .8s linear infinite}
@keyframes navigation-progress{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@keyframes navigation-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.navigation-progress span{animation:none;width:100%}.navigation-status i{animation:none;border-color:#ed1933}}