.route-loading {
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 24px;
  color: #1d1d1f;
  background: #f7f7f8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.route-loading__mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #131316;
  color: #ffd100;
  font-size: 20px;
  font-weight: 900;
}
.route-loading__content { width: min(260px, 70vw); display: grid; grid-gap: 3px; gap: 3px; }
.route-loading__content strong { font-size: 14px; letter-spacing: .08em; }
.route-loading__content span { color: #6e6e73; font-size: 13px; }
.route-loading__bar { height: 3px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: #e5e5e7; }
.route-loading__bar i {
  display: block;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: #d9ad00;
  animation: route-loading-slide 1.1s ease-in-out infinite;
}
@keyframes route-loading-slide { from { transform: translateX(-110%); } to { transform: translateX(245%); } }
@media (prefers-reduced-motion: reduce) { .route-loading__bar i { animation: none; width: 100%; } }