/* Preserve the supplied 32px SVG tile and line art; masking it would make a square. */
.wy-menu-vertical li.toctree-l1 > a[data-cf-tabler-icon] {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* RTD's negative toggle margin assumes a text-only row. Keep the toggle separate. */
.wy-menu-vertical li.toctree-l1 > a[data-cf-tabler-icon] > button.toctree-expand {
  float: none;
  margin: 0 0 0 auto;
  order: 1;
  flex: 0 0 auto;
}

.wy-menu-vertical li.toctree-l1 > a[data-cf-tabler-icon]::before,
.wy-menu-vertical li.toctree-l1.current > a[data-cf-tabler-icon]::before,
.wy-menu-vertical .cf-useful-link[data-cf-tabler-icon] .cf-useful-link__icon {
  content: "";
  display: inline-block;
  position: static !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 5px !important;
  background: transparent var(--cf-sidebar-section-icon) center / contain no-repeat !important;
  -webkit-mask: none !important;
  mask: none !important;
  filter: none !important;
}

@media (min-width: 769px) {
  .cf-portal-navigation.cf-sidebar-is-collapsed .wy-menu-vertical li.toctree-l1 > a[data-cf-tabler-icon] {
    padding: 8px 18px !important;
  }
}