.apexcharts-canvas {
  /**
  * Tooltip
  */
  .apexcharts-tooltip {
    min-width: 80px;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    color: var(--palette-text-primary);
    box-shadow: var(--customShadows-dropdown);
    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
  }
  .apexcharts-xaxistooltip {
    border-radius: 10px;
    border-color: transparent;
    backdrop-filter: blur(6px);
    color: var(--palette-text-primary);
    box-shadow: var(--customShadows-dropdown);
    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
    &::before {
      border-bottom-color: rgba(var(--palette-grey-500Channel) / 0.16);
    }
    &::after {
      border-bottom-color: rgba(var(--palette-background-defaultChannel) / 0.9);
    }
  }
  .apexcharts-tooltip-title {
    font-weight: 700;
    text-align: center;
    color: var(--palette-text-secondary);
    background-color: var(--palette-background-neutral);
  }
  /**
  * Tooltip: group
  */
  .apexcharts-tooltip-series-group {
    padding: 4px 12px;
  }
  .apexcharts-tooltip-marker {
    margin-right: 8px;
  }
  /**
  * Legend
  */
  .apexcharts-legend {
    padding: 0;
  }
  .apexcharts-legend-series {
    font-size: 0;
  }
  .apexcharts-legend-marker {
    margin-right: 6px;
    vertical-align: top;
    transform: translateY(3px);
  }
  .apexcharts-legend-text {
    line-height: 18px;
  }
}
