/* DISPETCH V12: channel composer inset, native chat voice bubble, and draggable action sheet. */
html:root:root:root:root:root body .gp.chat.tb-chc>.gp-body {
  display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;
  overflow:hidden!important;padding:0!important;gap:0!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) {
  display:flex!important;flex:0 0 auto!important;justify-content:center!important;align-items:center!important;
  width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:0!important;padding:0 10px calc(max(10px,env(safe-area-inset-bottom,0px) + 10px))!important;
  background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) .tb-cbx {
  display:flex!important;flex:1 1 auto!important;width:100%!important;max-width:680px!important;min-width:0!important;
  box-sizing:border-box!important;margin:8px 0 0!important;padding:5px 7px!important;gap:4px!important;
  background:#fffdf8!important;background-color:#fffdf8!important;background-image:none!important;
  border:3px solid #111!important;border-radius:20px!important;box-shadow:4px 4px 0 #111!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) .tb-cbx input#tbCt2 {
  flex:1 1 0!important;width:0!important;min-width:0!important;max-width:100%!important;height:42px!important;min-height:42px!important;
  margin:0!important;padding:9px 3px!important;border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;
  color:#17130d!important;-webkit-text-fill-color:#17130d!important;font:inherit!important;font-size:14px!important;font-weight:400!important;line-height:22px!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) .tb-cbx input#tbCt2::placeholder {
  color:#625c52!important;-webkit-text-fill-color:#625c52!important;opacity:.78!important;font-size:14px!important;font-weight:400!important;letter-spacing:.015em!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) .tb-cb,
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) .tb-send {
  display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:42px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;
  color:#ed4b66!important;-webkit-text-fill-color:#ed4b66!important;box-shadow:none!important;outline:0!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) .tb-cb svg,
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp:not(.fol) .tb-send svg {width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}

html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp.fol {
  display:flex!important;flex:0 0 auto!important;justify-content:center!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:0 10px calc(max(10px,env(safe-area-inset-bottom,0px) + 10px))!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-comp.fol .tb-btn {
  width:100%!important;max-width:680px!important;min-height:54px!important;margin:8px 0 0!important;border-radius:20px!important;
}

/* Voice posts use the same play/waveform/duration component as regular voice messages. */
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio {
  width:max-content!important;max-width:min(92%,390px)!important;min-width:0!important;padding:10px 12px 6px!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-cvn-wrap {
  display:block!important;width:min(310px,calc(100vw - 116px))!important;min-width:0!important;max-width:100%!important;margin:0 0 5px!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-cvn-loading {font-size:12px;font-style:normal;opacity:.65}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio .pro-vn {
  display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;
  color:var(--ink,#17130d)!important;box-sizing:border-box!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio .pro-vp {
  display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;
  padding:0!important;border:1.5px solid var(--bd,#17130d)!important;border-radius:50%!important;background:var(--acc,#ffd83d)!important;color:var(--ink,#17130d)!important;box-shadow:none!important;
}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio .pro-vp svg {width:20px!important;height:20px!important;stroke:currentColor!important;fill:currentColor!important}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio .pro-vw {display:flex!important;flex:1 1 auto!important;align-items:center!important;gap:2px!important;min-width:0!important;height:30px!important}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio .pro-vw i {flex:1 1 0!important;min-width:1px!important;max-width:5px!important;background:currentColor!important;opacity:.34!important;transition:opacity .12s linear!important}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio .pro-vw i.on {opacity:1!important}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub-audio .pro-vt {flex:0 0 auto!important;font-size:11.5px!important;color:inherit!important;text-shadow:none!important;opacity:.75!important;font-variant-numeric:tabular-nums!important}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub[data-p] {cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bm,
html:root:root:root:root:root body .gp.chat.tb-chc .tb-bub .tb-rxr {display:none!important}

/* Post action sheet floats away from the physical screen edges. */
html:root:root:root:root:root body .tb-shw .tb-sheet.channel-post-sheet {
  width:calc(100% - 24px)!important;max-width:540px!important;max-height:min(78vh,620px)!important;
  margin:0 12px calc(max(10px,env(safe-area-inset-bottom,0px)))!important;padding:12px 16px calc(max(14px,env(safe-area-inset-bottom,0px) + 14px))!important;
  border:2px solid var(--bd,#17130d)!important;border-radius:24px!important;box-shadow:4px 4px 0 rgba(0,0,0,.18)!important;
  touch-action:auto!important;
}
html:root:root:root:root:root body .tb-shw .tb-sheet.channel-post-sheet .tb-grab {margin:0 auto 12px!important;touch-action:none!important}
html:root:root:root:root:root body .tb-shw .tb-sheet.channel-post-sheet .tb-ptb {min-height:12px;touch-action:auto!important}