/* Google Messenger 1.1 (see messaging.js); dp x 0.906. */
.app-view.lpm-app{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;color:#323232;font-family:Roboto,sans-serif;padding:0}
.lpm-app button{cursor:pointer;font-family:inherit}
.lpm-toolbar{position:relative;z-index:3;flex:none;display:flex;align-items:center;height:50.74px;padding:0 3.62px;background:#0288d1;color:#fff;box-shadow:0 1.8px 3.6px #0000003d;transition:background .3s}
.lpm-toolbar 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}
.lpm-toolbar>h2:first-child{margin-left:12.68px}
.lpm-tool{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}
.lpm-tool img{width:21.74px;height:21.74px}
.lpm-white img{filter:brightness(0) invert(1)}
.lpm-search{flex:1;min-width:0;margin:0 10.87px 0 7.25px;padding:0;background:none;border:0;display:block}
.lpm-search input{width:100%;border:0;background:none;outline:0;color:#fff;font:400 16.31px Roboto,sans-serif;padding:0}
.lpm-search input::placeholder{color:#ffffffa6}
/* Conversation list */
.lpm-list{flex:1;min-height:0;overflow-y:auto;background:#fff;padding:7.25px 0 79.73px;scrollbar-width:none}
.screen .lpm-thread{display:flex;align-items:flex-start;width:100%;margin:0;border:0;background:#fff;padding:14.5px;gap:14.5px;text-align:left;color:#636363;min-height:0}
.lpm-avatar{flex:none;width:43.49px;height:43.49px;border-radius:50%}
.lpm-avatar span{font:300 26px/1 Roboto,sans-serif}
.lpm-avatar img{width:100%;height:100%}
.lpm-thread-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.81px}
.lpm-thread-copy strong{font:400 14.5px Roboto,sans-serif;color:#636363;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lpm-snippet{font:400 12.68px/1.35 Roboto,sans-serif;color:#636363;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lpm-snippet b{font-weight:400;color:#f05a24}
.lpm-thread-copy time{font:400 12.68px Roboto,sans-serif;color:#636363;opacity:.75}
.lpm-thread.unread strong,.lpm-thread.unread .lpm-snippet{color:#323232;font-weight:700}
.lpm-thread.unread time{color:#323232;opacity:1;font-weight:700}
.lpm-empty{margin:18.12px 54.36px;text-align:center;font:400 14.5px/1.5 Roboto,sans-serif;color:#999}
.lpm-fab{position:absolute;right:12.68px;bottom:10.87px;z-index:4;width:50.74px;height:50.74px;border:0;border-radius:50%;padding:0;background:#0288d1;display:grid;place-items:center;box-shadow:0 1.8px 4.5px #00000059;transition:box-shadow .15s}
.lpm-fab:active{box-shadow:0 5.4px 10.8px #00000059}
.lpm-fab img{width:21.74px;height:21.74px}
/* Conversation */
.lpm-conversation{background:#eee}
.lpm-compose{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;background:#eee}
.lpm-history{flex:1;min-height:0;overflow-y:auto;padding:7.25px 0 3.62px;scrollbar-width:none;display:flex;flex-direction:column}
.lpm-history::before{content:'';flex:1}
.screen .lpm-message{display:flex;align-items:flex-start;width:100%;margin:16.31px 0 0;border:0;background:none;padding:0 14.5px 0 7.25px;text-align:left;color:#fff;min-height:0}
.screen .lpm-message.same{margin-top:1.81px}
.screen .lpm-message.sent{justify-content:flex-end;padding:0 7.25px 0 54.36px;color:#323232}
.lpm-message.received{padding-right:54.36px}
.lpm-message-icon{flex:none;width:38.05px;height:38.05px;margin-right:0}
.lpm-avatar-small{width:38.05px;height:38.05px;border-radius:50%}
.lpm-avatar-small span{font:300 22px/1 Roboto,sans-serif}
/* msg_bubble_incoming / _outgoing (69 x 66 px at xxxhdpi, tail in the top corner) as masks tinted by the background. */
.lpm-bubble{position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%;padding:9.06px 12.68px 10.87px 20.84px;background:#fff;-webkit-mask-box-image:url(assets/bg-msg_bubble_incoming.png) 47 13 13 53 fill / 10.65px 2.94px 2.94px 12px stretch}
.lpm-message.sent .lpm-bubble{padding:9.06px 20.84px 10.87px 12.68px;-webkit-mask-box-image:url(assets/bg-msg_bubble_outgoing.png) 47 53 13 13 fill / 10.65px 12px 2.94px 2.94px stretch}
.lpm-text{font:400 14.5px/1.35 Roboto,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.lpm-bubble time{margin-top:3.62px;font:400 10.87px Roboto,sans-serif;color:#ffffff99}
.lpm-message.sent .lpm-bubble time{color:#32323299}
.lpm-bubble .mms-photo{margin-top:5.44px;width:181px;max-width:100%;border-radius:2.72px;overflow:hidden}
/* Compose row */
.lpm-compose-bar{flex:none;display:flex;align-items:flex-end;gap:0;padding:3.62px 7.25px 7.25px 0;background:none;border:0}
.lpm-attach{margin:0 0 3.62px 3.62px}
.lpm-attach img{opacity:.54}
.lpm-field{flex:1;min-width:0;position:relative;display:flex;align-items:center;min-height:38.05px;margin:0 7.25px 0 0;padding:0 7.25px 0 10.87px;background:#fff;border-radius:1.81px;box-shadow:0 .9px 1.8px #00000026}
.lpm-field textarea{flex:1;min-width:0;height:38px;max-height:88px;border:0;background:none;outline:0;resize:none;padding:10px 0 8px;font:400 14.5px/1.3 Roboto,sans-serif;color:#000}
.lpm-field textarea::placeholder{color:#00000061}
.lpm-field .mms-counter{position:absolute;right:6px;top:-14px;font:400 10.87px Roboto,sans-serif;color:#999}
.lpm-send{flex:none;width:38.05px;height:38.05px;border:0;border-radius:50%;padding:0;background:var(--lpm-c,#0288d1);display:grid;place-items:center;transition:opacity .15s,background .15s}
.lpm-send:disabled{background:#bdbdbd;cursor:default}
.lpm-send img{width:19.93px;height:19.93px}
.lpm-attachment{position:relative;margin:0 7.25px 7.25px auto;width:120px}
.lpm-attachment button{position:absolute;right:-6px;top:-6px;width:22px;height:22px;border:0;border-radius:50%;background:#000000b3;color:#fff}
/* New message: the To field over the contact picker */
.lpm-to{flex:none;position:relative;display:flex;align-items:center;gap:10.87px;min-height:48.92px;padding:0 14.5px;background:#fff;border-bottom:.906px solid #00000026;margin:0}
.lpm-to span{font:400 14.5px Roboto,sans-serif;color:#999}
.lpm-to input{flex:1;min-width:0;border:0;background:none;outline:0;font:400 14.5px Roboto,sans-serif;color:#323232;padding:0}
.lpm-to .mms-suggestions{position:absolute;left:0;right:0;top:100%;z-index:5;background:#fff;box-shadow:0 3.6px 9px #00000040}
.lpm-to .mms-suggestions:empty{display:none}
.lpm-to .mms-suggestions button{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:none;padding:9px 14.5px;text-align:left;font:400 14.5px Roboto,sans-serif;color:#323232}
.lpm-to .mms-suggestions small{color:#999;font-size:12.68px}
.lpm-picker{flex:1;min-height:0;overflow-y:auto;background:#fff;scrollbar-width:none}
.lpm-picker-tabs{display:flex;height:38.96px;background:#0288d1;box-shadow:0 1.8px 3.6px #0000003d}
.lpm-picker-tabs span{flex:1;display:grid;place-items:center;font:500 12.68px Roboto,sans-serif;color:#fff;border-bottom:1.81px solid #fff}
.lpm-pick{display:flex;align-items:center;gap:14.5px;width:100%;border:0;background:none;padding:7.25px 14.5px;text-align:left;color:#4d4d4d}
.lpm-pick span{display:flex;flex-direction:column;min-width:0}
.lpm-pick strong{font:400 14.5px Roboto,sans-serif;color:#4d4d4d}
.lpm-pick small{font:400 12.68px Roboto,sans-serif;color:#999}
.lpm-conversation:has(.lpm-picker) .lpm-compose-bar{background:#eee;padding-top:7.25px}
.screen .lpm-thread-copy time{position:static;display:block;margin:0;text-align:left}
.screen .lpm-message.received .lpm-text{color:#fff}
.screen .lpm-message.sent .lpm-text{color:#323232}
.screen .lpm-message .lpm-bubble{box-shadow:none;border:0;margin:0}
.screen .lpm-message::after{display:none}
.screen .lpm-message.sent{flex-direction:row;text-align:left}
.screen .lpm-message time{display:block;margin-top:3.62px;font-size:10.87px}
.screen .lpm-message.received time{color:#ffffff99}
.screen .lpm-message.sent time{color:#32323299}