.hint-fixed[data-v-69ce8148] {
  position: absolute;
  z-index: 10001;
  background: #FFF9D8;
  color: #364462;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  white-space: nowrap;
  padding: 5px 10px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
}
.hint[data-v-69ce8148] {
  position: absolute;
  z-index: 10001;
  padding: 5px 10px;
  background: #384460;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  white-space: nowrap;
}
.hint.hint-top[data-v-69ce8148]::after {
  content: " ";
  position: absolute;
  margin-left: calc(-3px - var(--hint-triangle));
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #384460 transparent transparent transparent;
  cursor: pointer;
  left: 50%;
  bottom: -4px;
}
.hint.hint-bottom[data-v-69ce8148]::after {
  content: " ";
  position: absolute;
  margin-left: calc(-3px - var(--hint-triangle));
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 4px 4px 4px;
  border-color: transparent transparent #384460 transparent;
  cursor: pointer;
  left: 50%;
  top: -4px;
}
.fade-enter-active[data-v-69ce8148], .fade-leave-active[data-v-69ce8148] {
  -webkit-transition: opacity 0s 0s;
  transition: opacity 0s 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.fade-enter[data-v-69ce8148], .fade-leave-to[data-v-69ce8148] {
  opacity: 0;
}