/* Zuno 0.20 */

/* Send button: shown on phones (and touch screens), lights up when there's something to send */
.composer-send { display: none; flex: none; width: 38px; height: 38px; margin: 3px 0 3px 4px; border-radius: 50%; place-items: center; background: var(--input); color: var(--muted); transition: background .15s, color .15s, transform .2s var(--spring); }
.composer-send.ready { background: var(--brand, var(--accent)); color: #fff; }
.composer-send:active { transform: scale(.9); }
@media (max-width: 760px), (pointer: coarse) { .composer-send { display: grid; } }
@media (max-width: 760px) {
  .composer-box > #composer-poll, .composer-box > #composer-sched, .composer-box > #composer-sticker { display: none !important; }
  .composer-box.has-text > #composer-voice { display: none !important; }
  .composer-box #composer-input { min-width: 0; flex: 1 1 auto; font-size: 16px; } /* 16px stops iPhones zooming in */
  /* Nothing floats over the message box any more: the install hint and toasts sit at the top. */
  .install-bar { top: calc(8px + env(safe-area-inset-top)); bottom: auto; }
  .toast { top: calc(10px + env(safe-area-inset-top)); bottom: auto; max-width: calc(100vw - 24px); pointer-events: none; }
  .toast button, .toast a { pointer-events: auto; }
}

/* Uploaded GIFs get the same GIF tag and ★ as picker GIFs */
.gal-item:hover .gif-tag, .gal-item:hover .gif-fav { opacity: 1; transform: scale(1); }
@media (hover: none) { .msg-media.is-gif .gif-fav, .gal-item.is-gif .gif-fav { opacity: .85; transform: scale(1); } }

/* GIF picker title when choosing a GIF for your profile */
.gp-title { padding: 10px 12px 0; font-weight: 700; color: var(--header); font-size: 14px; }
.pick-menu { position: fixed; z-index: 160; min-width: 230px; }