lbry-desktop/ui/scss/component/_tooltip.scss

[data-reach-tooltip] {
  border-radius: var(--border-radius);
  border: none;
  padding: var(--spacing-s);
  overflow: hidden;
  white-space: normal;
}

.MuiTooltip-tooltip {
  border-radius: var(--border-radius) !important;
  background-color: rgba(var(--color-header-background-base), 0.8) !important;
  color: var(--color-text) !important;
  font-size: var(--font-small) !important;
  border: 2px solid var(--color-text);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.MuiTooltip-arrow {
  color: var(--color-text) !important;
  font-size: var(--font-xxsmall) !important;
}

.channel-staked__tooltip {
  display: flex;
  align-items: center;
  line-height: 1rem;
  padding: var(--spacing-xs);

  .channel-staked__tooltip-text {
    color: var(--color-text) !important;
    margin-left: var(--spacing-xs);
    font-size: var(--font-small);

    .channel-staked__amount {
      .icon {
        margin-bottom: 2px;
      }
    }
  }

  .credit-amount {
    color: var(--color-text) !important;
  }
}