ST 1.12.6 - CSS to wrap text around avatar

/* THIS GOES INTO MAIN CSS BOX, CSS SNIPPETS CAN'T IMPORT
   DON'T COPYPASTA ENTIRE THING STRAIGHT UNLESS YOU LAZY
   Btw stolen from momoura and tweaked to reclaim space */

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
  font-family: "Atkinson Hyperlegible";
}

/* RECOMMENDED TO USE CSS SNIPPETS EXTENSION
   https://github.com/LenAnderson/SillyTavern-CssSnippets/ */

.mes {
  display: block;
}

.mesAvatarWrapper {
  display: inline;
  float: left;
  margin-right: 10px;
}

.mes_block {
  overflow-x: visible;
}

.swipe_right, .swipe_left {
  bottom: 3px;
}

.last_mes .mesAvatarWrapper {
  padding-bottom: 0px;
}

.last_mes .mes_block {
  padding-bottom: 28px;
} /* 28 flat style, 20 bubbles style */

.mes_text, .last_mes .mes_text {
  padding-right: 0px;
  padding-bottom: 0px;
  margin-left: -10px; /* optional */
  font-size: 18px;
} /* move font-size to its own snippet for access or more control */