Панели с границей

<div class="resizable">
  <div class="resizable__panel" id="rz-list">
    <p><b>Участники (148)</b></p>
    <p>Мария Соколова</p><p>Иван Петров</p><p>Анна Ким</p><p>Павел Орлов</p>
  </div>
  <div class="resizable__handle" role="separator" tabindex="0" aria-orientation="vertical" aria-label="Ширина списка участников" aria-controls="rz-list" aria-valuenow="35" aria-valuemin="15" aria-valuemax="80"></div>
  <div class="resizable__panel">
    <p><b>Чат встречи</b></p>
    <p>14:02 Мария: слышно хорошо.</p>
    <p>14:03 Иван: показываю экран с графиками.</p>
  </div>
</div>

<div class="resizable resizable--stack">
  <div class="resizable__panel" id="rz-graph"><p><b>График задержки</b></p><p>Медиана за час: 220 мс.</p></div>
  <div class="resizable__handle" role="separator" tabindex="0" aria-orientation="horizontal" aria-label="Высота графика" aria-controls="rz-graph" aria-valuenow="50" aria-valuemin="20" aria-valuemax="80"></div>
  <div class="resizable__panel"><p><b>Журнал событий</b></p><p>22:40 — рост очереди сообщений.</p></div>
</div>