.tooltip{z-index:1;box-shadow:none;appearance:none;background:0 0;border:0;margin:0;padding:0;display:flex;position:relative}.tooltip:before{content:"?";font-size:calc(var(--font-body-scale) * 1.4rem);background-color:rgba(var(--color-background));width:1.8rem;height:1.8rem;color:rgba(var(--color-foreground));cursor:help;border:1px solid rgba(var(--color-foreground));border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:0;display:flex;position:relative}.tooltip:focus-visible>span,.tooltip:focus>span,.tooltip:hover>span{display:block}[data-tooltip]:before,.tooltip>span{border-radius:var(--border-radius-base);width:max-content;max-width:20rem;color:var(--color-base-white);text-align:left;font-size:calc(var(--font-body-scale) * 1.3rem);text-indent:0;background:#000000d9;margin-bottom:.5rem;padding:.85rem 1rem;display:none;position:absolute;bottom:100%;right:0}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip)}[data-tooltip]:hover:before{display:block;left:50%;right:auto;transform:translate(-50%)}