.p-tooltip { position: absolute; display: none; max-width: var(--p-tooltip-max-width); }
.p-tooltip-right, .p-tooltip-left { padding: 0 var(--p-tooltip-gutter); }
.p-tooltip-top, .p-tooltip-bottom { padding: var(--p-tooltip-gutter) 0; }
.p-tooltip-text { white-space: pre-line; word-break: break-word; background: var(--p-tooltip-background); color: var(--p-tooltip-color); padding: var(--p-tooltip-padding); box-shadow: var(--p-tooltip-shadow); border-radius: var(--p-tooltip-border-radius); }
.p-tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.p-tooltip-right .p-tooltip-arrow { margin-top: calc(-1 * var(--p-tooltip-gutter)); border-width: var(--p-tooltip-gutter) var(--p-tooltip-gutter) var(--p-tooltip-gutter) 0; border-right-color: var(--p-tooltip-background); }
.p-tooltip-left .p-tooltip-arrow { margin-top: calc(-1 * var(--p-tooltip-gutter)); border-width: var(--p-tooltip-gutter) 0 var(--p-tooltip-gutter) var(--p-tooltip-gutter); border-left-color: var(--p-tooltip-background); }
.p-tooltip-top .p-tooltip-arrow { margin-left: calc(-1 * var(--p-tooltip-gutter)); border-width: var(--p-tooltip-gutter) var(--p-tooltip-gutter) 0 var(--p-tooltip-gutter); border-top-color: var(--p-tooltip-background); border-bottom-color: var(--p-tooltip-background); }
.p-tooltip-bottom .p-tooltip-arrow { margin-left: calc(-1 * var(--p-tooltip-gutter)); border-width: 0 var(--p-tooltip-gutter) var(--p-tooltip-gutter) var(--p-tooltip-gutter); border-top-color: var(--p-tooltip-background); border-bottom-color: var(--p-tooltip-background); }