@layer components {[pi-tooltip]{--pi-tooltip-z-index: 21;--pi-tooltip-max-width: 320px;--pi-tooltip-animation-duration: 150ms;position:fixed;top:var(--pi-tooltip-top, 0);left:var(--pi-tooltip-left, 0);z-index:var(--pi-tooltip-z-index);max-width:var(--pi-tooltip-max-width);width:max-content;border-radius:var(--pi-tooltip-border-radius-override, var(--pi-size-border-radius-12));padding:var(--pi-size-spacing-12) var(--pi-size-spacing-16);font-family:var(--pi-font-family);font-size:var(--pi-size-font-paragraph-13-text);line-height:var(--pi-size-font-paragraph-13-line);font-weight:var(--pi-font-weight-medium);opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.9);transition:opacity var(--pi-tooltip-animation-duration) ease,visibility var(--pi-tooltip-animation-duration) ease,transform var(--pi-tooltip-animation-duration) ease}[pi-tooltip][pi-color=dark]{background-color:var(--pi-color-neutral-700);color:var(--pi-color-neutral-25);box-shadow:var(--pi-shadow-100)}[pi-tooltip][pi-color=light]{background-color:var(--pi-color-white);color:var(--pi-color-neutral-900);box-shadow:var(--pi-shadow-50)}[pi-tooltip][pi-state=visible]{opacity:1;visibility:visible;transform:scale(1)}[pi-tooltip][pi-state=hidden]{opacity:0;visibility:hidden;transform:scale(0.9)}[pi-tooltip][pi-placement=top]{transform-origin:center bottom}[pi-tooltip][pi-placement=bottom]{transform-origin:center top}[pi-tooltip][pi-placement=left]{transform-origin:right center}[pi-tooltip][pi-placement=right]{transform-origin:left center}@media(prefers-reduced-motion: reduce){[pi-tooltip]{--pi-tooltip-animation-duration: 0ms}}[pi-tooltip=html]{display:grid;grid-template-columns:min-content 1fr;grid-template-rows:var(--pi-size-font-paragraph-13-line, min-content) 1fr;grid-column-gap:8px;grid-row-gap:8px;align-items:center}[pi-tooltip=html]>[pi-icon]{--pi-icon-size: 16px;grid-area:1/1/2/2}[pi-tooltip=html]>[pi-icon]+.pi-tooltip-description{grid-area:1/2/3/3}[pi-tooltip=html]>.pi-tooltip-title{grid-area:1/2/2/3;vertical-align:middle;font-weight:var(--pi-font-weight-bold)}[pi-tooltip=html]>.pi-tooltip-title+.pi-tooltip-description{grid-area:2/1/3/3}[pi-tooltip=html]>.pi-tooltip-description{font-weight:var(--pi-font-weight-medium);padding:0;margin:0}}