/* ===============================
   Загрузка Material Icons (PUA)
   =============================== */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001a/ad/c5/56520.woff2)
       format('woff2');
}

/* ===============================
   Базовая разметка панели
   =============================== */

#form-buttons tr {
  display: block;
  width: 100%;
}

#form-buttons td {
  position: relative;
  display: inline-block;
  background: none !important;
}

#form-buttons td img {
  position: absolute;
  inset: 0;
  z-index: 10;
  opacity: 0;              /* скрываем blank.gif */
  cursor: pointer;
}

#form-buttons td::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;

  pointer-events: none;
}

/* ===============================
   Подключение Material Icons
   =============================== */

#form-buttons td::before {
  font-family: 'Material Icons';
  font-weight: 400;
  font-style: normal;
}

/* ===============================
   Шрифт / размер
   =============================== */

#button-font::before        { content: '\e167'; } /* font_download */
#button-size::before        { content: '\e245'; } /* format_size */

/* ===============================
   Форматирование текста
   =============================== */

#button-bold::before        { content: '\e238'; } /* format_bold */
#button-italic::before      { content: '\e23f'; } /* format_italic */
#button-underline::before   { content: '\e249'; } /* format_underlined */
#button-strike::before      { content: '\e257'; } /* strikethrough_s */

/* ===============================
   Выравнивание
   =============================== */

#button-left::before        { content: '\e236'; } /* format_align_left */
#button-center::before      { content: '\e234'; } /* format_align_center */
#button-right::before       { content: '\e237'; } /* format_align_right */

/* ===============================
   Ссылки и медиа
   =============================== */

#button-link::before        { content: '\e157'; } /* link */
#button-image::before       { content: '\e3f4'; } /* image */
#button-video::before       { content: '\e04b'; } /* videocam */

/* ===============================
   Спец-блоки
   =============================== */

#button-spoiler::before     { content: '\e313'; } /* expand_more */
#button-hide::before        { content: '\e8f5'; } /* visibility_off */
#button-quote::before       { content: '\e244'; } /* format_quote */
#button-code::before        { content: '\e86f'; } /* code */
#button-table::before       { content: '\e265'; } /* table_chart */

/* ===============================
   Цвет / смайлы / прочее
   =============================== */

#button-color::before       { content: '\e40a'; } /* palette */
#button-smile::before       { content: '\e420'; } /* sentiment_satisfied */
#button-keyboard::before    { content: '\e312'; } /* keyboard */
#button-addition::before    { content: '\e147'; } /* add_circle */