.Tooltip-wrapper {
  display: inline-flex;
}

.Tooltip.__react_component_tooltip {
  opacity: 1;
  box-shadow: 0 2px 10px hsla(0, 0%, 0%, 0.1);
  font-size: var(--font-size);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink);
  max-width: 400px;
  background-color: var(--color-brand-200);

  &.place-right:after, {
    border-right-color: var(--color-brand-200);
  }

  &.place-top:after {
    border-top-color: var(--color-brand-200);
  }

  &.place-left:after {
    border-left-color: var(--color-brand-200);
  }

  &.place-bottom:after {
    border-bottom-color: var(--color-brand-200);
  }
}

.Tooltip-Icon {
  color: var(--color-ink-3);
}

@media screen and (max-width: 530px) {
  .Tooltip {
    max-width: 200px;
  }
}