@keyframes fade-in-data-v-f2f45a {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.k-popover[data-v-f2f45a] {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.content-wrapper[data-v-f2f45a] {
  position: absolute;
  border: 1px solid #333;
  border-radius: 4px;
  animation: fade-in-data-v-f2f45a 300ms;
  filter: drop-shadow(0 2px 12px 0 rgba(0, 0, 0, 0.1));
  background: #fff;
  padding: 0.5em 1em;
  max-width: 20em;
  word-break: break-all;
}
.content-wrapper[data-v-f2f45a]::before, .content-wrapper[data-v-f2f45a]::after {
  content: "";
  display: block;
  border: 10px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
}
.content-wrapper.position-top[data-v-f2f45a] {
  transform: translateY(-100%);
  margin-top: -10px;
}
.content-wrapper.position-top[data-v-f2f45a]::before, .content-wrapper.position-top[data-v-f2f45a]::after {
  left: 10px;
}
.content-wrapper.position-top[data-v-f2f45a]::before {
  border-bottom: none;
  border-top-color: black;
  top: 100%;
}
.content-wrapper.position-top[data-v-f2f45a]::after {
  border-top-color: white;
  top: calc(100% - 1px);
}
.content-wrapper.position-bottom[data-v-f2f45a] {
  margin-top: 10px;
}
.content-wrapper.position-bottom[data-v-f2f45a]::before, .content-wrapper.position-bottom[data-v-f2f45a]::after {
  left: 10px;
}
.content-wrapper.position-bottom[data-v-f2f45a]::before {
  border-top: none;
  border-bottom-color: black;
  bottom: 100%;
}
.content-wrapper.position-bottom[data-v-f2f45a]::after {
  border-bottom-color: white;
  bottom: calc(100% - 1px);
}
.content-wrapper.position-left[data-v-f2f45a] {
  transform: translateX(-100%);
  margin-left: -10px;
}
.content-wrapper.position-left[data-v-f2f45a]::before, .content-wrapper.position-left[data-v-f2f45a]::after {
  top: 50%;
  transform: translateY(-50%);
}
.content-wrapper.position-left[data-v-f2f45a]::before {
  border-right: none;
  border-left-color: black;
  left: 100%;
}
.content-wrapper.position-left[data-v-f2f45a]::after {
  border-left-color: white;
  left: calc(100% - 1px);
}
.content-wrapper.position-right[data-v-f2f45a] {
  margin-left: 10px;
}
.content-wrapper.position-right[data-v-f2f45a]::before, .content-wrapper.position-right[data-v-f2f45a]::after {
  top: 50%;
  transform: translateY(-50%);
}
.content-wrapper.position-right[data-v-f2f45a]::before {
  border-left: none;
  border-right-color: black;
  right: 100%;
}
.content-wrapper.position-right[data-v-f2f45a]::after {
  border-right-color: white;
  right: calc(100% - 1px);
}