/* Stock Nexus 5 (Google Now Launcher, 4.4.2 screenshot on Wikimedia): the Google search bar sits 8 dp under the
   status bar, 10 dp in from the sides and 48 dp tall, with a 72 dp Google logo, the "Say “Ok Google”" hint in white
   condensed 16 sp and a smaller microphone. */
.kk-home.gel-home .home-search{top:calc(var(--sb) + 7.25px);left:9.06px;right:9.06px}
.kk-home.gel-home .home-search>button:first-child{padding-left:4.53px;gap:0}
.kk-home.gel-home .home-search .kk-qsb-logo{height:30.8px;flex:none}
.kk-home.gel-home .gel-hint{margin-left:auto;font:400 14.5px/1 RobotoCondensed,'Roboto Condensed',RobotoICS,sans-serif;color:#fff;white-space:nowrap}
.kk-home.gel-home .home-search .voice-search{flex:0 0 35.33px;padding-right:9.06px}
.kk-home.gel-home .home-search .search-microphone{height:28.08px}
/* Google Now pane (Workspace custom content, CUSTOM_CONTENT_SCREEN_ID): it slides in from the left while the
   workspace, hotseat, page indicator and search bar slide right (updateStateForCustomContent). */
.kk-home.gel-home{--gnow:0}
.gel-now-layer{position:absolute;inset:0;z-index:5;transform:translateX(calc((var(--gnow) - 1) * 100%));transition:transform .3s cubic-bezier(.2,0,.2,1);pointer-events:none}
.gel-now-open .gel-now-layer{pointer-events:auto}
.kk-home.gel-home>.home-content,.kk-home.gel-home>.dock,.kk-home.gel-home>.page-indicators,.kk-home.gel-home>.home-search{translate:calc(var(--gnow) * 100%) 0;transition:translate .3s cubic-bezier(.2,0,.2,1),opacity .175s}
.kk-home.gel-home[style*="--gnow-instant"] .gel-now-layer,.kk-home.gel-home[style*="--gnow-instant"]>*{transition:none}
/* Google Now (gel-now.js, Velvet 3.3.11) at the Nexus 5 scale (.906 px per dp, xhdpi drawables x.453). In the launcher
   pane the picture and the plate start under the translucent status bar; the Google app's view starts below it. */
.gnow-page{--gn-top:var(--sb);position:absolute;inset:0;background:#eee;display:flex;flex-direction:column;color:#8d8d8d;font-family:Roboto,RobotoICS,sans-serif}
.sa-google .gnow-page{--gn-top:0px}
.gnow-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;touch-action:pan-y;padding-bottom:var(--nb)}
.gnow-scroll::-webkit-scrollbar{display:none}
.gnow-header{aspect-ratio:1280/549;background:center/cover no-repeat}
.gnow-plate{position:absolute;left:0;right:0;top:var(--gn-top);display:flex;align-items:center;height:57.98px;box-sizing:border-box;border-style:solid;border-width:19.93px 20.84px;border-image:url('assets/vn3-search_bg.png') 44 46 fill/19.93px 20.84px}
.gnow-plate>*{position:relative}
.screen .gnow-plate button{padding:0;border:0;background:none;cursor:pointer}
.screen .gnow-plate .gnow-plate-logo{flex:1;display:flex;align-items:center;height:36.24px;margin:0 0 0 -6.34px;padding-left:9.06px}
.gnow-plate-logo img{width:69.31px;height:27.18px}
.screen .gnow-plate .gnow-plate-mic{margin-right:-2.72px;padding:3.62px}
.gnow-plate-mic img{width:28.99px;height:28.99px;display:block}
.gnow-cards{display:flex;flex-direction:column;gap:9.06px;padding:10.87px 9.06px 8.15px}
.gnow-card{position:relative;border-style:solid;border-width:1.81px 1.81px 4.53px;border-image:url('assets/vn3-card_background.png') 4 4 10 fill/1.81px 1.81px 4.53px;padding:0 0 14.5px}
.gnow-card h3{margin:0;padding:12.68px 28.99px 0 14.5px;font:300 22.65px/1.3 'Roboto Light',Roboto,sans-serif;color:#707070}
.gnow-card p{margin:0;font:400 12.68px/1.45 Roboto,sans-serif;color:#8d8d8d}
.screen .gnow-card-menu{position:absolute;right:0;top:0;width:43.49px;height:43.49px;padding:10.87px 0 10.87px 21.74px;border:0;background:none}
.gnow-card-menu img{width:21.74px;height:21.74px;display:block}
.gnow-weather h3{margin-bottom:14.5px}
.gnow-weather-now{display:flex;align-items:flex-start;padding:0 7.25px 0 14.5px;margin-bottom:10.87px}
.gnow-weather-icon svg{width:86.98px;height:86.98px;display:block;margin-right:14.5px}
.gnow-weather-now b{flex:1;margin-top:-10.87px;text-align:right;font:400 81.54px/1 Roboto,sans-serif;color:#707070}
.gnow-weather-cond{width:86.98px;margin:0 0 0 14.5px;padding-bottom:14.5px;text-align:center}
.gnow-weather-cond p{display:flex;align-items:center;justify-content:center;gap:3.62px}
.gnow-weather-cond img{width:14.5px;height:14.5px}
.gnow-week{display:flex;padding:0 7.25px 0 14.5px}
.gnow-week div{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 3.62px;font:400 12.68px 'Roboto Condensed',Roboto,sans-serif;color:#707070}
.gnow-week span,.gnow-week b,.gnow-week small{padding-bottom:5.44px}
.gnow-week svg{width:21.74px;height:21.74px;padding-bottom:5.44px}
.gnow-week b{font-weight:700}
.gnow-week small{font-size:12.68px;color:#b5b5b5}
.gnow-appt .gnow-appt-time{padding:0 14.5px;font:300 22.65px/1.3 'Roboto Light',Roboto,sans-serif;color:#707070}
.gnow-appt p{padding:0 14.5px}
.screen .gnow-action{display:flex;align-items:center;width:100%;min-height:43.49px;margin:18.12px 0 -14.5px;padding:0 14.5px;border:0;border-top:.91px solid #e5e5e5;background:none;text-align:left;font:400 14.5px Roboto,sans-serif;color:#4285f4}
.screen .gnow-more{align-self:center;padding:14.5px;border-style:solid;border-width:1.81px 1.81px 4.53px;border-image:url('assets/vn3-card_background_tutorial.png') 4 4 10 fill/1.81px 1.81px 4.53px;background:none;font:italic 400 12.68px Roboto,sans-serif;color:#777}
.gnow-bar{display:flex;height:45.3px}
.gnow-bar i{flex:1}
.screen .gnow-bar button{width:50.74px;height:100%;padding:0;border:0;background:none;display:grid;place-items:center}
.gnow-bar img{width:28.99px;height:28.99px}
.screen .gnow-bar button:active,.screen .gnow-action:active,.screen .gnow-plate button:active{background:#f8f8f8}
/* Overview mode in the Google Now Launcher keeps all three buttons (Launcher.hasSettings): 3 x 48 dp + 2 x 68 dp. */
.kk-home.gel-home .kk-overview-panel{width:254.59px;margin-left:-127.3px}
/* All apps on the stock Nexus 5 (video frame of a Nexus 5 unboxing, November 2013): the first row starts about 28 dp
   under the status bar and the rows sit at the top of their cells (PagedViewCellLayout puts the gaps between rows),
   so the last labels end just above the page indicator. */
.kk-drawer .drawer-page.drawer-apps{top:calc(var(--sb) + 25.37px);bottom:calc(var(--nb) + 27.18px)}
.kk-drawer .drawer-apps .launcher-icon{justify-content:flex-start}
/* DeskClock 4.4 digital widget (digital_widget_time, DigitalAppWidgetProvider): an 80 dp clock, bold hours and thin
   minutes, scaled down only when the widget is narrower than min_digital_widget_width (206 dp), over the 14 sp date and
   next alarm. The generic ".home-widget > button span" 12 px rule must not shrink it. */
.home-widget .jbw-digital .jbw-digital-time{font-size:min(72.48px,calc(72.48px * 100cqw / 186.64px));line-height:1;margin-top:3.62px}
.home-widget .jbw-digital .jbw-digital-time b,.home-widget .jbw-digital .jbw-digital-time i{font-size:1em}
.home-widget .jbw-digital .jbw-digital-date,.home-widget .jbw-digital .jbw-digital-date span{font-size:12.68px}
.home-widget .jbw-digital .jbw-digital-alarm img{width:14.5px;height:14.5px}
/* Reminders and card settings (audit step 5). reminder_card.xml: the title, then the 16 dp ic_reminder_small and the
   14 sp CardText time. */
.gnow-reminder .gnow-reminder-when{display:flex;align-items:center;gap:7.25px;padding:3.62px 14.5px 0}
.gnow-reminder-when img{width:14.5px;height:14.5px}
.gnow-reminder[role=button]{cursor:pointer}
.gnr-app{position:absolute;inset:0;display:flex;flex-direction:column;font-family:Roboto,sans-serif}
.gnr-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.gnr-empty{margin:0;padding:28.99px 21.74px;text-align:center;font:400 12.68px/1.4 Roboto,sans-serif;color:#8d8d8d}
/* edit_reminder_layout.xml under edit_reminder_action_bar.xml: Cancel | Set (12 sp caps beside their 32 dp icons, a
   1 dp divider 12 dp from the edges), the "Add a title" field 12 dp in (#707070, hint #cccccc), When / Where (16 sp
   #707070 caps), a divider 16 dp in, the day and time spinners 12 dp in (16 sp #333333) and One-time. */
.gnr-scrim{position:absolute;inset:0;z-index:40;border:0;background:#0009}
.gnr-edit{position:absolute;z-index:41;left:14.5px;right:14.5px;top:65.23px;padding-bottom:14.5px;background:#fff;box-shadow:0 2px 10px #0006}
.gnr-edit-bar{display:flex;height:43.49px;border-bottom:1px solid #0000001f}
.screen .gnr-edit-bar button{flex:1;display:flex;align-items:center;justify-content:center;gap:7.25px;border:0;background:none;font:500 10.87px Roboto,sans-serif;color:#333;text-transform:uppercase}
.screen .gnr-edit-bar button:active{background:#0000001a}
.gnr-edit-bar img{width:28.99px;height:28.99px}
.gnr-edit-bar i{width:1px;margin:10.87px 0;background:#000}
.screen .gnr-label{display:block;width:calc(100% - 21.74px);margin:14.5px 10.87px 7.25px;padding:7.25px 3.62px;border:0;border-bottom:0.91px solid #cccccc;background:none;outline:none;font:400 16.31px Roboto,sans-serif;color:#707070}
.screen .gnr-label:focus{border-bottom:1.81px solid #33b5e5}
.gnr-label::placeholder{color:#cccccc}
.gnr-trigger{display:flex;padding:14.5px}
.screen .gnr-trigger button{flex:1;display:flex;align-items:center;justify-content:center;gap:7.25px;border:0;background:none;font:400 14.5px Roboto,sans-serif;color:#707070;text-transform:uppercase}
.gnr-trigger button.on{color:#333}
.gnr-trigger img{width:28.99px;height:28.99px}
.gnr-edit hr{margin:0 14.5px;border:0;border-top:1px solid #0000001f}
.gnr-spin-wrap{position:relative;margin:7.25px 10.87px 0}
.screen .gnr-spin{display:block;width:100%;min-height:43.49px;padding:0 10.87px;text-align:left;font:400 14.5px Roboto,sans-serif;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen .gnr-repeat{width:calc(100% - 21.74px);margin:7.25px 10.87px 0;padding:10.87px;border:0;background:none;color:#707070}
.gnr-drop{position:absolute;z-index:2;left:0;right:0;top:100%;padding:3.62px 0;background:#fff;box-shadow:0 2px 8px #0005}
.screen .gnr-drop button{display:block;width:100%;min-height:43.49px;padding:0 14.5px;border:0;background:none;text-align:left;font:400 14.5px Roboto,sans-serif;color:#333}
.screen .gnr-drop button:active,.screen .gnr-spin:active,.screen .gnr-repeat:active{background:#0000001a}
.screen .gnr-spin{border:0 solid transparent;border-width:3.62px 14.5px 3.62px 7.25px;border-image:url('assets/calendar-spinner_default_holo_light.png') 12 48 78 12 fill / 3.62px 14.5px 23.56px 3.62px stretch;background:none}
.gnr-drop button[aria-selected=true]{background:#33b5e533}
/* RemindersListActivity (Theme.Closet): the 48 dp #eeeeee bar (ic_ab_back, the 18 sp condensed title, ic_menu_add),
   Upcoming / Past headers (14 sp bold caps over the 2 dp section line, 18 dp above and below), reminder_list_item.xml
   rows (64 dp, 8 dp in: the 18 sp title, the 14 sp time in #323232). */
.gnr-app{background:#fff}
.gnr-bar{flex:none;display:flex;align-items:center;height:43.49px;background:#eee;border-bottom:1px solid #0000001a}
.screen .gnr-up,.screen .gnr-add{display:grid;place-items:center;height:100%;padding:0;border:0;background:none}
.screen .gnr-up{width:36.24px}
.gnr-up img{width:28.99px;height:28.99px}
.screen .gnr-add{width:50.74px}
.gnr-add img{width:28.99px;height:28.99px}
.screen .gnr-up:active,.screen .gnr-add:active{background:#33b5e566}
.gnr-bar b{flex:1;font:400 16.31px 'Roboto Condensed',Roboto,sans-serif;color:#707070}
.gnr-scroll{padding:0 14.5px}
.gnr-head{margin:16.31px 0;padding:0 7.25px 3.62px;border-bottom:1.81px solid #c8c8c8;font:700 12.68px Roboto,sans-serif;color:#8d8d8d;text-transform:uppercase}
.screen .gnr-item{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:57.98px;padding:5.44px 5.44px 5.44px 7.25px;border:0;background:none;text-align:left}
.screen .gnr-item:active{background:#33b5e566}
.gnr-item b{font:400 16.31px Roboto,sans-serif;color:#000;overflow:hidden;text-overflow:ellipsis}
.gnr-item small{font:400 12.68px Roboto,sans-serif;color:#323232}
/* card_back_training.xml: the italic question 24 dp in, the answers 78 dp wide 16 dp below it
   (TrainingModeTextButtonWithIcon: 14 sp sans-serif-condensed #868686, the chosen one #4285f4). */
.gnow-back{padding:21.74px 0}
.gnow-back .gnow-back-q{padding:0 43.49px;text-align:center;font:italic 400 16.31px/1.3 Roboto,sans-serif;color:#707070}
.gnow-back-opts{display:flex;justify-content:center;gap:7.25px;margin-top:14.5px}
.screen .gnow-back-opts button{width:70.67px;min-height:43.49px;border:0;background:none;font:400 12.68px 'Roboto Condensed',Roboto,sans-serif;color:#868686}
.screen .gnow-back-opts button.on{color:#4285f4}
.screen .gnow-back-opts button:active{background:#0000000f}
/* "Delete this reminder?" (Holo Light AlertDialog). */
.gnr-alert{position:absolute;z-index:41;left:14.5px;right:14.5px;top:50%;transform:translateY(-50%);background:#f3f3f3;box-shadow:0 2px 10px #0006}
.gnr-alert p{margin:0;padding:14.5px;font:400 16.31px/1.3 Roboto,sans-serif;color:#000}
.gnr-alert-buttons{display:flex;border-top:1px solid #0000001a}
.screen .gnr-alert-buttons button{flex:1;min-height:43.49px;border:0;background:none;font:400 14.5px Roboto,sans-serif;color:#000}
.gnr-alert-buttons button+button{border-left:1px solid #0000001a}
.screen .gnr-alert-buttons button:active{background:#33b5e566}