/* Hangouts 2.0 on the Nexus 5 (GSMArena review screenshots, 1 dp = 0.906 px): a #e5e5e5 light action bar with a
   1 dp #d1d1d1 edge, 18 sp #505050 titles and #6a6a6a action icons; the conversation list on #f9f9f9 with 56 dp
   square avatars in 72 dp rows; conversations of white cards (16 sp #222 text, 12 sp #989898 times) on #e5e5e5 with a
   48 dp white editor whose 18 sp hint is #b1b1b1 and whose location and camera buttons are #a3a3a3. */
.hg-app{background:#f9f9f9;color:#222;color-scheme:light;font-family:RobotoICS,Roboto,sans-serif}
.hg-bar{height:43.49px;min-height:43.49px;display:flex;align-items:center;background:#e5e5e5;border-bottom:.906px solid #d1d1d1;z-index:2}
.hg-up{position:relative;flex:none;height:43.49px;display:flex;align-items:center;padding:0 6.34px 0 7.25px;border:0;background:none}
.hg-up span{position:absolute;left:0;font:300 21.74px/1 RobotoICS,sans-serif;color:#9a9a9a}
.hg-up img{width:28.99px;height:28.99px}
.hg-title{flex:1;min-width:0;position:relative;padding-right:10px}
.hg-title h2{margin:0;font:400 16.31px/1.2 RobotoICS,sans-serif;color:#505050;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-title small{display:block;font:400 10.87px/1.2 RobotoICS,sans-serif;color:#777;text-transform:uppercase}
.hg-spinner{flex:0 1 auto;margin-right:auto;padding-right:16px}
.hg-spinner::after{content:"";position:absolute;right:4px;bottom:1px;border:solid transparent;border-width:0 0 7.25px 7.25px;border-bottom-color:#8a8a8a}
.hg-ab-btn{flex:none;width:50.74px;height:43.49px;border:0;background:none;display:grid;place-items:center;color:#6a6a6a!important}
.hg-ab-btn img{width:28.99px;height:28.99px}
.hg-app .hg-bar button:active,.hg-ab-btn:active{background:#0000001a}
.hg-threads{background:#f9f9f9}
.hg-thread{display:flex;width:100%;height:65.23px;padding:7.25px 7.25px 0;border:0;background:none;text-align:left;color:#545454!important}
.hg-avatar{position:relative;flex:none;width:50.74px;height:50.74px}
.hg-avatar img{width:100%;height:100%;display:block}
/* conversation_list_item_avatar_view: ic_sms_status_badge (64 x 43 px) in the avatar's bottom right corner. */
.hg-avatar .hg-sms-badge{position:absolute;right:0;bottom:0;width:19.33px;height:12.99px}
.hg-thread-copy{flex:1;min-width:0;height:58px;margin-left:9.06px;padding:2px 7.25px 0 0;border-bottom:.906px solid #d6d6d6;display:flex;flex-direction:column;justify-content:center;gap:3.62px}
.hg-thread-top{display:flex;align-items:baseline;gap:7.25px}
.hg-thread-top strong{flex:1;min-width:0;font:400 16.31px/1.2 RobotoICS,sans-serif;color:#545454;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-thread-top time{flex:none;font:400 12.68px RobotoICS,sans-serif;color:#686868}
.hg-snippet{font:400 13.59px/1.25 RobotoICS,sans-serif;color:#5c5c5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-snippet:empty{display:none}
.hg-snippet b{font-weight:400;color:#db4437}
.hg-thread.unread strong,.hg-thread.unread .hg-snippet{font-weight:700;color:#222}
.hg-pending{display:block;width:100%;padding:12.68px 14.5px;border:0;border-bottom:.906px solid #d6d6d6;background:none;text-align:left;font-size:14.5px;color:#db4437!important;overflow-wrap:anywhere}
.hg-empty{padding:32px 16px;text-align:center;font-size:14.5px;color:#888}
/* New Hangout: a white 48 dp field over the contact list on #e5e5e5. */
.hg-new{flex:none;background:#fff;border-bottom:.906px solid #d1d1d1}
.hg-new input{width:100%;height:43.49px;padding:0 7.25px;border:0;background:none;font:400 13.59px RobotoICS,sans-serif;color:#222;outline:none}
.hg-new input::placeholder{color:#aaa}
.hg-people{background:#e5e5e5}
.hg-person{display:flex;align-items:center;width:100%;height:57.98px;padding:0 7.25px;gap:9.06px;border:0;border-bottom:.906px solid #d1d1d1;background:none;text-align:left}
.hg-person[hidden]{display:none}
.hg-person img{width:43.49px;height:43.49px;flex:none}
.hg-person strong{display:block;font:400 14.5px/1.25 RobotoICS,sans-serif;color:#222}
.hg-person small{display:block;font:400 11.78px/1.3 RobotoICS,sans-serif;color:#555}
/* Conversation */
.hg-compose{background:#e5e5e5}
.hg-history{padding:7.25px 7.25px 3.62px;gap:6.34px}
.mms-message.hg-message{align-items:flex-start;gap:0;color:#222!important}
.mms-message.hg-message::after{content:none}
.mms-message.hg-message.sent{text-align:left;justify-content:flex-start;padding-left:43.49px}
.mms-message.hg-message.received{padding-right:43.49px}
.hg-avatar-small{flex:none;width:43.49px;height:43.49px;display:block}
.hg-card{min-width:0;max-width:100%;padding:7.25px 9.06px 6.34px;background:#fff;box-shadow:0 .906px .906px #0000002e;white-space:pre-wrap;overflow-wrap:anywhere}
.mms-message.hg-message.sent .hg-card{margin-left:auto}
.hg-body{display:block;font:400 14.5px/1.3 RobotoICS,sans-serif;color:#222}
.hg-card time{display:block;margin-top:2.72px;font:400 10.87px RobotoICS,sans-serif;color:#989898;white-space:nowrap}
.hg-card .mms-photo{margin-top:4px;min-width:150px}
.mms-compose-bar.hg-editor{align-items:center;min-height:43.49px;padding:0 0 0 7.25px;gap:0;background:#fff;border-top:0;box-shadow:0 -.906px 0 #d6d6d6}
.mms-compose-bar.hg-editor textarea{min-height:43.49px;max-height:88px;border:0;background:none;padding:11px 0 8px;font:400 16.31px/22px RobotoICS,sans-serif;color:#222}
.mms-compose-bar.hg-editor textarea:focus{border:0}
.hg-editor textarea::placeholder{color:#b1b1b1}
.hg-tool,.mms-send.hg-send{flex:none;width:43.49px;height:43.49px;border:0;background:none;display:grid;place-items:center;color:#a3a3a3!important}
.hg-tool .hg-icon,.hg-send .hg-icon{width:28.99px;height:28.99px;display:block}
.hg-send:disabled .hg-icon{content:url('assets/hg-ic_send_dark_disabled.png')}
.mms-send.hg-send{padding:0}
.hg-tool.hg-send,.mms-send.hg-send{color:#6a6a6a!important}
.mms-send.hg-send:disabled{color:#c4c4c4!important}
/* The location and camera buttons give way to Send once there is something to send. */
.hg-editor:has(textarea:placeholder-shown) .hg-send{display:none}
.hg-editor:not(:has(textarea:placeholder-shown)) .hg-tool{display:none}
.hg-compose:has(.mms-attachment) .hg-editor .hg-send{display:grid}
.hg-compose .mms-attachment{background:#fff}
/* Overflow popup (Holo Light) and the camera button's attach menu. */
.hg-menu{position:absolute;z-index:31;top:calc(var(--sb) + 3.62px);right:3.62px;min-width:168px;padding:0;background:#fafafa;box-shadow:0 2px 6px #0000004d,0 0 0 .906px #00000014}
.hg-menu button{display:block;width:100%;height:43.49px;padding:0 14.5px;border:0;border-bottom:.906px solid #e3e3e3;background:none;text-align:left;font:400 14.5px RobotoICS,sans-serif;color:#222!important;white-space:nowrap}
.hg-menu button:last-child{border-bottom:0}
.hg-attach{position:absolute;z-index:31;left:12%;right:12%;top:50%;transform:translateY(-50%);background:#fafafa;box-shadow:0 2px 8px #00000059}
.hg-attach button{display:flex;align-items:center;gap:14.5px;width:100%;height:45.3px;padding:0 14.5px;border:0;border-bottom:.906px solid #e3e3e3;background:none;text-align:left;font:400 16.31px RobotoICS,sans-serif;color:#444!important}
.hg-attach button:last-child{border-bottom:0}
.hg-attach .hg-icon{width:28.99px;height:28.99px;flex:none}
.hg-menu button:active,.hg-attach button:active,.hg-thread:active,.hg-person:active{background:#0000001a!important}
/* dnd_list_item.xml on mute_ongoing_bg_shadow (#f2ff5533 with its shadow): "Notifications snoozed" (18 sp bold
   italic), "Will resume at …" (14 sp italic), a 1 dp translucent white rule and Resume, all white with a text shadow. */
.hg-dnd-bar{flex:none;position:relative;z-index:1;display:flex;align-items:stretch;padding:0 14.5px;background:#ff5533f2;box-shadow:0 2.72px 5.44px #0000002e;color:#fff;text-shadow:.91px 1.81px .91px #0000004d}
.hg-dnd-bar span{flex:1;min-width:0;display:flex;flex-direction:column;padding:7.25px 0 9.06px}
.hg-dnd-bar b{font:italic 700 16.31px Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-dnd-bar small{font:italic 400 12.68px Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-dnd-bar i{flex:none;width:.91px;margin:14.5px;background:#ffffff80}
.screen .hg-dnd-bar button{flex:none;padding:0 3.62px;border:0;background:none;color:#fff;font:400 12.68px Roboto,sans-serif;text-shadow:inherit}
.screen .hg-dnd-bar button:active{background:#ffffff33}
.settings-dialog.hg-dnd{background:#fff;color:#000}
.hg-dnd h3{margin:0;padding:14.5px 14.5px 10.87px;font:400 19.93px Roboto,sans-serif;color:#33b5e5;border-bottom:1.81px solid #33b5e5}
.hg-dnd-list{display:flex;flex-direction:column}
.screen .hg-dnd-list button{min-height:43.49px;padding:0 14.5px;border:0;border-bottom:.91px solid #0000001a;background:none;text-align:left;font:400 16.31px Roboto,sans-serif;color:#000}
.screen .hg-dnd-list button:active{background:#33b5e566}
/* ShareLocationActivity: the map with ic_map_pin centred and the SHARE action (ic_send_dark with its text). */
.hg-map-wrap{position:relative;flex:1;min-height:0;overflow:hidden}
.hg-map{position:absolute;inset:0;background:linear-gradient(transparent 37%,#fff 37%,#fff 39%,transparent 39%,transparent 62%,#fff 62%,#fff 64%,transparent 64%),linear-gradient(90deg,transparent 24%,#fff 24%,#fff 27%,transparent 27%,transparent 71%,#fff 71%,#fff 74%,transparent 74%),linear-gradient(160deg,transparent 47%,#f9d26b 47%,#f9d26b 49%,transparent 49%),linear-gradient(transparent 78%,#a9cdee 78%),radial-gradient(circle at 22% 20%,#cde5b4 0 12%,transparent 12%),radial-gradient(circle at 80% 62%,#cde5b4 0 9%,transparent 9%),#ece8df}
.hg-pin{position:absolute;left:50%;top:50%;width:89.11px;height:104.22px;transform:translate(-50%,-50%)}
.screen .hg-ab-text{flex:none;display:flex;align-items:center;height:100%;padding:0 10.87px 0 7.25px;border:0;background:none;font:500 12.68px Roboto,sans-serif;color:#333;text-transform:uppercase}
.hg-ab-text img{width:28.99px;height:28.99px}
.screen .hg-ab-text:active{background:#0000001a}