.Tooltip {
  --tooltip-bg-color: var(--color-bg-default);
  --popover-arrow-bg-color: var(--tooltip-bg-color);
  --tooltip-bg-opacity: 0.9;
}

.Tooltip_status_error {
   --tooltip-bg-color: var(--color-bg-error);
 }

.Tooltip_status_warning {
   --tooltip-bg-color: var(--color-bg-warning);
 }

.Tooltip_status_success {
   --tooltip-bg-color: var(--color-bg-success);
 }

.Tooltip_status_normal {
   --tooltip-bg-color: var(--color-bg-normal);
 }

.Tooltip[class*='status'] {
   --tooltip-bg-opacity: 1;
}

.Tooltip[class*='status'] .Tooltip-Content {
    text-shadow: var(--shadow-group);
  }

/* Фон отдельным элементом, чтобы можно было добавить ему opacity */

.Tooltip-Background {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: var(--tooltip-bg-color);
   border-radius: var(--control-radius);
   opacity: var(--tooltip-bg-opacity);
   -webkit-box-shadow: var(--shadow-layer);
           box-shadow: var(--shadow-layer);
 }

.Tooltip-Content {
   position: relative; /* чтобы отображаться над фоном */
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
   padding: var(--space-xs);

}

.Tooltip-Content_size_s {
   max-width: 150px;
 }

.Tooltip-Content_size_m {
   max-width: 260px;
 }

.Tooltip-Content_size_l {
   max-width: 400px;
 }

.Tooltip-Content_size_window {
   max-width: 50vw;
   max-height: 15vw;
   overflow: auto;
   white-space: pre-wrap
 }

.Tooltip-Arrow {
   opacity: var(--tooltip-bg-opacity);
 }