.coupdoeil--popover.hidden {
  display: none;
}

.coupdoeil--popover[data-animation].popover-enter {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.coupdoeil--popover[data-animation].popover-leave {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.coupdoeil--popover[data-animation].popover-enter, .coupdoeil--popover[data-animation].popover-leave {
  transition-property: opacity, transform;
  transition-duration: 150ms;
}
.coupdoeil--popover[data-animation].popover-enter-end[data-animation=fade-in], .coupdoeil--popover[data-animation].popover-enter-end[data-animation=slide-in], .coupdoeil--popover[data-animation].popover-enter-end[data-animation=slide-out], .coupdoeil--popover[data-animation].popover-leave-start[data-animation=fade-in], .coupdoeil--popover[data-animation].popover-leave-start[data-animation=slide-in], .coupdoeil--popover[data-animation].popover-leave-start[data-animation=slide-out] {
  opacity: 1;
}
.coupdoeil--popover[data-animation].popover-enter-start[data-animation=fade-in], .coupdoeil--popover[data-animation].popover-enter-start[data-animation=slide-in], .coupdoeil--popover[data-animation].popover-enter-start[data-animation=slide-out], .coupdoeil--popover[data-animation].popover-leave-end[data-animation=fade-in], .coupdoeil--popover[data-animation].popover-leave-end[data-animation=slide-in], .coupdoeil--popover[data-animation].popover-leave-end[data-animation=slide-out] {
  opacity: 0;
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=right][data-animation=slide-in], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=right][data-animation=slide-in] {
  transform: translateX(1rem);
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=right][data-animation=slide-out], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=right][data-animation=slide-out] {
  transform: translateX(-1rem);
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=left][data-animation=slide-in], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=left][data-animation=slide-in] {
  transform: translateX(-1rem);
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=left][data-animation=slide-out], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=left][data-animation=slide-out] {
  transform: translateX(1rem);
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=top][data-animation=slide-in], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=top][data-animation=slide-in] {
  transform: translateY(-1rem);
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=top][data-animation=slide-out], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=top][data-animation=slide-out] {
  transform: translateY(1rem);
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=bottom][data-animation=slide-in], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=bottom][data-animation=slide-in] {
  transform: translateY(1rem);
}
.coupdoeil--popover[data-animation].popover-enter-start[data-placement|=bottom][data-animation=slide-out], .coupdoeil--popover[data-animation].popover-leave-end[data-placement|=bottom][data-animation=slide-out] {
  transform: translateY(-1rem);
}

.coupdoeil--popover [data-popover-arrow] {
  --co-popover--color: white;
  --co-popover--border-color: rgb(209 213 219);
  --co-popover-border-size: 1px;
  --co-popover-border-style: solid;
  --co-popover--size-ratio: 1;
  --co-popover--height: 0.75rem;
  --co-popover--width: calc(var(--co-popover--height) / var(--co-popover--size-ratio));
  position: absolute;
  height: var(--co-popover--height);
  width: var(--co-popover--height);
}
.coupdoeil--popover [data-popover-arrow]::after, .coupdoeil--popover [data-popover-arrow]::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  border: var(--co-popover--base-border-width) var(--co-popover-border-style) transparent;
}
.coupdoeil--popover [data-popover-arrow]::after {
  --co-popover--base-border-width: var(--co-popover--width);
  border-bottom-color: var(--co-popover--color);
  left: calc(50% - var(--co-popover--width));
}
.coupdoeil--popover [data-popover-arrow]::before {
  --co-popover--base-border-width: calc(var(--co-popover--height) + var(--co-popover-border-size));
  border-bottom-color: var(--co-popover--border-color);
  left: calc(50% - var(--co-popover--width) - var(--co-popover-border-size));
}
.coupdoeil--popover[data-placement|=top] [data-popover-arrow] {
  transform: rotate(180deg);
}
.coupdoeil--popover[data-placement|=right] [data-popover-arrow] {
  transform: rotate(-90deg);
}
.coupdoeil--popover[data-placement|=left] [data-popover-arrow] {
  transform: rotate(90deg);
}