.tooltip{--popover-arrow-size:14px;--popover-arrow-left:calc(50% - var(--popover-arrow-size)/2);background:var(--color-surface-base-1);border:1px solid var(--color-border-base-2);flex-basis:var(--content-width);left:anchor(right);max-width:var(--content-width);overflow:visible;padding-block:16px;padding-inline:16px 44px;position:absolute;top:anchor(top);width:var(--content-width)}@media only screen and (min-width:768px){.tooltip{flex-basis:max-content;max-width:300px;width:-webkit-max-content;width:-moz-max-content;width:max-content;--popover-arrow-left:38px}}.tooltip[popover]{margin:0}@media only screen and (max-width:767px){.tooltip[popover]{margin-inline:auto}}.tooltip:after{background:var(--color-surface-base-1);border:1px solid var(--color-border-base-2);border-bottom:0;border-right:0;content:"";height:var(--popover-arrow-size);left:var(--popover-arrow-left);position:absolute;top:calc(var(--popover-arrow-size)*-1/2 - 1px);transform:rotate(45deg);width:var(--popover-arrow-size)}@media only screen and (max-width:767px){.tooltip:after{display:none}}.tooltip__close{background:none;border:unset;cursor:pointer;margin:0;padding:0;position:absolute;right:8px}.tooltip__close:focus-visible{border-radius:4px;outline-color:var(--color-border-focus-aa);outline-offset:4px;outline-style:solid;outline-width:3px}@media(hover:hover){.tooltip__close:hover svg{scale:1.2}}.tooltip__close svg{scale:1;fill:var(--color-content-base-2);transition:scale .25s cubic-bezier(.645,.045,.355,1)}.tooltip__message{font-family:GT Flexa,Arial,sans-serif;font-size:1rem;font-weight:100;line-height:180%}