.rp-tooltip[data-v-7be1b48b] {
  position: relative;
  display: inline-flex;
}
.rp-tooltip__tip[data-v-7be1b48b] {
  --_arrow: 5px;
  position: absolute;
  z-index: 1000;
  padding: var(--rp-spacing-1) var(--rp-spacing-2);
  font-family: var(--rp-font-family);
  font-size: var(--rp-font-size-xs);
  font-weight: var(--rp-font-weight-medium);
  line-height: 1.4;
  color: var(--rp-color-text-inverted);
  background-color: var(--rp-color-surface-inverted);
  border-radius: var(--rp-radius-md);
  white-space: nowrap;
  pointer-events: none;
  animation: rp-tooltip-fade-7be1b48b 150ms ease;
}
.rp-tooltip__tip[data-v-7be1b48b]::after {
  content: "";
  position: absolute;
  border: var(--_arrow) solid transparent;
}
.rp-tooltip__tip--top[data-v-7be1b48b] {
  bottom: calc(100% + var(--_arrow) + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.rp-tooltip__tip--top[data-v-7be1b48b]::after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: var(--rp-color-surface-inverted);
}
.rp-tooltip__tip--bottom[data-v-7be1b48b] {
  top: calc(100% + var(--_arrow) + 2px);
  left: 50%;
  transform: translateX(-50%);
}
.rp-tooltip__tip--bottom[data-v-7be1b48b]::after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: var(--rp-color-surface-inverted);
}
.rp-tooltip__tip--left[data-v-7be1b48b] {
  right: calc(100% + var(--_arrow) + 2px);
  top: 50%;
  transform: translateY(-50%);
}
.rp-tooltip__tip--left[data-v-7be1b48b]::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: var(--rp-color-surface-inverted);
}
.rp-tooltip__tip--right[data-v-7be1b48b] {
  left: calc(100% + var(--_arrow) + 2px);
  top: 50%;
  transform: translateY(-50%);
}
.rp-tooltip__tip--right[data-v-7be1b48b]::after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: var(--rp-color-surface-inverted);
}
@keyframes rp-tooltip-fade-7be1b48b {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}