.tooltip {
  &-indicator {
    color: $gray5;
    font-size: 16px;
    padding: 0 0 0 6px;
    &-large {
      font-size: 20px;
    }
    &-normal {
      font-size: 16px;
    }
    &-small {
      font-size: 12px;
    }
    &-primary {
      color: $gray0;
    }
    &-secondary {
      color: $gray5;
    }
  }
}

.__react_component_tooltip.type-info {
  color: $pw;
  background-color: $gray0 !important;
}

.__react_component_tooltip {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 14px 15px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

.__react_component_tooltip.type-info.place-right:after {
  border-right-color: $gray0 !important;
}

.__react_component_tooltip.type-info.place-top:after {
  border-top-color: $gray0 !important;
}

.__react_component_tooltip.type-info.place-left:after {
  border-left-color: $gray0 !important;
}

.__react_component_tooltip.type-info.place-bottom:after {
  border-bottom-color: $gray0 !important;
}