:root{--tooltip-triangle-size: 12px}.tooltip-trigger{white-space:nowrap;border-bottom:1px dotted var(--color-contrast-high);cursor:help}.tooltip{position:absolute;z-index:var(--z-index-popover, 5);display:inline-block;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-md);max-width:200px;background-color:#222;box-shadow:var(--shadow-md);color:#fff;font-size:var(--text-sm);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .2s,visibility .2s}.tooltip a{color:inherit;text-decoration:underline}@supports(-webkit-clip-path: inset(50%)) or (clip-path: inset(50%)){.tooltip::before{content:"";position:absolute;background-color:inherit;border:inherit;width:var(--tooltip-triangle-size);height:var(--tooltip-triangle-size);-webkit-clip-path:polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%)}}.tootip:not(.tooltip--sticky){pointer-events:none}.tooltip--sm{max-width:150px;font-size:var(--text-xs);padding:var(--space-xxxs) var(--space-xxs)}.tooltip--md{max-width:300px;padding:var(--space-xs) var(--space-sm)}.tooltip--lg{max-width:350px;font-size:var(--text-base-size);padding:var(--space-xs) var(--space-sm)}.tooltip{--tooltip-triangle-translate: 0px}.tooltip--top::before,.tooltip--bottom::before{left:calc(50% - var(--tooltip-triangle-size)/2)}.tooltip--top::before{bottom:calc(var(--tooltip-triangle-size)*-0.5);-webkit-transform:translateX(var(--tooltip-triangle-translate)) rotate(-45deg);transform:translateX(var(--tooltip-triangle-translate)) rotate(-45deg)}.tooltip--bottom::before{top:calc(var(--tooltip-triangle-size)*-0.5);-webkit-transform:translateX(var(--tooltip-triangle-translate)) rotate(135deg);transform:translateX(var(--tooltip-triangle-translate)) rotate(135deg)}.tooltip--left::before,.tooltip--right::before{top:calc(50% - var(--tooltip-triangle-size)/2)}.tooltip--left::before{right:calc(var(--tooltip-triangle-size)*-0.5);-webkit-transform:translateX(var(--tooltip-triangle-translate)) rotate(-135deg);transform:translateX(var(--tooltip-triangle-translate)) rotate(-135deg)}.tooltip--right::before{left:calc(var(--tooltip-triangle-size)*-0.5);-webkit-transform:translateX(var(--tooltip-triangle-translate)) rotate(45deg);transform:translateX(var(--tooltip-triangle-translate)) rotate(45deg)}.tooltip--is-hidden{visibility:hidden;opacity:0}/*# sourceMappingURL=1_tooltip.css.map */