.l-tooltip .l-popup__content {
  display: inline-block;
  border: 0;
  margin-bottom: 1px;
  max-width: 480px;
  word-break: break-word;
  box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  color: var(--td-text-color-primary);
}
.l-tooltip--default .l-popup__content {
  color: var(--td-text-color-anti);
  background: var(--td-gray-color-12);
  margin: 8px;
}
.l-tooltip--primary .l-popup__content {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.l-tooltip--success .l-popup__content {
  color: var(--td-success-color);
  background: var(--td-success-color-light);
}
.l-tooltip--danger .l-popup__content {
  color: var(--td-error-color);
  background: var(--td-error-color-light);
}
.l-tooltip--warning .l-popup__content {
  color: var(--td-warning-color);
  background: var(--td-warning-color-light);
}
.l-tooltip .l-popup__arrow {
  background: inherit;
  width: auto;
  height: auto;
}
.l-tooltip .l-popup__arrow::before {
  background: inherit;
}
.l-popup[data-popper-placement^='top'].l-tooltip .l-popup__arrow {
  bottom: 4px;
}
.l-popup[data-popper-placement^='left'].l-tooltip .l-popup__arrow {
  right: 4px;
}
.l-popup[data-popper-placement^='right'].l-tooltip .l-popup__arrow {
  left: -4px;
}
