.tooltip-panel{align-items:flex-start;display:flex;max-width:min(336px,calc(100vw - var(--page-gutter, var(--container-margin))*2));opacity:0;position:fixed;transition:opacity .15s,visibility .15s;visibility:hidden;width:-moz-max-content;width:max-content;z-index:40}.tooltip-panel[data-open]{opacity:1;visibility:visible}.tooltip-panel[data-instant]{transition:none}.tooltip-panel[data-placement=up]{flex-direction:column}.tooltip-panel[data-placement=down]{flex-direction:column-reverse}.tooltip-panel[data-placement=left]{flex-direction:row}.tooltip-panel[data-placement=right]{flex-direction:row-reverse}.tooltip-message{text-wrap:balance;background:rgb(var(--color-background-inverted));border-radius:12px;color:rgb(var(--color-text-inverted));padding:10px 12px;width:100%}.tooltip-message a,.tooltip-message button{text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:var(--underline-offset)}@media (hover:hover) and (pointer:fine){.tooltip-message a:hover,.tooltip-message button:hover{text-decoration-line:none}}.tooltip-message a[data-pressed],.tooltip-message button[data-pressed]{text-decoration-line:none}.tooltip-tail{color:rgb(var(--color-background-inverted));flex-shrink:0;position:relative}.tooltip-tail>svg{height:9px;left:50%;position:absolute;top:50%;translate:calc(-50% + var(--tooltip-bleed-x, 0px)) calc(-50% + var(--tooltip-bleed-y, 0px));width:36px}[data-placement=up]>.tooltip-tail{--tooltip-bleed-y:-0.5px}[data-placement=down]>.tooltip-tail{--tooltip-bleed-y:0.5px}[data-placement=left]>.tooltip-tail{--tooltip-bleed-x:-0.5px}[data-placement=right]>.tooltip-tail{--tooltip-bleed-x:0.5px}[data-placement=down]>.tooltip-tail,[data-placement=up]>.tooltip-tail{height:8px;margin-left:var(--tooltip-tail,0);width:36px}[data-placement=left]>.tooltip-tail,[data-placement=right]>.tooltip-tail{height:36px;margin-top:var(--tooltip-tail,0);width:8px}[data-placement=down]>.tooltip-tail>svg{rotate:180deg}[data-placement=left]>.tooltip-tail>svg{rotate:-90deg}[data-placement=right]>.tooltip-tail>svg{rotate:90deg}