.smb-balloon{--smb-balloon--border-radius:var(--_global--border-radius);--smb-balloon--background-color:var(--_lightest-color-gray);--smb-balloon--border-color:var(--_lightest-color-gray);--smb-balloon--color:inherit;--smb-balloon--avatar-border-color:var(--_lighter-color-gray);--smb-balloon--gap:var(--_margin-1);align-items:flex-start;display:flex;flex-direction:column}.smb-balloon__person{align-items:center;display:inline-flex;justify-content:center;margin:0 0 var(--smb-balloon--gap)}.smb-balloon__person .smb-balloon__name{margin:0 0 0 5px}.smb-balloon__figure{border:3px solid var(--smb-balloon--avatar-border-color);border-radius:100%;flex:0 0 auto;height:60px;overflow:hidden;position:relative;width:60px}.smb-balloon__figure>img{height:100%;object-fit:cover;object-position:50% 50%;width:100%}.smb-balloon__name{--_font-size-level:-2;font-size:var(--_font-size);line-height:var(--_line-height);white-space:nowrap}.smb-balloon__body{background-color:var(--smb-balloon--background-color);border-color:var(--smb-balloon--border-color);border-radius:var(--smb-balloon--border-radius);color:var(--smb-balloon--color);flex:1 1 auto;overflow-wrap:break-word;padding:var(--_padding1);position:relative}.smb-balloon__body:after{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:10px;border-left:5px solid #0000;border-right:5px solid #0000;border-top:0 solid #0000;content:"";display:block;height:0;left:24px;margin-left:0;position:absolute;top:-10px;width:0}.smb-balloon--reverse{align-items:flex-end}.smb-balloon--reverse .smb-balloon__person .smb-balloon__name{margin-right:5px;order:-1}.smb-balloon--reverse .smb-balloon__body:after{left:auto;right:24px}@media (min-width:640px){.smb-balloon{align-items:center;flex-direction:row;flex-wrap:nowrap}.smb-balloon__person{flex-direction:column;margin:0 var(--smb-balloon--gap) 0 0}.smb-balloon__person .smb-balloon__name{margin:5px 0 0}.smb-balloon__body:after{border-color:#0000;border-right-color:inherit;border-width:5px 10px 5px 0;left:-10px;margin-top:-5px;top:50%}.smb-balloon--reverse{align-items:center;flex-direction:row-reverse}.smb-balloon--reverse .smb-balloon__person{margin:0 0 0 var(--smb-balloon--gap)}.smb-balloon--reverse .smb-balloon__person .smb-balloon__name{margin-right:0;order:0}.smb-balloon--reverse .smb-balloon__body:after{border-color:#0000;border-left-color:inherit;border-width:5px 0 5px 10px;right:-10px}}