.bottom-nav [data-media-active-only="true"]:disabled {
  cursor: default;
  opacity: .38;
  filter: grayscale(1);
  pointer-events: none;
}

.bottom-nav [data-media-active-only="true"]:disabled .nav-icon {
  opacity: .72;
}

.bottom-nav [data-media-active-only="true"]:disabled > span:last-child {
  color: var(--muted);
}

body[data-media-sections="disabled"] .bottom-nav [data-media-active-only="true"].active {
  color: inherit;
  background: transparent;
  box-shadow: none;
}