/* Hangouts 1.0 on the Nexus 4: the KitKat simulator's hangouts.css (1 dp = 0.906 px) scaled to 1 dp = 0.8516 px. */
.hg-app{background:#f9f9f9;color:#222;color-scheme:light;font-family:RobotoICS,Roboto,sans-serif}
.hg-bar{height:40.88px;min-height:40.88px;display:flex;align-items:center;background:#e5e5e5;border-bottom:.85px solid #d1d1d1;z-index:2}
.hg-up{position:relative;flex:none;height:40.88px;display:flex;align-items:center;padding:0 5.96px 0 6.81px;border:0;background:none}
.hg-up span{position:absolute;left:0;font:300 20.43px/1 RobotoICS,sans-serif;color:#9a9a9a}
.hg-up img{width:27.25px;height:27.25px}
.hg-title{flex:1;min-width:0;position:relative;padding-right:9.4px}
.hg-title h2{margin:0;font:400 15.33px/1.2 RobotoICS,sans-serif;color:#505050;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-title small{display:block;font:400 10.22px/1.2 RobotoICS,sans-serif;color:#777;text-transform:uppercase}
.hg-spinner{flex:0 1 auto;margin-right:auto;padding-right:15.04px}
.hg-spinner::after{content:"";position:absolute;right:3.76px;bottom:1px;border:solid transparent;border-width:0 0 6.81px 6.81px;border-bottom-color:#8a8a8a}
.hg-ab-btn{flex:none;width:47.69px;height:40.88px;border:0;background:none;display:grid;place-items:center;color:#6a6a6a!important}
.hg-ab-btn svg{width:20.43px;height:20.43px}
.hg-ab-btn img{width:27.25px;height:27.25px}
.hg-app .hg-bar button:active,.hg-ab-btn:active{background:#0000001a}
.hg-threads{background:#f9f9f9}
.hg-thread{display:flex;width:100%;height:61.31px;padding:6.81px 6.81px 0;border:0;background:none;text-align:left;color:#545454!important}
.hg-avatar{position:relative;flex:none;width:47.69px;height:47.69px}
.hg-avatar img{width:100%;height:100%;display:block}
.hg-avatar i{position:absolute;right:2.56px;bottom:2.56px;padding:.85px 2.54px;background:#fff;font:700 6.81px/1.25 RobotoICS,sans-serif;font-style:normal;color:#222}
.hg-thread-copy{flex:1;min-width:0;height:54.52px;margin-left:8.52px;padding:1.88px 6.81px 0 0;border-bottom:.85px solid #d6d6d6;display:flex;flex-direction:column;justify-content:center;gap:3.4px}
.hg-thread-top{display:flex;align-items:baseline;gap:6.81px}
.hg-thread-top strong{flex:1;min-width:0;font:400 15.33px/1.2 RobotoICS,sans-serif;color:#545454;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-thread-top time{flex:none;font:400 11.92px RobotoICS,sans-serif;color:#686868}
.hg-snippet{font:400 12.77px/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:11.92px 13.63px;border:0;border-bottom:.85px solid #d6d6d6;background:none;text-align:left;font-size:13.63px;color:#db4437!important;overflow-wrap:anywhere}
.hg-empty{padding:30.08px 15.04px;text-align:center;font-size:13.63px;color:#888}
/* New Hangout: a white 48 dp field over the contact list on #e5e5e5. */
.hg-new{flex:none;background:#fff;border-bottom:.85px solid #d1d1d1}
.hg-new input{width:100%;height:40.88px;padding:0 6.81px;border:0;background:none;font:400 12.77px 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:54.5px;padding:0 6.81px;gap:8.52px;border:0;border-bottom:.85px solid #d1d1d1;background:none;text-align:left}
.hg-person[hidden]{display:none}
.hg-person img{width:40.88px;height:40.88px;flex:none}
.hg-person strong{display:block;font:400 13.63px/1.25 RobotoICS,sans-serif;color:#222}
.hg-person small{display:block;font:400 11.07px/1.3 RobotoICS,sans-serif;color:#555}
/* Conversation */
.hg-compose{background:#e5e5e5}
.hg-history{padding:6.81px 6.81px 3.4px;gap:5.96px}
.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:40.88px}
.mms-message.hg-message.received{padding-right:40.88px}
.hg-avatar-small{flex:none;width:40.88px;height:40.88px;display:block}
.hg-card{min-width:0;max-width:100%;padding:6.81px 8.52px 5.96px;background:#fff;box-shadow:0 .85px .85px #0000002e;white-space:pre-wrap;overflow-wrap:anywhere}
.mms-message.hg-message.sent .hg-card{margin-left:auto}
.hg-body{display:block;font:400 13.63px/1.3 RobotoICS,sans-serif;color:#222}
.hg-card time{display:block;margin-top:2.56px;font:400 10.22px RobotoICS,sans-serif;color:#989898;white-space:nowrap}
.hg-card .mms-photo{margin-top:3.76px;min-width:140.99px}
.mms-compose-bar.hg-editor{align-items:center;min-height:40.88px;padding:0 0 0 6.81px;gap:0;background:#fff;border-top:0;box-shadow:0 -.85px 0 #d6d6d6}
.mms-compose-bar.hg-editor textarea{min-height:40.88px;max-height:82.72px;border:0;background:none;padding:10.34px 0 7.52px;font:400 15.33px/20.68px 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:40.88px;height:40.88px;border:0;background:none;display:grid;place-items:center;color:#a3a3a3!important}
.hg-tool svg,.hg-send svg{width:20.43px;height:20.43px}
.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.4px);right:3.4px;min-width:157.91px;padding:0;background:#fafafa;box-shadow:0 1.88px 5.64px #0000004d,0 0 0 .85px #00000014}
.hg-menu button{display:block;width:100%;height:40.88px;padding:0 13.63px;border:0;border-bottom:.85px solid #e3e3e3;background:none;text-align:left;font:400 13.63px 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 1.88px 7.52px #00000059}
.hg-attach button{display:flex;align-items:center;gap:13.63px;width:100%;height:42.58px;padding:0 13.63px;border:0;border-bottom:.85px solid #e3e3e3;background:none;text-align:left;font:400 15.33px RobotoICS,sans-serif;color:#444!important}
.hg-attach button:last-child{border-bottom:0}
.hg-attach svg{width:20.43px;height:20.43px;color:#9a9a9a;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 13.63px;background:#ff5533f2;box-shadow:0 2.55px 5.11px #0000002e;color:#fff;text-shadow:.85px 1.7px .85px #0000004d}
.hg-dnd-bar span{flex:1;min-width:0;display:flex;flex-direction:column;padding:6.81px 0 8.52px}
.hg-dnd-bar b{font:italic 700 15.33px RobotoICS,Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-dnd-bar small{font:italic 400 11.92px RobotoICS,Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-dnd-bar i{flex:none;width:.85px;margin:13.63px;background:#ffffff80}
.screen .hg-dnd-bar button{flex:none;padding:0 3.41px;border:0;background:none;color:#fff;font:400 11.92px RobotoICS,Roboto,sans-serif;text-shadow:inherit}
.screen .hg-dnd-bar button:active{background:#ffffff33}
/* EsApplication.showDndChoiceDialog: a Holo Light list dialog. */
.settings-dialog.hg-dnd{background:#fff;color:#000}
.hg-dnd h3{margin:0;padding:13.63px 13.63px 10.22px;font:400 18.74px RobotoICS,Roboto,sans-serif;color:#33b5e5;border-bottom:1.7px solid #33b5e5}
.hg-dnd-list{display:flex;flex-direction:column}
.screen .hg-dnd-list button{min-height:40.88px;padding:0 13.63px;border:0;border-bottom:.85px solid #0000001a;background:none;text-align:left;font:400 15.33px RobotoICS,Roboto,sans-serif;color:#000}
.screen .hg-dnd-list button:active{background:#33b5e566}