@value (fontWeightMedium,
  fontSize14,
  fontWeightBook,
  fontLineHeight150,
  fontLetterSpacing0) from '../../../styles/variables/_font.css';
@value (colorTextInversePrimary, colorTextInverseSecondary) from '../../../styles/variables/_color.css';
@value (spaceNone, spaceXXSmall) from '../../../styles/variables/_space.css';
@value (size8) from '../../../styles/variables/_size.css';
@value (borderRadiusCircle) from '../../../styles/variables/_border.css';

.tooltipHeader {
  margin: spaceNone;
  color: colorTextInversePrimary;
}

.tooltipPoint {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: spaceXXSmall;
}

.indicatorCircle {
  display: inline-block;
  width: size8;
  height: size8;
  border-radius: borderRadiusCircle;
  margin: spaceXXSmall spaceNone;
}

.tooltipContent {
  margin: spaceNone;
  color: colorTextInverseSecondary;
  text-align: center;
}