#tf-navigation-loading{position:fixed;left:0;right:0;z-index:99999;pointer-events:none}
#tf-navigation-loading[hidden]{display:none}
.tf-navigation-progress{height:3px;background:#7c3aed25;overflow:hidden}
.tf-navigation-progress i{display:block;width:40%;height:100%;background:#7c3aed;animation:tf-nav-progress 1.2s ease-in-out infinite}
.tf-navigation-status{display:flex;align-items:center;gap:10px;width:max-content;margin:12px auto;padding:10px 18px;background:#fff;color:#172b27;border:1px solid #7c3aed40;border-radius:30px;box-shadow:0 5px 25px #0002;font-family:inherit;font-size:13px;font-weight:600}
.tf-navigation-status i{width:19px;height:19px;border:2px solid #7c3aed30;border-top-color:#7c3aed;border-radius:50%;animation:tf-nav-spin .8s linear infinite}
[data-theme="dark"] .tf-navigation-status{background:#17231f;color:#fff}
@keyframes tf-nav-progress{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@keyframes tf-nav-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tf-navigation-progress i{animation:none;width:100%}.tf-navigation-status i{animation:none}}