/* Tooltip portal styles — rendered via portal-vue at #app root, outside overflow:hidden contexts */
.tooltip-default-ui-wrapper {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.tooltip-default-ui-content {
  position: fixed;
  pointer-events: none;
  z-index: 1000000000;
  max-width: 280px;
  width: -moz-max-content;
  width: max-content;
  padding: 6px 10px;
  border-radius: 8px;
  background: hsl(0 0% 15%);
  color: hsl(0 0% 98%);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.45;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.25),
    0 10px 20px -2px rgba(0, 0, 0, 0.25),
    0 2px 4px -1px rgba(0, 0, 0, 0.15);
  will-change: transform, opacity;
  transition: opacity .18s cubic-bezier(0.16,1,0.3,1), transform .18s cubic-bezier(0.16,1,0.3,1);
}
.tooltip-default-ui-hidden {
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
}
.tooltip-default-ui-visible {
  opacity: 1;
  transform: translateY(0);
}
.tooltip-default-ui-text {
  display: block;
  white-space: nowrap;
  line-height: 1.4;
}
.tooltip-default-ui-multiline .tooltip-default-ui-text {
  white-space: normal;
  text-align: center;
  text-wrap: pretty;
}
.tooltip-default-ui-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: hsl(0 0% 15%);
  border-radius: 1px;
  z-index: -1;
}
.tooltip-default-ui-arrow-top { box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.15);
}
.tooltip-default-ui-arrow-bottom { box-shadow: -2px -2px 3px -1px rgba(0,0,0,0.15);
}
.tooltip-default-ui-arrow-left { box-shadow: 2px -2px 3px -1px rgba(0,0,0,0.15);
}
.tooltip-default-ui-arrow-right { box-shadow: -2px 2px 3px -1px rgba(0,0,0,0.15);
}
.tooltip-default-ui-side-top { transform-origin: bottom center;
}
.tooltip-default-ui-side-bottom { transform-origin: top center;
}
.tooltip-default-ui-side-left { transform-origin: center right;
}
.tooltip-default-ui-side-right { transform-origin: center left;
}