@use '@style/theme/index.scss' as theme;
@use '@components/tooltip/style/token.scss' as *;

.#{theme.$prefix}-tooltip {
  &-content {
    max-width: 350px;
    padding: $tooltip-padding-vertical $tooltip-padding-horizontal;
    color: $tooltip-color-text;
    font-size: $tooltip-font-size;
    line-height: theme.$line-height-base;
    text-align: left;
    overflow-wrap: break-word;
    background-color: $tooltip-color-bg;
    border-radius: $tooltip-border-radius;
  }

  &-mini {
    padding: $tooltip-mini-padding-vertical $tooltip-mini-padding-horizontal;
    font-size: $tooltip-mini-font-size;
  }

  &-popup-arrow {
    background-color: $tooltip-color-bg;
  }
}