:root{--bubble-shadow: 0 2px 7px rgb(0 0 0 / .15), 0 5px 17px rgb(0 0 0 / .2)}.tooltip{position:relative}span.tooltip{display:inline-block}.tooltip__overlay{box-shadow:var(--bubble-shadow);display:none;font-size:14px;left:0;max-width:344px;position:absolute;top:0;transform:scaleX(1);width:max-content}.tooltip__mask,.tooltip__overlay{border-radius:var(--bubble-border-radius, var(--border-radius-50));z-index:1}.tooltip__mask{background-color:var( --tooltip-background-color, var(--color-background-inverse) );color:var(--tooltip-foreground-color, var(--color-foreground-on-inverse));position:relative}span.tooltip__mask{display:block}.tooltip__cell{display:flex;overflow-wrap:anywhere;padding:var(--spacing-100) var(--spacing-200);word-break:normal}.tooltip__cell a{color:var(--tooltip-foreground-color, var(--color-foreground-on-inverse))}.tooltip__cell a:focus{outline:1px dashed currentColor}.tooltip__content{flex-grow:1}.tooltip__content p{margin:0}.tooltip__content p:not(:first-of-type){margin-top:var(--spacing-50)}button.tooltip__close{align-self:flex-start;background:none;border:0;flex-shrink:0;height:var(--spacing-400);margin:calc(var(--spacing-100) * -1) calc(var(--spacing-100) * -1) 0 var(--spacing-100);padding:0;white-space:nowrap;width:32px}.tooltip__pointer{background-color:var( --tooltip-background-color, var(--color-background-inverse) );height:8px;position:absolute;transform:rotate(45deg);width:8px;z-index:0}.tooltip__pointer--top-left{left:12px;top:-4px}.tooltip__pointer--top{left:calc(50% - 4px);top:-4px}.tooltip__pointer--top-right{left:auto;right:12px;top:-4px}.tooltip__pointer--bottom-left{bottom:-4px;left:12px;top:auto}.tooltip__pointer--bottom{bottom:-4px;left:calc(50% - 4px);top:auto}.tooltip__pointer--bottom-right{bottom:-4px;left:auto;right:12px;top:auto}.tooltip__pointer--left{left:-4px;top:calc(50% - 4px)}.tooltip__pointer--left-bottom{bottom:12px;left:-4px;top:auto}.tooltip__pointer--left-top{left:-4px;top:12px}.tooltip__pointer--right{left:auto;right:-4px;top:calc(50% - 4px)}.tooltip__pointer--right-bottom{bottom:12px;left:auto;right:-4px;top:auto}.tooltip__pointer--right-top{left:auto;right:-4px;top:12px}.tooltip--expanded .tooltip__overlay,.tooltip__host[aria-expanded=true]~.tooltip__overlay{display:block}@media (min-width: 512px){.tooltip__overlay{max-width:400px}}