/* Android 4.4 Email on UnifiedEmail (Theme.Holo.Light) at 1 dp = 0.906 px: colours from UnifiedEmail res/values/colors.xml
   (dark_gray_text_color #58585b, gray_text_color #777, list_background_color #eeeeee, compose_label_text #aaa),
   list_unread_holo / list_read_holo rows, conversation_item_view_normal metrics. */
#viewport>.app-view.kem{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#eeeeee;color:#58585b;font-family:RobotoICS,Roboto,Arial,sans-serif}
.kem-bar{flex:none;position:relative;z-index:3;display:flex;align-items:center;height:43.49px;background:#f3f3f3;border-bottom:1.81px solid #c6c6c6;color:#000}
.screen .kem-up{flex:none;display:flex;align-items:center;height:100%;padding:0 7.25px 0 0;border:0;background:none;cursor:pointer}
.screen .kem-up img{width:28.99px;height:28.99px}
.screen .kem-up img:first-child{width:14.5px;height:14.5px;margin-right:1px}
.screen .kem-up:active,.screen .kem-act:active,.screen .kem-cab-done:active{background:#0000001a}
.kem-title{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;margin-left:7.25px}
.kem-title b{font:400 16.31px RobotoICS,Arial,sans-serif;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kem-title small{font:400 12.68px RobotoICS,Arial,sans-serif;color:#808080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen .kem-act{flex:none;display:grid;place-items:center;width:43.49px;height:100%;padding:0;border:0;background:none;cursor:pointer}
.kem-act img,.kem-cab-done img{width:28.99px;height:28.99px}
.kem-bar.cab{background:#f3f3f3;border-bottom-color:#33b5e5}
.screen .kem-cab-done{flex:none;display:grid;place-items:center;width:50.7px;height:100%;padding:0;border:0;border-right:1px solid #0000001f;background:none;cursor:pointer}
.kem-searchbar input{flex:1;min-width:0;height:29px;margin-left:5px;border:0;border-bottom:1.81px solid #33b5e5;background:none;color:#000;font:400 16.31px RobotoICS,Arial,sans-serif;outline:0}
.kem-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.kem-scroll::-webkit-scrollbar{display:none}
.kem-empty{margin:0;padding:43px 16px;text-align:center;color:#777;font:400 16.31px RobotoICS,Arial,sans-serif}

/* ConversationItemView rows. */
.kem-row{position:relative;display:flex;padding:0 14.5px;background:#eeeeee;border-bottom:1px solid #cbcbcb}
.kem-row.unread{background:#fff;border-bottom-color:#d9d9d9}
.kem-row.selected{background:#cfe9f5}
.screen .kem-photo{flex:none;width:43.49px;height:43.49px;margin:10.87px 10.87px 10.87px 0;padding:0;border:0;background:none;cursor:pointer}
.kem-tile{display:grid;place-items:center;width:100%;height:100%;color:#fff;font:300 29.9px/1 RobotoLight,Roboto,Arial,sans-serif;overflow:hidden}
.kem-tile.generic,.kem-tile.checked{background:#d66161}
.kem-tile.checked{background:#9e9e9e}
.screen .kem-tile img{width:100%;height:100%;object-fit:cover}
.screen .kem-row-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:10.87px 18px 10.87px 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.kem-line1{display:flex;align-items:baseline;gap:4px}
.kem-senders{flex:1;min-width:0;font:400 16.31px RobotoICS,Arial,sans-serif;color:#58585b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kem-row.unread .kem-senders{font-family:RobotoBoldJB,Arial,sans-serif;font-weight:700}
.kem-draft{color:#990000}
.kem-clip img{width:14.5px;height:14.5px;opacity:.7}
.kem-date{flex:none;padding-left:7.25px;font:400 10.87px RobotoICS,Arial,sans-serif;color:#58585b}
.kem-row.unread .kem-date{font-weight:700}
.kem-line2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font:400 11.78px/1.3 RobotoICS,Arial,sans-serif;color:#777}
.kem-subj{color:#58585b}
.kem-row.unread .kem-subj{font-weight:700}
.screen .kem-star{position:absolute;right:2px;bottom:6px;width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer}
.kem-star img{width:28.99px;height:28.99px}

/* The folder drawer: 300 dp under the action bar, the account row, then the folders. */
.kem-drawer-scrim{position:absolute;inset:calc(var(--sb) + 43.49px) 0 var(--nb);z-index:25;background:#0009;animation:kem-fade .2s ease-out}
.kem-drawer{position:absolute;top:calc(var(--sb) + 43.49px);bottom:var(--nb);left:0;z-index:26;width:min(271.8px,85%);background:#fff;box-shadow:2px 0 5px #0004;overflow-y:auto;scrollbar-width:none;animation:kem-slide .22s cubic-bezier(.2,.8,.3,1)}
@keyframes kem-slide{from{transform:translateX(-100%)}}
@keyframes kem-fade{from{opacity:0}}
.screen .kem-account,.screen .kem-folder{display:flex;align-items:center;gap:12.7px;width:100%;min-height:43.49px;padding:0 7.25px 0 12.7px;border:0;border-bottom:1px solid #e5e5e5;background:none;color:#333;text-align:left;font:400 16.31px RobotoICS,Arial,sans-serif;cursor:pointer}
.screen .kem-account{color:#33b5e5}
.kem-account img{flex:none;width:20px;height:20px}
.kem-account span,.kem-folder span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kem-folder{padding-left:14.5px}
.kem-account em,.kem-folder em{flex:none;font:400 12.68px RobotoICS,Arial,sans-serif;font-style:normal;color:#777}
.screen .kem-folder.on{background:#cfe9f5}
.screen .kem-account:active,.screen .kem-folder:active{background:#b5ddf0}

/* The conversation: subject header, the white message card. */
.kem-conversation .kem-scroll{background:#eeeeee}
.kem-subject{display:flex;align-items:flex-start;gap:8px;padding:14.5px 8px 10.87px 16.3px;background:#fff}
.kem-subject h2{flex:1;margin:0;font:400 16.31px/1.3 RobotoICS,Arial,sans-serif;color:#58585b}
.screen .kem-conv-star{flex:none;width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer}
.kem-conv-star img{width:28.99px;height:28.99px}
.kem-message{margin:0 7.25px 7.25px;background:#fff;box-shadow:0 1px 1px #0002}
.kem-msg-head{display:flex;align-items:center;gap:9px;padding:7.25px 0 7.25px 7.25px;border-top:1px solid #ebebeb}
.kem-msg-head .kem-tile{flex:none;width:43.49px;height:43.49px}
.kem-msg-who{flex:1;min-width:0;display:flex;flex-direction:column}
.kem-msg-who b{font:700 14.5px RobotoBoldJB,Arial,sans-serif;color:#58585b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kem-msg-who small,.kem-msg-date{font:400 11.78px RobotoICS,Arial,sans-serif;color:#a6a8ab;white-space:nowrap}
.screen .kem-msg-act{flex:none;width:36px;height:43.49px;padding:0;border:0;background:none;cursor:pointer}
.kem-msg-act img{width:28.99px;height:28.99px}
.kem-msg-body{padding:7.25px 9px 14.5px;font:400 14.5px/1.45 RobotoICS,Arial,sans-serif;color:#333;overflow-wrap:anywhere}
.kem-attachment{display:flex;align-items:center;gap:8px;margin:0 9px 9px;padding:5px;background:#dddddd;font-size:12.7px;color:#333}
.kem-attachment .media-photo,.kem-attachment>:first-child{width:48px;height:48px;object-fit:cover}
.kem-attachment span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screen .kem-attachment button{border:0;background:none;font-size:20px;color:#555;cursor:pointer}

/* Compose: white, hairline fields with #aaa hints. */
.kem-compose .kem-scroll{background:#fff}
.kem-from{padding:12.7px 14.5px;border-bottom:1px solid #e0e0e0;font:400 14.5px RobotoICS,Arial,sans-serif;color:#58585b}
.kem-field{display:block;border-bottom:1px solid #e0e0e0}
.kem-field input{width:100%;height:43.49px;padding:0 14.5px;border:0;background:none;color:#333;font:400 14.5px RobotoICS,Arial,sans-serif;outline:0}
.kem-field input::placeholder,.kem-body textarea::placeholder{color:#aaaaaa}
.kem-body{display:block}
.kem-body textarea{width:100%;min-height:180px;padding:12.7px 14.5px;border:0;background:none;color:#333;font:400 14.5px/1.4 RobotoICS,Arial,sans-serif;resize:none;outline:0}
.kem-error{margin:6px 14.5px;color:#cc0000;font-size:12.7px}
.kem-menu{top:calc(var(--sb) + 43.49px)!important;background:#fff!important;border:1px solid #0000001a!important;box-shadow:0 2px 8px #0006!important}
.screen .kem-menu button{color:#000!important;background:#fff;border-bottom:1px solid #e3e3e3}
.screen .kem-menu button:active{background:#cbe8f6}
.kem-dialog{position:absolute;left:8%;right:8%;top:50%;z-index:26;transform:translateY(-50%);background:#fff;color:#333;box-shadow:0 6px 24px #000a}
.kem-dialog h3{margin:0;padding:14.5px;border-bottom:1.81px solid #33b5e5;color:#33b5e5;font:400 18px RobotoICS,Arial,sans-serif}
.screen .kem-dialog button{display:block;width:100%;min-height:43.49px;padding:0 14.5px;border:0;border-bottom:1px solid #e3e3e3;background:none;color:#333;text-align:left;font:400 16.31px RobotoICS,Arial,sans-serif;cursor:pointer}
/* ConversationPhotoTeaserView: conversation_read_selector #eeeeee, a 48 dp arrow (16 dp left, 12 dp right margins),
   the light 16 sp #58585b tip, a 1 dp separator with 16 dp vertical margins, and the ic_cancel_holo_light button. */
.kem-teaser{display:flex;align-items:center;background:#eee;border-bottom:1px solid #cbcbcb}
.kem-teaser-arrow{flex:none;width:43.49px;margin:0 10.87px 10.87px 14.5px;align-self:flex-end}
.kem-teaser span{flex:1;min-width:0;margin:10.87px 0;font:300 14.5px/1.3 RobotoLight,RobotoICS,sans-serif;color:#58585b}
.kem-teaser i{flex:none;align-self:stretch;width:.906px;margin:14.5px 0 14.5px 14.5px;background:#58585b}
.kem-teaser button{flex:none;align-self:stretch;width:50.74px;border:0;background:none;display:grid;place-items:center}
.kem-teaser button img{width:28.99px;height:28.99px}
.kem-teaser button:active{background:#0000001a}

/* ---- Lollipop Email over the UnifiedEmail rules above ---- */
/* Gmail 5.0 / Email 7.0 Material UnifiedEmail (see lp-email.js); dp x 0.906. --lem is the app colour. */
.app-view.lem{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;color:#212121;font-family:Roboto,sans-serif;padding:0}
.lem button{cursor:pointer;font-family:inherit}
.lem-bar{position:relative;z-index:3;flex:none;display:flex;align-items:center;height:50.74px;margin:0;padding:0 3.62px;background:var(--lem);color:#fff;box-shadow:0 1.8px 3.6px #0000003d;border:0}
.lem-bar.cab{background:#616161}
.lem-bar h2{flex:1;min-width:0;margin:0 0 0 10.87px;font:500 18.12px Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lem-spacer{flex:1}
.lem-act{flex:none;width:43.49px;height:43.49px;margin:0 1.81px;border:0;border-radius:50%;background:none;display:grid;place-items:center;padding:0}
.lem-act img{width:21.74px;height:21.74px}
.lem-bar .lem-act[data-action=email-menu] img,.lem-bar .lem-act[data-action=email-search] img{filter:brightness(0) invert(1)}
.lem-searchbar input{flex:1;min-width:0;margin:0 14.5px 0 7.25px;border:0;background:none;outline:0;color:#fff;font:400 16.31px Roboto,sans-serif}
.lem-searchbar input::placeholder{color:#ffffffa6}
.lem-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;background:#fff}
.lem-list .lem-scroll{padding-bottom:79.73px}
/* Conversation list rows */
.lem-row{position:relative;display:flex;align-items:flex-start;padding:0 0 0 14.5px;background:#fff}
.lem-row.selected{background:#e0e0e0}
.lem-photo{flex:none;width:36.24px;height:36.24px;margin:12.68px 0 0;border:0;padding:0;background:none;border-radius:50%}
.lem-tile{display:grid;place-items:center;width:36.24px;height:36.24px;border-radius:50%;color:#fff;font:400 18.12px Roboto,sans-serif;overflow:hidden}
.lem-tile img{width:100%;height:100%}
.lem-tile.checked{background:#9e9e9e;font-size:16px}
.screen .lem-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;border:0;background:none;padding:10.87px 0 11.78px 14.5px;text-align:left;color:#212121}
.lem-line1{display:flex;align-items:baseline;gap:3.62px;min-width:0}
.lem-senders{flex:1;min-width:0;font:400 16.31px Roboto,sans-serif;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lem-draft{color:#dd4b39}
.lem-clip img{width:14.5px;height:14.5px;filter:brightness(0);opacity:.54}
.lem-date{flex:none;padding-right:2px;font:400 10.87px Roboto,sans-serif;color:#757575}
.lem-subj{font:400 12.68px/1.45 Roboto,sans-serif;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lem-snippet{font:400 12.68px/1.45 Roboto,sans-serif;color:#757575;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:21.74px}
.lem-row.unread .lem-senders,.lem-row.unread .lem-subj{font-weight:700}
.lem-row.unread .lem-date{color:#4285f4;font-weight:700}
.lem-star{position:absolute;right:3.62px;bottom:3.62px;width:36.24px;height:36.24px;border:0;background:none;border-radius:50%;display:grid;place-items:center;padding:0}
.lem-star img{width:18.12px;height:18.12px}
.lem-star[aria-pressed=false] img{filter:brightness(0);opacity:.26}
.lem-row+.lem-row::before{content:'';position:absolute;left:65.23px;right:0;top:0;height:.906px;background:#0000000f}
.gm-caret{width:9px;height:auto;margin-right:2px;align-self:center}
.lem-empty{margin:43.49px 14.5px;text-align:center;font:400 14.5px Roboto,sans-serif;color:#757575}
.lem-fab{position:absolute;right:14.5px;bottom:14.5px;z-index:4;width:50.74px;height:50.74px;border:0;border-radius:50%;padding:0;background:var(--lem);display:grid;place-items:center;box-shadow:0 3.6px 9px #0000004d}
.lem-fab:active{background:var(--lem-dark)}
.lem-fab img{width:21.74px;height:21.74px}
/* Gmail 5 folder teasers at the top of Primary */
.gm-categories:empty{display:none}
.gm-categories{border-bottom:.906px solid #0000001f}
.screen .gm-category{display:flex;align-items:center;gap:14.5px;width:100%;min-height:57.98px;border:0;background:#fff;padding:7.25px 14.5px;text-align:left;color:#212121}
.gm-cat-icon{flex:none;width:36.24px;height:36.24px;border-radius:50%;background:#eee;position:relative;-webkit-mask:none;mask:none}
.gm-cat-icon{background-color:transparent;-webkit-mask-size:21.74px;mask-size:21.74px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.gm-cat-icon.gm-social{background-color:#4285f4}
.gm-cat-icon.gm-promotions{background-color:#0f9d58}
.gm-cat-copy{flex:1;min-width:0;display:flex;flex-direction:column}
.gm-cat-copy b{font:400 14.5px Roboto,sans-serif;color:#212121}
.gm-cat-copy small{font:400 12.68px Roboto,sans-serif;color:#757575;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-category em{flex:none;font:500 10.87px Roboto,sans-serif;font-style:normal;padding:3px 7px;border-radius:2px;color:#fff}
.gm-category em.gm-social{background:#4285f4}
.gm-category em.gm-promotions{background:#0f9d58}
/* Drawer */
.lem-drawer-scrim{position:absolute;inset:var(--sb) 0 var(--nb);z-index:30;background:#00000080;animation:lp-fade .2s both}
.lem-drawer{position:absolute;left:0;top:var(--sb);bottom:var(--nb);z-index:31;width:239.18px;overflow-y:auto;background:#fff;box-shadow:0 0 14.5px #00000059;animation:lem-drawer-in .25s cubic-bezier(0,0,.2,1) both;scrollbar-width:none;padding-bottom:7.25px}
@keyframes lem-drawer-in{from{transform:translateX(-100%)}to{transform:none}}
.lem-account{position:relative;height:133.18px;padding:14.5px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:#3367d6 url(assets/gm5-account_switcher_blue.jpg) center/cover}
.lem-account-avatar{position:absolute;left:14.5px;top:14.5px;width:57.98px;height:57.98px;border-radius:50%;display:grid;place-items:center;background:#0f9d58;color:#fff;font:400 28px Roboto,sans-serif;box-shadow:0 0 0 1.8px #ffffff59}
.lem-account b{font:500 12.68px Roboto,sans-serif}
.lem-account small{font:400 12.68px Roboto,sans-serif;opacity:.85}
.lem-drawer h4{margin:0;padding:12.68px 14.5px 7.25px;font:500 12.68px Roboto,sans-serif;color:#757575}
.lem-drawer hr{border:0;height:.906px;background:#0000001f;margin:7.25px 0}
.screen .lem-folder{display:flex;align-items:center;width:100%;height:43.49px;border:0;background:none;padding:0 14.5px;text-align:left;color:#212121}
.lem-folder.on{background:#00000012}
.lem-folder-icon{flex:none;width:21.74px;height:21.74px;margin-right:28.99px;background:#757575;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.lem-folder.on .lem-folder-icon{background:var(--lem)}
.lem-folder-name{flex:1;min-width:0;font:500 13.59px Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lem-folder.on .lem-folder-name{color:var(--lem)}
.lem-folder em{font:500 12.68px Roboto,sans-serif;font-style:normal;color:#757575}
/* Conversation */
.lem-subject{display:flex;align-items:flex-start;padding:14.5px 0 7.25px 14.5px}
.lem-subject h2{flex:1;min-width:0;margin:6px 0 0;font:400 18.12px/1.35 Roboto,sans-serif;color:#212121}
.gm-chip{display:inline-block;margin-left:7.25px;padding:1px 5px;border-radius:2px;background:#eee;font:400 10.87px Roboto,sans-serif;color:#666;vertical-align:middle}
.lem-conv-star{flex:none;width:43.49px;height:43.49px;border:0;background:none;display:grid;place-items:center;padding:0}
.lem-conv-star img{width:18.12px;height:18.12px}
.lem-conv-star[aria-pressed=false] img{filter:brightness(0);opacity:.26}
.lem-message{border-top:.906px solid #0000001f}
.lem-msg-head{display:flex;align-items:center;gap:14.5px;padding:10.87px 0 10.87px 14.5px}
.lem-msg-who{flex:1;min-width:0;display:flex;flex-direction:column}
.lem-msg-who b{font:700 14.5px Roboto,sans-serif;color:#212121}
.lem-msg-who small{font:400 12.68px Roboto,sans-serif;color:#757575}
.lem-msg-act{flex:none;width:43.49px;height:43.49px;border:0;background:none;display:grid;place-items:center;border-radius:50%;padding:0}
.lem-msg-act.narrow{width:32.62px}
.lem-msg-act img{width:21.74px;height:21.74px;opacity:.54}
.lem-msg-body{padding:0 14.5px 14.5px;font:400 14.5px/1.5 Roboto,sans-serif;color:#212121}
.lem-msg-footer{display:flex;border-top:.906px solid #0000001f;margin:0 7.25px}
.lem-msg-footer button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3.62px;border:0;background:none;padding:10.87px 0;font:400 11.78px Roboto,sans-serif;color:#757575}
.lem-msg-footer img{width:21.74px;height:21.74px;opacity:.54}
.lem-attachment{position:relative;margin:7.25px 14.5px;display:flex;align-items:center;gap:10px;border:.906px solid #0000001f;border-radius:2px;padding:6px}
.lem-attachment>:first-child{width:64px;height:48px;flex:none;overflow:hidden}
.lem-attachment span{font:400 12.68px Roboto,sans-serif;color:#212121}
.lem-attachment button{margin-left:auto;border:0;background:none;font-size:18px;color:#757575}
/* Compose */
.lem-compose .lem-scroll{padding:0}
.lem-field{display:flex;align-items:center;gap:14.5px;min-height:43.49px;margin:0 14.5px;border-bottom:.906px solid #0000001f}
.lem-field span{flex:none;min-width:36px;font:400 14.5px Roboto,sans-serif;color:#757575}
.lem-field b{font:400 14.5px Roboto,sans-serif;color:#212121}
.lem-field input{flex:1;min-width:0;border:0;background:none;outline:0;padding:0;font:400 14.5px Roboto,sans-serif;color:#212121}
.lem-subject-field input::placeholder{color:#949494}
.lem-body{display:block;margin:0 14.5px}
.lem-body textarea{width:100%;min-height:181px;border:0;background:none;outline:0;resize:none;padding:14.5px 0;font:400 14.5px/1.5 Roboto,sans-serif;color:#212121}
.lem-body textarea::placeholder{color:#949494}
.lem-error{margin:7.25px 14.5px;font:400 12.68px Roboto,sans-serif;color:#d32f2f}
/* Attach picture's picture list (formerly email.css) and DiscardConfirmDialogFragment (confirm_discard_text, Cancel / Discard). */
.email-photo-picker>div{max-height:300px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.email-photo-picker button{background:none;color:inherit;border:0;padding:5px;min-width:0}
.email-photo-picker img{width:100%;height:85px;object-fit:cover}
.email-photo-picker span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kem-confirm p{margin:0;padding:21.7px 21.7px 14.5px;font:400 16.3px RobotoICS,Roboto,sans-serif;color:#333}
.kem-confirm-buttons{display:flex;border-top:1px solid #e3e3e3}
.screen .kem-confirm-buttons button{flex:1;text-align:center;border-bottom:0}
.screen .kem-confirm-buttons button+button{border-left:1px solid #e3e3e3}
/* Lollipop: the discard question is a Material AlertDialog (ComposeTheme's colorAccent accent_blue #4285F4 on the
   borderless, right-aligned capital buttons; the message in the secondary text colour). */
.kem-dialog.kem-confirm{left:9%;right:9%;border-radius:2px;box-shadow:0 22px 50px #00000057,0 9px 18px #0000004d}
.kem-confirm p{padding:21.7px 21.7px 25.4px;color:#0000008a;font:400 14.5px Roboto,sans-serif;line-height:1.4}
.kem-confirm-buttons{justify-content:flex-end;gap:7.2px;padding:0 7.2px 7.2px;border-top:0}
.screen .kem-confirm-buttons button{flex:none;width:auto;min-width:58px;min-height:32.6px;padding:0 7.2px;border:0!important;color:#4285f4;font:500 12.7px Roboto,sans-serif;text-transform:uppercase}
/* compose_recipients.xml's add_cc_bcc chevron at the end of the To row. */
.lem-ccbtn{flex:none;width:36.2px;height:36.2px;padding:0;border:0;background:none;opacity:.54}
.lem-ccbtn img{width:21.7px;height:21.7px}
/* Email settings (audit step 5, email-prefs.js): Settings (General and the account), the preference lists from the
   image's general_preferences.xml and account_settings_preferences.xml, single-choice and edit-text dialogs. */
.emp-app{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;font-family:Roboto,sans-serif}
.emp-bar{flex:none;display:flex;align-items:center}
.emp-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screen .emp-up{display:flex;align-items:center;height:100%;padding:0;border:0;background:none}
.emp-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.screen .emp-row{display:flex;align-items:center;width:100%;min-height:50.74px;padding:7.25px 14.5px;border:0;background:none;text-align:left}
.emp-text{flex:1;min-width:0;display:flex;flex-direction:column}
.emp-text small{margin-top:1.81px;white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.emp-scrim{position:absolute;inset:0;z-index:40;border:0;background:#0009}
.emp-dialog{position:absolute;z-index:41;top:50%;transform:translateY(-50%);background:#fff}
.emp-dialog h3{margin:0}
.screen .emp-choice{display:flex;align-items:center;width:100%;min-height:43.49px;border:0;background:none;text-align:left}
.emp-choice span{flex:1}
.emp-choice i{flex:none;width:28.99px;height:28.99px}
.screen .emp-edit{display:block;width:calc(100% - 29px);margin:7.25px 14.5px;padding:7.25px 3.62px;border:0;border-bottom:1.81px solid #e7790d;background:none;outline:none;resize:none;font:400 14.5px/1.3 Roboto,sans-serif;color:#000}
/* Material (Email 7.0): the 56 dp #e7790d bar with the white arrow and 20 sp title, accent categories, 16 sp
   #de000000 titles over 14 sp #8a000000 summaries, Material check boxes, radio buttons and dialogs. */
.emp-bar{height:50.74px;background:#e7790d;box-shadow:0 1.81px 3.62px #0003}
.screen .emp-up{justify-content:center;width:50.74px}
.emp-up i{position:relative;width:14.5px;height:1.81px;background:#fff}
.emp-up i::before{content:'';position:absolute;left:0;top:50%;width:8.15px;height:8.15px;border-left:1.81px solid #fff;border-bottom:1.81px solid #fff;transform:translate(1px,-50%) rotate(45deg)}
.emp-bar b{margin-left:14.5px;font:500 18.12px Roboto,sans-serif;color:#fff}
.screen .emp-up:active{background:#ffffff33}
.screen .emp-row:active,.screen .emp-dialog button:active{background:#0000001a}
.emp-cat{margin:0;padding:14.5px 14.5px 7.25px;font:500 12.68px Roboto,sans-serif;color:#e7790d}
.screen .emp-row{min-height:65.23px;padding:10.87px 14.5px}
.emp-text b{font:400 14.5px Roboto,sans-serif;color:#000000de}
.emp-text small{font:400 12.68px/1.3 Roboto,sans-serif;color:#0000008a}
.emp-check{flex:none;position:relative;width:16.31px;height:16.31px;margin:0 2.72px 0 14.5px;box-sizing:border-box;border:1.81px solid #0000008a;border-radius:1.81px}
.emp-check.on{border-color:#e7790d;background:#e7790d}
.emp-check.on::after{content:'';position:absolute;left:3.62px;top:0.45px;width:4.53px;height:9.06px;border:solid #fff;border-width:0 1.81px 1.81px 0;transform:rotate(45deg)}
.emp-dialog{left:21.74px;right:21.74px;padding-bottom:7.25px;border-radius:1.81px;box-shadow:0 10.87px 21.74px #0000004d}
.emp-dialog h3{padding:21.74px 21.74px 10.87px;font:500 18.12px Roboto,sans-serif;color:#000000de}
.screen .emp-choice{flex-direction:row-reverse;gap:18.12px;padding:0 21.74px;font:400 14.5px Roboto,sans-serif;color:#000000de}
.emp-choice i{display:grid;place-items:center;width:21.74px;height:21.74px}
.emp-choice i::before{content:'';width:18.12px;height:18.12px;box-sizing:border-box;border:1.81px solid #0000008a;border-radius:50%}
.emp-choice.on i::before{border-color:#e7790d;background:radial-gradient(#e7790d 0 4.53px, transparent 4.98px)}
.emp-buttons{display:flex;justify-content:flex-end;gap:7.25px;padding:7.25px 7.25px 0}
.screen .emp-buttons button{min-width:57.98px;height:32.62px;padding:0 7.25px;border:0;border-radius:1.81px;background:none;font:500 12.68px Roboto,sans-serif;color:#e7790d;text-transform:uppercase}