.tooltip{cursor:default;align-items:center;gap:.375rem;display:inline-flex;position:relative}.tooltip__icon{cursor:pointer;opacity:.7;width:1rem;height:1rem;transition:opacity .2s var(--ease-entry);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.tooltip__icon>svg{z-index:1;width:1rem;height:1rem;display:block;position:relative}.tooltip__icon:before{content:"";border-radius:var(--radius--full);opacity:0;transition:opacity .2s var(--ease-entry);background:currentColor;position:absolute;inset:-.3125rem}.tooltip:hover .tooltip__icon,.tooltip:focus-within .tooltip__icon{opacity:1}.tooltip:hover .tooltip__icon:before,.tooltip:focus-within .tooltip__icon:before{opacity:.08}[data-css-tooltip-icon=info]{color:currentColor}[data-css-tooltip-icon=question]{color:var(--swatch--purple-500)}[data-css-tooltip-icon=alert]{color:var(--swatch--orange-500)}.tooltip__box{z-index:1000;pointer-events:none;opacity:0;width:max-content;max-width:22rem;transition:opacity .15s var(--ease-exit)}.tooltip__box.is-open{opacity:1;transition:opacity .2s var(--ease-entry)}.tooltip__box-inner{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1), opacity .2s var(--ease-entry);opacity:0;flex-direction:column;align-items:center;display:flex;transform:translateY(.375rem)scale(.96)}[data-css-tooltip-y=bottom] .tooltip__box-inner{flex-direction:column-reverse;transform:translateY(-.375rem)scale(.96)}.tooltip__box.is-open .tooltip__box-inner{opacity:1;transform:translateY(0)scale(1)}.tooltip__card{background-color:var(--swatch--neutral-0);color:var(--swatch--neutral-900);border:1px solid var(--swatch--neutral-200);box-shadow:var(--shadow--overlay);border-radius:var(--radius--lg);text-align:left;padding:1rem 1.125rem}.tooltip__card-title{border-bottom:1px solid var(--swatch--neutral-100);margin-bottom:.5rem;padding-bottom:.5rem}.tooltip__card .tooltip__card-heading{color:var(--swatch--neutral-900)}.tooltip__card .tooltip__card-text{color:var(--swatch--neutral-600)}.tooltip__tip{width:3.875rem;height:.9375rem;color:var(--swatch--neutral-0);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tooltip__tip svg{width:100%;height:100%;filter:drop-shadow(0 1px 0 var(--swatch--neutral-200));display:block}[data-css-tooltip-y=bottom] .tooltip__tip{transform:scaleY(-1)}[data-css-tooltip-x=left] .tooltip__tip{margin-left:.25rem;margin-right:auto}[data-css-tooltip-x=right] .tooltip__tip{margin-left:auto;margin-right:.25rem}@media (prefers-reduced-motion:reduce){.tooltip__box,.tooltip__box-inner{transition:none;transform:none}}