/* Short trails stay on the companion's trailing edge, outside the map. */
.travel-speed{display:none;position:absolute;left:-10px;top:43%;width:38%;height:39%;overflow:hidden;pointer-events:none;z-index:1;opacity:.75;mask-image:linear-gradient(to right,#000 55%,transparent);-webkit-mask-image:linear-gradient(to right,#000 55%,transparent)}
.companion[data-state="travel"] .travel-speed:not([hidden]){display:block}
.travel-speed i{display:block;position:absolute;left:0;top:49%;width:47%;height:1.25px;border-radius:1px;background:linear-gradient(to right,transparent,#718b7b);animation:travel-streak 1.6s linear infinite both;pointer-events:none}
.travel-speed i:nth-child(2){top:67%;width:31%;animation-delay:-.61s}
.travel-speed i:nth-child(3){top:80%;width:56%;animation-delay:-1.13s}
.travel-speed i:nth-child(4){top:94%;width:28%;animation-delay:-.27s;opacity:.65}
.travel-speed i:nth-child(5){display:none}
.travel-speed[data-mode="fly"]{top:31%;height:46%;opacity:.7}
.travel-speed[data-mode="fly"] i{animation-duration:1.25s}
.travel-speed[data-mode="fly"] i:nth-child(1){top:12%}
.travel-speed[data-mode="fly"] i:nth-child(2){top:30%}
.travel-speed[data-mode="fly"] i:nth-child(3){top:64%}
.travel-speed[data-mode="fly"] i:nth-child(4){top:88%}
.travel-speed[data-mode="fly"] i:nth-child(5){display:block;top:47%;width:37%;animation-delay:-.87s;opacity:.6}
@keyframes travel-streak{0%{transform:translateX(230%);opacity:0}18%{opacity:.75}78%{opacity:.75}100%{transform:translateX(-130%);opacity:0}}
@media(min-width:1400px){.travel-speed{left:-8%}}
@media(max-width:760px){.travel-speed,.travel-speed[data-mode="fly"]{left:0;width:27%;opacity:.4}.travel-speed i{height:1px}}
@media(prefers-reduced-motion:reduce){.travel-speed{display:none!important}.travel-speed i{animation:none}}