// .@{tooltip-prefix-cls} {
//   .reset-component();
//
//   position: absolute;
//   z-index: @zindex-tooltip;
//   display: block;
//   width: max-content;
//   width: intrinsic;
//   max-width: @tooltip-max-width;
//   visibility: visible;
//
//   &-content {
//     position: relative;
//   }
//
//   &-hidden {
//     display: none;
//   }
//
//   &-placement-top,
//   &-placement-topLeft,
//   &-placement-topRight {
//     padding-bottom: @tooltip-distance;
//   }
//
//   &-placement-right,
//   &-placement-rightTop,
//   &-placement-rightBottom {
//     padding-left: @tooltip-distance;
//   }
//
//   &-placement-bottom,
//   &-placement-bottomLeft,
//   &-placement-bottomRight {
//     padding-top: @tooltip-distance;
//   }
//
//   &-placement-left,
//   &-placement-leftTop,
//   &-placement-leftBottom {
//     padding-right: @tooltip-distance;
//   }
//
//   // Wrapper for the tooltip content
//   &-inner {
//     min-width: 30px;
//     min-height: 32px;
//     padding: 6px 8px;
//     color: @tooltip-color;
//     text-align: left;
//     text-decoration: none;
//     word-wrap: break-word;
//     background-color: @tooltip-bg;
//     border-radius: @tooltip-border-radius;
//     box-shadow: @box-shadow-base;
//   }
//
//   // Arrows
//   &-arrow {
//     position: absolute;
//     z-index: 2;
//     display: block;
//     width: @tooltip-arrow-rotate-width;
//     height: @tooltip-arrow-rotate-width;
//     overflow: hidden;
//     background: transparent;
//     pointer-events: none;
//
//     &-content {
//       // Use linear gradient to mix box shadow of tooltip inner
//       --antd-arrow-background-color: linear-gradient(
//         to right bottom,
//         fadeout(@tooltip-bg, 10%),
//         @tooltip-bg
//       );
//
//       position: absolute;
//       top: 0;
//       right: 0;
//       bottom: 0;
//       left: 0;
//       display: block;
//       width: @tooltip-arrow-width;
//       height: @tooltip-arrow-width;
//       margin: auto;
//       background-color: transparent;
//       content: '';
//       pointer-events: auto;
//       .roundedArrow(@tooltip-arrow-width, 5px);
//     }
//   }
//
//   &-placement-top &-arrow,
//   &-placement-topLeft &-arrow,
//   &-placement-topRight &-arrow {
//     bottom: 0;
//     transform: translateY(100%);
//
//     &-content {
//       box-shadow: @tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
//       transform: translateY((-@tooltip-arrow-rotate-width / 2)) rotate(45deg);
//     }
//   }
//
//   &-placement-top &-arrow {
//     left: 50%;
//     transform: translateY(100%) translateX(-50%);
//   }
//
//   &-placement-topLeft &-arrow {
//     left: @tooltip-arrow-offset-horizontal;
//   }
//
//   &-placement-topRight &-arrow {
//     right: @tooltip-arrow-offset-horizontal;
//   }
//
//   &-placement-right &-arrow,
//   &-placement-rightTop &-arrow,
//   &-placement-rightBottom &-arrow {
//     left: 0;
//     transform: translateX(-100%);
//
//     &-content {
//       box-shadow: -@tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
//       transform: translateX((@tooltip-arrow-rotate-width / 2)) rotate(135deg);
//     }
//   }
//
//   &-placement-right &-arrow {
//     top: 50%;
//     transform: translateX(-100%) translateY(-50%);
//   }
//
//   &-placement-rightTop &-arrow {
//     top: @tooltip-arrow-offset-vertical;
//   }
//
//   &-placement-rightBottom &-arrow {
//     bottom: @tooltip-arrow-offset-vertical;
//   }
//
//   &-placement-left &-arrow,
//   &-placement-leftTop &-arrow,
//   &-placement-leftBottom &-arrow {
//     right: 0;
//     transform: translateX(100%);
//
//     &-content {
//       box-shadow: @tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
//       transform: translateX((-@tooltip-arrow-rotate-width / 2)) rotate(315deg);
//     }
//   }
//
//   &-placement-left &-arrow {
//     top: 50%;
//     transform: translateX(100%) translateY(-50%);
//   }
//
//   &-placement-leftTop &-arrow {
//     top: @tooltip-arrow-offset-vertical;
//   }
//
//   &-placement-leftBottom &-arrow {
//     bottom: @tooltip-arrow-offset-vertical;
//   }
//
//   &-placement-bottom &-arrow,
//   &-placement-bottomLeft &-arrow,
//   &-placement-bottomRight &-arrow {
//     top: 0;
//     transform: translateY(-100%);
//
//     &-content {
//       box-shadow: -@tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
//       transform: translateY((@tooltip-arrow-rotate-width / 2)) rotate(225deg);
//     }
//   }
//
//   &-placement-bottom &-arrow {
//     left: 50%;
//     transform: translateY(-100%) translateX(-50%);
//   }
//
//   &-placement-bottomLeft &-arrow {
//     left: @tooltip-arrow-offset-horizontal;
//   }
//
//   &-placement-bottomRight &-arrow {
//     right: @tooltip-arrow-offset-horizontal;
//   }
// }
//
// .generator-tooltip-preset-color(@i: length(@preset-colors)) when (@i > 0) {
//   .generator-tooltip-preset-color(@i - 1);
//   @color: extract(@preset-colors, @i);
//   @lightColor: '@{color}-6';
//   .@{tooltip-prefix-cls}-@{color} {
//     .@{tooltip-prefix-cls}-inner {
//       background-color: @@lightColor;
//     }
//     .@{tooltip-prefix-cls}-arrow {
//       &-content::before {
//         background: @@lightColor;
//       }
//     }
//   }
// }
// .generator-tooltip-preset-color();
//
// @import './rtl';