/* Lite mode (js/lite.js): html.lite. Nothing here changes layout, only what costs the phone to draw. */
html.lite *, html.lite *::before, html.lite *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; text-shadow: none !important; }
html.lite body::before { background: var(--bg) !important; }
/* the glass bars and sheets become solid, with a hairline in place of the shadow */
html.lite .nav, html.lite .sheet, html.lite .overlay, html.lite .zoom button, html.lite .trip-pill, html.lite .modal, html.lite .upd { background-color: var(--surface, var(--bg)); }
html.lite *, html.lite *::before, html.lite *::after { box-shadow: none !important; }
html.lite .sheet, html.lite .nav, html.lite .card, html.lite .trip-pill { border: 1px solid var(--line, rgba(128, 128, 128, .25)); }
html.lite .mv-fog, html.lite #m-3d, html.lite #m-bld { display: none !important; }
/* decorative motion off; spinners and progress keep turning (they tell you it is working) */
html.lite .skel, html.lite .getoff, html.lite .mv-marker.sel .i, html.lite .mv-marker.sel::before, html.lite .mv-user::after, html.lite .upcoming li.target, html.lite .big.lookup, html.lite .guide.now .guide-arrow, html.lite .trip-pill .pulse-dot, html.lite .lg-glow, html.lite .ob-art-bus { animation: none !important; }
html.lite .enter, html.lite .overlay, html.lite .sheet { transition-duration: .12s !important; animation-duration: .12s !important; }
html.lite .ptr .spinner circle { animation-name: spin-dash !important; }
/* long lists are laid out and painted only when they are on screen */
html.lite .opt, html.lite .dep, html.lite .item, html.lite .h-card, html.lite .list > li, html.lite .fleet-row { content-visibility: auto; contain-intrinsic-size: auto 72px; }