$tooltip-wrapper-name: $lib-name + "-tooltip";

$tooltip-dark-bg-color: $background-color-dark;
$tooltip-dark-text-color: $title-color-dark;

$tooltip-light-bg-color: $background-color-base;
$tooltip-light-border-color: $border-color-base;
$tooltip-light-text-color: $title-color-light;

.#{$tooltip-wrapper-name} {
  padding: 6px 10px;
  border-radius: 4px;
  &.dark {
    background: $tooltip-dark-bg-color;
    box-shadow: $box-shadow-base;
    .tooltip-content {
      color: $tooltip-dark-text-color;
    }
  }
  &.light {
    background: $tooltip-light-bg-color;
    border: 1px solid $tooltip-light-border-color;
    box-shadow: $box-shadow-base;
    .tooltip-content {
      color: $tooltip-light-text-color;
    }
  }
  .tooltip-content {
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
  }
}