.has-tooltip{--background-color:var(
  	--surface-global-brand
  );--triangle-size:1rem;--triangle-spacing:1rem;--border-size:0.0625rem;--text-color:var(--text-global-light);--border-color:var(
  	--border-global-light
  );cursor:pointer;display:inline-flex;position:var(--tooltip-position,relative);text-decoration:underline;z-index:1}.has-tooltip [role=tooltip]{border:var(--border-size) solid var(--border-color);border-radius:.5rem;color:var(--text-color);display:block!important;font-size:.6875rem;left:50%;margin-inline:var(--margin-inline,0);max-inline-size:calc(100vw - 3rem);min-width:4rem;padding:.5rem;transform:translateX(-50%) translateY(100%);white-space:nowrap}.has-tooltip [role=tooltip],.has-tooltip:after{background-color:var(--background-color);bottom:calc(100% + var(--triangle-spacing));opacity:0;position:absolute;z-index:-1}.has-tooltip:after{border-color:var(--border-color);border-style:solid;border-width:0 var(--border-size) var(--border-size) 0;content:"";height:var(--triangle-size);left:0;margin:auto;right:0;transform:rotate(45deg) translate(150%,150%);transform-origin:center;width:var(--triangle-size);z-index:1}.has-tooltip.is-active [role=tooltip],.has-tooltip.is-active:after{transition:opacity .25s ease,transform .25s ease}.has-tooltip:focus [role=tooltip],.has-tooltip:hover [role=tooltip]{opacity:1;transform:translateX(-50%) translateY(0);transition-delay:.15s}.has-tooltip:focus:after,.has-tooltip:hover:after{opacity:1;transform:rotate(45deg) translate(35%,35%);transition-delay:.15s}