/* Yappy legacy iOS SVG compatibility.
   Keeps control glyphs at their intended intrinsic size on older WebKit
   without visually enlarging them on modern iOS/Android. */

.ios-circle-btn svg{
  display:block;
  flex:0 0 25px;
  width:25px;
  height:25px;
  min-width:25px;
  min-height:25px;
  max-width:25px;
  max-height:25px;
}
.ios-circle-btn.primary svg{
  flex-basis:27px;
  width:27px;
  height:27px;
  min-width:27px;
  min-height:27px;
  max-width:27px;
  max-height:27px;
}

.chat-back-pill svg,
.chat-call-pill svg,
.composer-round svg{
  display:block;
  flex:0 0 25px;
  width:25px;
  height:25px;
  min-width:25px;
  min-height:25px;
  max-width:25px;
  max-height:25px;
}

.tab-btn svg{
  display:block;
  flex:0 0 25px;
  width:25px;
  height:25px;
  min-width:25px;
  min-height:25px;
  max-width:25px;
  max-height:25px;
}

/* Inline composer controls keep their own smaller visual scale. */
.composer-inline-btn svg{
  display:block;
  flex:0 0 auto;
  min-width:20px;
  min-height:20px;
  flex-shrink:0;
}
#cv-sticker svg{
  display:block!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
}

/* iMessage-specific controls use the larger native Messages glyph size. */
html[data-social-app="imessage"] .im19-back svg,
html[data-social-app="imessage"] .im19-video svg{
  display:block!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
}
html[data-social-app="imessage"] #tabbar.imessage-tabbar .tab-btn svg,
html[data-social-app="imessage"] #tabbar.imessage-main-tabs .tab-btn svg{
  display:block!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
}

/* Prevent flexbox from shrinking circular control containers on older WebKit. */
.ios-circle-btn,
.chat-back-pill,
.chat-call-pill button,
.composer-round,
.composer-inline-btn,
.im19-back,
.im19-video{
  flex-shrink:0;
}

/* Keep strokes from being clipped while preserving the fixed glyph box. */
.ios-circle-btn svg,
.chat-back-pill svg,
.chat-call-pill svg,
.composer-round svg,
.composer-inline-btn svg,
.tab-btn svg,
.im19-back svg,
.im19-video svg{
  overflow:visible;
}