/* 03 Drone Academy — indicador de bateria, isolado do estilo do curso. */
.sarp-scroll-rail{position:fixed;right:0;top:0;height:100dvh;width:102px;z-index:35;pointer-events:none;--battery-color:#20b75a;font-family:Arial,Helvetica,sans-serif}
.sarp-scroll-rail *{box-sizing:border-box}
.sarp-scroll-rail.is-warning{--battery-color:#f59e0b}
.sarp-scroll-rail.is-critical{--battery-color:#ed333b}
.sarp-scroll-rail__marks{position:absolute;top:8%;bottom:8%;right:0;width:16px;display:flex;flex-direction:column;justify-content:space-between}
.sarp-scroll-rail__marks i{width:7px;height:1px;background:#666;opacity:.4;align-self:flex-end}
.sarp-scroll-rail__marks i.major{width:15px;opacity:.75}
.sarp-scroll-rail__track{position:absolute;right:0;top:8%;height:84%;width:2px;background:rgba(90,90,90,.24);overflow:hidden}
.sarp-scroll-rail__charge{position:absolute;bottom:0;right:0;width:100%;height:100%;background:var(--battery-color);transition:background-color .15s linear}
.sarp-scroll-rail__readout{position:absolute;top:8%;right:18px;display:flex;align-items:center;gap:7px;transform:translateY(-50%);white-space:nowrap;color:var(--battery-color);font:700 11px/1.2 monospace;letter-spacing:.03em;text-shadow:0 1px 2px rgba(255,255,255,.8)}
.sarp-scroll-rail__readout:after{content:'';display:block;width:25px;height:2px;background:var(--battery-color);box-shadow:0 0 6px var(--battery-color)}
.sarp-scroll-rail__rth{display:none;font-weight:900;letter-spacing:.08em}
.sarp-scroll-rail.is-critical .sarp-scroll-rail__rth{display:inline;animation:sarp-rth-blink 1s steps(1,end) infinite}
@keyframes sarp-rth-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:1250px){.sarp-scroll-rail{display:none}}
@media(prefers-reduced-motion:reduce){.sarp-scroll-rail__rth{animation:none!important}}