/* translate icon beside received chat messages (translate.js) */
.msg.them .mtr-row { display: flex; align-items: flex-end; gap: 6px; max-width: 100%; }
.msg.them .mtr-row > .bubble { min-width: 0; }
.mtr-ico { position: relative; flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px; margin-bottom: 4px; padding: 0; border-radius: 50%; border: 1.5px solid var(--line); background: var(--card); color: var(--muted); cursor: pointer; opacity: .85; transition: color .15s, border-color .15s, background .15s, opacity .15s; -webkit-tap-highlight-color: transparent; }
.mtr-ico::after { content: ''; position: absolute; inset: -8px; border-radius: 50%; }
.mtr-ico:hover, .mtr-ico:focus-visible { opacity: 1; color: var(--blue); border-color: var(--blue); outline: none; }
.mtr-ico.done { color: var(--blue); }
.mtr-ico.on { opacity: 1; color: #fff; background: var(--blue); border-color: var(--blue); }
.mtr-ico.busy { opacity: 1; cursor: progress; }
.mtr-ico svg { display: block; }
.mtr-spin { display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 2px solid rgba(127,127,127,.3); border-top-color: var(--blue); animation: mtrspin .8s linear infinite; vertical-align: -2px; flex: none; }
@keyframes mtrspin { to { transform: rotate(360deg); } }
.mtr-slot:empty { display: none; }
.mtr-out { margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(127,127,127,.28); white-space: normal; cursor: auto; }
.mtr-txt, .mtr-ts { font-weight: 700; white-space: pre-wrap; }
.mtr-ts { font-weight: 600; }
.mtr-ts i { font-weight: 600; opacity: .75; }
.mtr-lbl { display: block; margin-top: 3px; font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .1px; }
.mtr-ts + .mtr-hr { margin: 7px 0 6px; }
.mtr-out > .mtr-lbl:first-child { margin: 0 0 2px; }
.mtr-hr { border: 0; border-top: 1px dashed rgba(127,127,127,.3); height: 0; margin: 6px 0; }
.mtr-load { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: var(--muted); }
.mtr-load small { font-size: 12px; font-weight: 800; }
.mtr-load .mtr-hint { flex-basis: 100%; font-size: 11px; font-weight: 700; opacity: .85; }
.mtr-err small { font-size: 12px; font-weight: 800; color: var(--red, #ff4b4b); }
.mtr-retry { background: none; border: 0; padding: 2px 0; font: inherit; font-size: 12px; font-weight: 900; color: var(--blue); cursor: pointer; }
.msg.voice .mtr-out { max-width: 260px; }
html[data-theme="dark"] .mtr-ico { background: var(--bubble-them, var(--card)); border-color: var(--line); }
html[data-theme="dark"] .mtr-ico.on { background: var(--blue); border-color: var(--blue); color: #10202b; }
html[data-theme="dark"] .mtr-lbl { color: var(--muted); }