/* === Automatically created from tooltips.scss - do not modify! === */

.pfy-popover-wrapper {
  position: relative;
  display: inline-block;
}

.pfy-popover-anchor {
  border: none;
  background: none;
  anchor-name: --pfy-popover;
}
.pfy-popover-anchor:focus-visible + .pfy-popover-content, .pfy-popover-anchor.pfy-hover-open:hover + .pfy-popover-content {
  display: block;
  pointer-events: auto;
}
.pfy-popover-anchor:focus-visible + .pfy-popover-content > div, .pfy-popover-anchor.pfy-hover-open:hover + .pfy-popover-content > div {
  white-space: nowrap;
}

.pfy-popover-content {
  position: fixed;
  position-anchor: --pfy-popover;
  inset: auto;
  left: anchor(right);
  align-self: anchor-center;
  margin: 0;
  padding: 0.8em;
  border-width: 1px;
  border-color: color-mix(in oklab, var(--pfy-tooltip-bg, #ffffd6), black 15%);
  border-radius: 6px;
  background: var(--pfy-tooltip-bg, #ffffd6);
  color: var(--pfy-tooltip-txt, inherit);
  font-size: 0.85em;
  pointer-events: none;
  z-index: 1000;
  filter: drop-shadow(1px 2px 3px hsla(0, 0%, 0%, 0.3));
}
.pfy-popover-content > div {
  display: grid;
  max-width: 80vw;
  max-height: 80vh;
}
.pfy-popover-content.pos-left {
  right: calc(anchor(left) + 4px);
  top: anchor(center);
  translate: 0 -50%;
}
.pfy-popover-content.pos-right {
  left: calc(anchor(right) + 4px);
  top: anchor(center);
  translate: 0 -50%;
}
.pfy-popover-content.pos-below {
  top: calc(anchor(bottom) + 4px);
  left: anchor(center);
  translate: -50% 0;
}
.pfy-popover-content.pos-below-right {
  top: calc(anchor(bottom) + 4px);
}
.pfy-popover-content.pos-above, .pfy-popover-content:not(.pos-left, .pos-right, .pos-below, .pos-below-right) {
  bottom: calc(anchor(top) + 4px);
  left: anchor(center);
  translate: -50% 0;
}