.host {
  font-family: var(--vkui--font_paragraph--font_family--regular);
  font-size: var(--vkui--font_paragraph--font_size--regular);
  font-weight: var(--vkui--font_paragraph--font_weight--regular);
  line-height: var(--vkui--font_paragraph--line_height--regular);
}

.densityCompact {
  font-family: var(
    --vkui--font_paragraph--font_family--compact,
    var(--vkui--font_paragraph--font_family--regular)
  );
  font-size: var(
    --vkui--font_paragraph--font_size--compact,
    var(--vkui--font_paragraph--font_size--regular)
  );
  font-weight: var(
    --vkui--font_paragraph--font_weight--compact,
    var(--vkui--font_paragraph--font_weight--regular)
  );
  line-height: var(
    --vkui--font_paragraph--line_height--compact,
    var(--vkui--font_paragraph--line_height--regular)
  );
}

@media (--density-compact) {
  .densityNone {
    font-family: var(
      --vkui--font_paragraph--font_family--compact,
      var(--vkui--font_paragraph--font_family--regular)
    );
    font-size: var(
      --vkui--font_paragraph--font_size--compact,
      var(--vkui--font_paragraph--font_size--regular)
    );
    font-weight: var(
      --vkui--font_paragraph--font_weight--compact,
      var(--vkui--font_paragraph--font_weight--regular)
    );
    line-height: var(
      --vkui--font_paragraph--line_height--compact,
      var(--vkui--font_paragraph--line_height--regular)
    );
  }
}