.c-bunker-adjustment-trends-tooltip {
  $this: &;
  $dot-size: 0.375em;
  $dot-margin: 0.5em;
  $dot-area-width: $dot-size + $dot-margin;

  background-color: #fff;
  font-size: 1em;
  line-height: 1.1em;
  max-width: 12.5em;
  border-radius: 0.1875em;
  box-shadow: 0 0.1875em 1.25em rgba(0, 0, 0, 0.1);

  &__label {
    display: block;

    &:before {
      content: "";
      display: inline-block;
      margin-right: $dot-margin;
      transform: translateY(-50%);
      @include dot($dot-size);
    }
  }

  &__sub-label {
    font-size: $font-size-medium;
    line-height: 1.3333em;
    margin-left: $dot-area-width * (1em / $font-size-medium);
  }

  &__name {
    font-size: 0.75em;
    margin-left: $dot-area-width * 1.3333;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
}