.message-actions .message-reply-action{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:5px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.message-reply-action svg{width:19px;height:19px}.message-actions .message-reply-action:hover{background:#00435812;color:#004358}
.message-reply-action:focus-visible{outline:3px solid #25abbe;outline-offset:2px}
.reply-quote-preview{display:flex;align-items:center;gap:12px;margin:10px 12px;padding:10px 12px;border-left:4px solid #16879a;border-radius:7px;background:#e2eff3;min-width:0}
.reply-quote-preview[hidden]{display:none!important}.reply-quote-preview>div{flex:1;min-width:0}
.reply-quote-preview strong{display:block;color:#07556c;font-size:12px}.reply-quote-preview p{margin:5px 0 0;color:#355966;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cancel-quoted-reply{flex-shrink:0;display:grid;place-items:center;min-width:36px;min-height:36px;padding:4px;background:transparent;color:#264e5e;font-size:25px;border-radius:6px}
.cancel-quoted-reply:hover{background:#c5e0e9}.message-quoted-context{border-left:3px solid #16879a;border-radius:5px;background:#e4f0f3;padding:8px 10px;margin-bottom:9px;overflow-wrap:anywhere}
.message-quoted-context strong{display:block;font-size:11px;color:#07556c}.message-quoted-context p{margin:4px 0 0;font-size:12px;line-height:1.5;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:root[data-appearance] .reply-quote-preview{background:var(--t-input);border-color:var(--t-focus)}
:root[data-appearance] .reply-quote-preview :is(strong,p,.cancel-quoted-reply){color:var(--t-text)}
:root[data-appearance] .message-actions .message-reply-action{color:var(--t-text)}
:root[data-appearance] .message-actions .message-reply-action:hover{background:var(--t-selected);color:var(--t-text)}
:root[data-appearance] .message-quoted-context{background:#ffffff18;border-color:var(--t-focus)}
:root[data-appearance] .message.in .message-quoted-context strong{color:var(--t-text)}
:root[data-appearance] .message.out .message-quoted-context strong{color:white}
@media(pointer:coarse){.message-actions .message-reply-action{width:40px;height:40px}.cancel-quoted-reply{min-width:40px;min-height:40px}}
@media(max-width:760px){.reply-quote-preview{margin:6px 8px;padding:8px;gap:6px}.reply-quote-preview p{font-size:11px}.reply-quote-preview strong{font-size:11px}}
@media(max-width:760px){
 .inbox-shell .composer .reply-quote-preview{grid-row:2;grid-column:1/-1;align-self:stretch}
 .inbox-shell .composer.has-quoted-reply .attachment-preview{grid-row:3}
 .inbox-shell .composer.has-quoted-reply textarea,.inbox-shell .composer.has-quoted-reply .composer-mobile-toggle,.inbox-shell .composer.has-quoted-reply .composer-bottom .primary{grid-row:4}
 .inbox-shell .composer.has-quoted-reply .composer-tools{grid-row:5}
 .inbox-shell .composer.has-quoted-reply .composer-meta{grid-row:7}
}