.mtfe-tracker{--mtfe-accent:#FF6B1A;--mtfe-status:#2BE07A;--mtfe-progress:68%;padding:26px;border-radius:22px;border:1px solid transparent;color:#fff;font-family:Inter,sans-serif;background:#0E1A2E}
.mtfe-tracker.is-glass{background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(3,10,24,.35)}
.mtfe-tracker.is-floating{animation:mtfe-tracker-float 6s ease-in-out infinite}
@keyframes mtfe-tracker-float{50%{transform:translateY(-12px)}}
.mtfe-tracker__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.mtfe-tracker__id{font-size:13px;opacity:.7;letter-spacing:1px}
.mtfe-tracker__status{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;color:var(--mtfe-status);background:color-mix(in srgb,var(--mtfe-status) 15%,transparent)}
.mtfe-tracker__status::before{content:"● "}
.mtfe-tracker__route{display:flex;align-items:center;gap:14px}
.mtfe-tracker__city{display:block;font:500 22px/1.1 Oswald,sans-serif;text-transform:uppercase}
.mtfe-tracker__stop small{display:block;font-size:12px;opacity:.6;margin-top:4px}
.mtfe-tracker__stop.is-end{text-align:right}
.mtfe-tracker__line{flex:1;height:2px;position:relative;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 6px,transparent 6px 12px)}
.mtfe-tracker__vehicle{position:absolute;top:50%;left:calc(100% - var(--mtfe-progress));transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#0B1F3A;background:var(--mtfe-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--mtfe-accent) 25%,transparent)}
.mtfe-tracker__vehicle svg{width:14px;height:14px;fill:currentColor}
.mtfe-tracker__bar{display:flex;direction:ltr;justify-content:flex-end;height:8px;border-radius:8px;background:rgba(255,255,255,.12);margin:22px 0 12px;overflow:hidden}
.mtfe-tracker__bar span{display:block;height:100%;width:var(--mtfe-progress);border-radius:8px;background:linear-gradient(270deg,var(--mtfe-accent),color-mix(in srgb,var(--mtfe-accent) 55%,#fff));background-size:200% 100%;transform-origin:right center;animation:mtfe-tracker-fill 1.15s cubic-bezier(.22,1,.36,1) both,mtfe-tracker-shine 2.5s linear infinite}
@keyframes mtfe-tracker-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mtfe-tracker-shine{from{background-position:100% 0}to{background-position:-100% 0}}
.mtfe-tracker__meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;opacity:.75}
@media (max-width:480px){.mtfe-tracker__city{font-size:18px}}
@media (prefers-reduced-motion:reduce){.mtfe-tracker,.mtfe-tracker__bar span{animation:none!important}}

/* Anchor the completed distance to the right, independent of inherited RTL/flex rules. */
.mtfe-tracker__bar{display:block;position:relative;direction:rtl}
.mtfe-tracker__bar > span{position:absolute;right:0;left:auto;top:0;width:var(--mtfe-progress);max-width:100%;animation:none;transform:none}