.x-tooltip .x-popup__content {
  display: inline-block;
  border: 0;
  z-index: 5600;
  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);
}
.x-tooltip--default .x-popup__content {
  color: var(--td-text-color-anti);
  background: var(--td-gray-color-13);
  box-shadow: inset 0 0.5px 0 var(--td-gray-color-9), inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="left"] .x-popup__arrow:before {
  box-shadow: inset -0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="right"] .x-popup__arrow:before {
  box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="top"] .x-popup__arrow:before {
  box-shadow: inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.x-tooltip--default[data-popper-placement^="bottom"] .x-popup__arrow:before {
  box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.x-tooltip--primary .x-popup__content {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.x-tooltip--success .x-popup__content {
  color: var(--td-success-color);
  background: var(--td-success-color-light);
}
.x-tooltip--danger .x-popup__content {
  color: var(--td-error-color);
  background: var(--td-error-color-light);
}
.x-tooltip--warning .x-popup__content {
  color: var(--td-warning-color);
  background: var(--td-warning-color-light);
}
.x-tooltip .x-popup__arrow {
  background: inherit;
  height: auto;
}
.x-tooltip .x-popup__arrow::before {
  background: inherit;
}
.x-tooltip--noshadow .x-popup__content,
.x-tooltip--noshadow[data-popper-placement] .x-popup__arrow:before {
  box-shadow: none;
}