/* Lollipop 5.1.1 system bars (SystemUI PhoneStatusBarView, SignalClusterView, BatteryMeterView, NavigationBarView):
   the 25 dp status bar and the 48 dp navigation bar. An app's status bar takes its theme's colorPrimaryDark (--lp-sb,
   black by default) and the navigation bar stays black; the launcher (setupTransparentSystemBarsForLmp) and the keyguard
   draw under fully transparent bars. Icons are SystemUI's vector drawables drawn 17 dp tall
   (status_bar_icon_drawing_size), the clock is 14 sp sans-serif-medium, and the navigation keys are the Material
   triangle, circle and square (ic_sysbar_*, #E5FFFFFF) in 70 dp slots, 36 dp in from both edges. */
.screen{--sb:22.65px;--nb:43.49px;--lp-sb:#000}
.status-button,.screen .status-button{background:var(--lp-sb);color:#fff!important;padding:0 7.25px 0 5.44px;transition:background-color .2s}
.status-left{display:flex;align-items:center;height:100%}
.status-left img{width:15.4px;height:15.4px;margin:0 3.4px 0 3.4px;opacity:.9;object-fit:contain}
.status-right{display:flex;align-items:center;height:100%}
/* system_icons.xml / signal_cluster_view.xml: each status icon (alarm, Bluetooth, ...) is a 24 dp box
   (status_bar_icon_size, padding 0) around its 17 dp drawing; the signal cluster follows 2.5 dp after them, Wi-Fi
   (18.41 x 17 dp), the 4 dp wifi_signal_spacer and the 17 dp mobile signal, then signal_cluster_battery_padding (7 dp)
   before the 9.5 dp battery and the clock's 7 dp paddingStart. */
.status-right>img,.status-cluster>img{height:15.4px;width:auto;display:block}
.screen .status-right>img{width:21.74px;object-fit:contain;margin:0}
.status-cluster{display:flex;align-items:center;margin-left:2.27px;padding-left:0;padding-right:6.34px}
/* SignalClusterView.apply(): wifi_signal_spacer (4 dp) is only VISIBLE when a mobile data type icon is shown, and
   MobileSignalController shows one only while mobile data is connected, i.e. never next to a connected Wi-Fi, so the
   signal box follows the Wi-Fi box directly; wifi_airplane_spacer (4 dp) does separate Wi-Fi from the airplane icon.
   LTE is a wide type icon (TelephonyIcons.LTE), so the signal gets wide_type_icon_start_padding (2 dp) beside it. */
.screen .status-right .status-cluster img.status-wifi{margin:0}
.screen .status-right .status-cluster.lp-wifi-airplane img.status-wifi{margin:0 3.62px 0 0}
.lp-mobile-wide>img:first-child{margin-left:1.81px}
.lp-mobile{position:relative;display:block;height:15.4px}
.lp-mobile img{height:15.4px;width:auto;display:block}
.lp-mobile .lp-mobile-type{position:absolute;left:0;top:0}
.kk-battery{flex:none;width:8.61px;height:13.14px;margin:0;display:block}
.status-clock{padding-left:6.34px;color:#fff;font:500 12.7px Roboto,RobotoICS,Arial,sans-serif;letter-spacing:.01em}
/* navigation_bar.xml with the Nexus 6's values-sw400dp: 50 dp side padding, 80 dp keys (LMY48Y SystemUI.apk). */
#nav-bar{background:#000;transition:background-color .2s;justify-content:flex-start;padding:0 45.3px}
#nav-bar .nav-key{position:relative;flex:none;width:72.48px;height:43.49px;display:grid;place-items:center;border:0;background:none;padding:0;overflow:visible}
#nav-bar .nav-spacer{flex:1}
.nav-key img{width:auto;height:auto;opacity:.9}
.nav-key.nav-back img{width:16.9px}
.nav-key.nav-home img{width:17.5px}
.nav-key.nav-recent img{width:16.3px}
/* Transparent mode (launcher, keyguard): the content runs under both bars. */
.screen.kk-translucent #viewport{top:0;bottom:0}
.screen.kk-translucent .status-button{background:transparent}
.screen.kk-translucent #nav-bar{background:transparent}
/* SYSTEM_UI_FLAG_LOW_PROFILE: notification and system icons fade out, battery and clock drop to 50 %, and the
   navigation keys give way to the lights-out dots. */
.screen.kk-lights-out .status-left{opacity:0}
.screen.kk-lights-out .status-right{opacity:.5}
.screen.kk-lights-out .status-right>:not(.kk-battery):not(.status-clock){opacity:0}
.screen.kk-lights-out .nav-key img{opacity:0;transition:opacity .25s}
.screen.kk-lights-out .nav-key{background:url('assets/lp-ic_sysbar_lights_out_dot_small.png') center/7.25px no-repeat}
.screen.kk-lights-out .nav-key.nav-home{background-image:url('assets/lp-ic_sysbar_lights_out_dot_large.png');background-size:10.87px}
.nav-key.nav-hidden{visibility:hidden}
/* Fullscreen windows (PlatLogoActivity, the wallpaper picker) hide the status bar; immersive-sticky windows hide both
   bars until a swipe from an edge brings them back translucent for three seconds. */
.screen.kk-hide-status #status-bar{opacity:0;pointer-events:none}
.screen.kk-hide-status #viewport{top:0}
.screen.kk-immersive #nav-bar{opacity:0;pointer-events:none;transition:opacity .2s}
.screen.kk-immersive #viewport{bottom:0}
.screen.kk-immersive.kk-bars-peek #status-bar,.screen.kk-immersive.kk-bars-peek #nav-bar{opacity:1;pointer-events:auto}
.screen.kk-immersive.kk-bars-peek .status-button,.screen.kk-immersive.kk-bars-peek #nav-bar{background:#00000066}
/* The navigation bar search panel (lp-search.js): SearchPanelView over the whole screen, search_panel_scrim's 250 dp
   gradient (#55000000 at the bottom), the canvas drawing SearchPanelCircleView, and the 70 x 28 dp ic_google_logo. */
.lp-search{position:absolute;inset:0;z-index:30;touch-action:none;overflow:hidden}
.lp-search-scrim{position:absolute;left:0;right:0;bottom:0;height:226.5px;background:linear-gradient(to top,#00000055,#0000);opacity:0;pointer-events:none}
.lp-search-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lp-search-logo{position:absolute;left:0;top:0;width:63.4px;height:25.4px;padding:0;border:0;background:none;opacity:0}
.lp-search-logo img{display:block;width:100%;height:100%}