.tooltip{font-family:var(--font-regular-family);font-weight:var(--font-regular-weight);font-style:var(--font-regular-style);margin-left:.25rem;display:inline-block;position:relative}.tooltip__icon .icon path{fill:var(--color-brand-primary)}.tooltip__icon:hover+.tooltip__popup{display:block}.tooltip__popup{z-index:100;border:1px solid var(--color-brand-primary);background-color:#fff3c4e6;border-radius:.125rem;min-width:170px;padding:.3125rem;font-size:.875rem;line-height:1.125rem;display:none;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}