.page-top {
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
}
.page-top.center {
  text-align: center;
}
.cowl {
  margin-bottom: 10px;
}
.topic__heading {
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-top:not(.no-flex-title) .topic__heading {
  display: flex;
  align-items: center;
  align-items: flex-start;
  overflow: visible;
  gap: 12px;
}
.page-top.center .topic__heading {
  justify-content: center;
}
.topic__heading #pagetitle {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;

  /* white-space: nowrap; */
}
.element-count {
  padding: 2px 8px 2px 8px;
  margin: 0px 0px 2px 10px;

  display: inline-block;
  vertical-align: bottom;

  color: var(--gray_bg_black);
}
.has-long-banner .element-count {
  color: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent);
  --text-opacity: 48%;
}

.block-wo-title section.page-top {
  padding-bottom: 11px;
}
.topic__heading .heading-icons {
	display: inline-flex;
  margin: calc(1.625em / 4) 2px 0px auto;
}
.topic__heading .heading-icons + .heading-icons {
  margin-left: 10px;
}

.cowl .colored_theme_hover_bg-block:not(:hover) .svg path,
.heading-icons .colored_theme_hover_bg-block:not(:hover) .svg path {
  fill: #b8b8b8;
}

.heading-icons .btn-heading.btn_heading--with_title {
  width: initial;
  position: relative;
  cursor: pointer;
  text-align: center;
  margin: 0 -13px 0 25px;
  display: flex;
  align-items: center;
}
.heading-icons .btn-heading.btn_heading--with_title .title {
  display: inline-block;
  font-size: 0.875rem;
  line-height: calc(1em + 7px);
  margin: 0 15px 0 12px;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .header_opacity .heading-icons {
    --fill_dark_light: #fff;
    --fill_dark_lite_hover: #fff;
  }
  .header_opacity .heading-icons .svg {
    opacity: 1;
  }
}