/*
 * Иконки Material Design Icons, которые реально используются: звёзды и кавычки
 * в отзывах, стрелки слайдера (slider_controller.js), play на странице функции.
 * Раньше тянулся весь набор — 57 КБ CSS и шрифт 338 КБ ради пяти иконок.
 * Иконка — SVG-маска: цвет из currentColor, размер из font-size, как у шрифта.
 * Новую иконку — сюда, path из @mdi/svg (Apache-2.0).
 */
/*
 * Геометрия повторяет шрифтовую: у шрифта ::before был инлайн-блоком высотой
 * в строку (line-height), а глиф 1em — посередине. Поэтому высота 1lh и маска
 * 1em по центру: иначе блок отзывов становился ниже на ~22px.
 */
.mdi::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1lh;
  vertical-align: -0.375em;
  background-color: currentColor;
  -webkit-mask: var(--mdi-icon) center / 1em 1em no-repeat;
  mask: var(--mdi-icon) center / 1em 1em no-repeat;
}
.mdi-48px::before { font-size: 48px; }
.mdi-star { --mdi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E"); }
.mdi-format-quote-open { --mdi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z'/%3E%3C/svg%3E"); }
.mdi-chevron-left { --mdi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E"); }
.mdi-chevron-right { --mdi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E"); }
.mdi-play { --mdi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8,5.14V19.14L19,12.14L8,5.14Z'/%3E%3C/svg%3E"); }