/* Tooltip is created in the DOM as too often used .k-animation-container */
.k-animation-container:has(.k-tooltip) {
  white-space: overflow-wrap;
  background-color: var(--kendo-color-primary-hover);
  border-radius: 0.25rem;
  max-width: 50ch;
}
.k-animation-container:has(.k-tooltip) .k-tooltip {
  color: var(--kendo-color-light);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.k-animation-container:has(.k-tooltip) .k-callout {
  display: none;
}