.battery-status {
    position: relative;
    top: -18px;
    right: 24px;

    &.alert {
        animation: alert 1990ms linear infinite;
    }

    md-icon {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    md-icon, span {
        width: 24px;
        height: 24px;
        line-height: 24px;
        position: absolute;
        top: 1px;
    }

    .battery-percent {
        font-size: 0.8em;
        font-family: monospace;
        text-align: center;
        top: 20px;
        left: 1px;
    }

    @keyframes alert {
        50% { opacity: 0.2; }
    }
}
