.popover[data-v-e31d95] {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.content-wrapper[data-v-e31d95] {
  position: absolute;
  border: 1px solid #666;
  border-radius: 4px;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
  background: white;
  padding: 0.5em 1em;
  max-width: 20em;
  word-break: break-all;
}
.content-wrapper[data-v-e31d95]::before, .content-wrapper[data-v-e31d95]::after {
  content: "";
  display: block;
  border: 10px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
}
.content-wrapper.position-top[data-v-e31d95] {
  transform: translateY(-100%);
  margin-top: -10px;
}
.content-wrapper.position-top[data-v-e31d95]::before, .content-wrapper.position-top[data-v-e31d95]::after {
  left: 10px;
}
.content-wrapper.position-top[data-v-e31d95]::before {
  border-top-color: black;
  border-bottom: none;
  top: 100%;
}
.content-wrapper.position-top[data-v-e31d95]::after {
  border-top-color: white;
  border-bottom: none;
  top: calc(100% - 1px);
}
.content-wrapper.position-bottom[data-v-e31d95] {
  margin-top: 10px;
}
.content-wrapper.position-bottom[data-v-e31d95]::before, .content-wrapper.position-bottom[data-v-e31d95]::after {
  left: 10px;
}
.content-wrapper.position-bottom[data-v-e31d95]::before {
  border-top: none;
  border-bottom-color: black;
  bottom: 100%;
}
.content-wrapper.position-bottom[data-v-e31d95]::after {
  border-top: none;
  border-bottom-color: white;
  bottom: calc(100% - 1px);
}
.content-wrapper.position-left[data-v-e31d95] {
  transform: translateX(-100%);
  margin-left: -10px;
}
.content-wrapper.position-left[data-v-e31d95]::before, .content-wrapper.position-left[data-v-e31d95]::after {
  transform: translateY(-50%);
  top: 50%;
}
.content-wrapper.position-left[data-v-e31d95]::before {
  border-left-color: black;
  border-right: none;
  left: 100%;
}
.content-wrapper.position-left[data-v-e31d95]::after {
  border-left-color: white;
  border-right: none;
  left: calc(100% - 1px);
}
.content-wrapper.position-right[data-v-e31d95] {
  margin-left: 10px;
}
.content-wrapper.position-right[data-v-e31d95]::before, .content-wrapper.position-right[data-v-e31d95]::after {
  transform: translateY(-50%);
  top: 50%;
}
.content-wrapper.position-right[data-v-e31d95]::before {
  border-right-color: black;
  border-left: none;
  right: 100%;
}
.content-wrapper.position-right[data-v-e31d95]::after {
  border-right-color: white;
  border-left: none;
  right: calc(100% - 1px);
}
.contents-enter-active[data-v-e31d95], .contents-leave-active[data-v-e31d95] {
  transition: opacity 0.3s;
}
.contents-enter[data-v-e31d95], .contents-leave-to[data-v-e31d95] {
  opacity: 0;
}