.p-popover { margin-block-start: var(--p-popover-gutter); background: var(--p-popover-background); color: var(--p-popover-color); border: 1px solid var(--p-popover-border-color); border-radius: var(--p-popover-border-radius); box-shadow: var(--p-popover-shadow); will-change: transform; }
.p-popover-content { padding: var(--p-popover-content-padding); }
.p-popover-flipped { margin-block-start: calc(var(--p-popover-gutter) * -1); margin-block-end: var(--p-popover-gutter); }
.p-popover::after, .p-popover::before { bottom: 100%; left: calc(var(--p-popover-arrow-offset) + var(--p-popover-arrow-left)); content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }
.p-popover::after { border-width: calc(var(--p-popover-gutter) - 2px); margin-left: calc(-1 * (var(--p-popover-gutter) - 2px)); border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-color: var(--p-popover-background); }
.p-popover::before { border-width: var(--p-popover-gutter); margin-left: calc(-1 * var(--p-popover-gutter)); border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-color: var(--p-popover-border-color); }
.p-popover-flipped::after, .p-popover-flipped::before { bottom: auto; top: 100%; }
.p-popover.p-popover-flipped::after { border-bottom-color: transparent; border-top-color: var(--p-popover-background); }
.p-popover.p-popover-flipped::before { border-bottom-color: transparent; border-top-color: var(--p-popover-border-color); }