/*
 * Small optical corrections for Font Awesome status icons.
 * Keep these values here instead of stacking browser-specific rules in the
 * main, iOS and Android stylesheets. Negative values move the icon upward.
 */
:root {
    --battery-status-offset-y: 0px;
}

html.platform-android {
    --battery-status-offset-y: 2px;
}

html.platform-ios {
    --battery-status-offset-y: 0px;
}

html.platform-safari-desktop {
    --battery-status-offset-y: 0px;
}

html.platform-chromium-desktop {
    --battery-status-offset-y: 0px;
}

/* Reset earlier per-platform positioning so offsets never accumulate. */
.status-text .battery {
    position: relative;
    top: 0 !important;
    transform: translateY(var(--battery-status-offset-y)) !important;
    vertical-align: baseline;
}