.tooltip{position:relative;display:inline-block;height:1em;z-index:1000}.tooltip svg{margin-left:5px;width:10px;height:10px;display:block;cursor:pointer}.tooltip svg:focus{outline:none}.tooltip svg:focus path{mix-blend-mode:difference}.tooltip svg:focus rect{fill:currentColor}.tooltip-content-portal{pointer-events:none;color:var(--white)}.tooltip-content-portal .content{position:relative;border-radius:7px;border:1px solid gray;background:rgba(0,0,0,.8);padding:20px;width:500px;max-width:calc(100vw - 16px);text-transform:none;font-size:12px;font-size:.75rem;transition:opacity .1s .3s;white-space:normal}.tooltip-content-portal .content .arrow{width:0;height:0;border:6px solid rgba(0,0,0,0);transform:translateX(-50%)}.tooltip-content-portal .content .arrow.arrow-top{bottom:-12px;border-top-color:rgba(0,0,0,.8)}.tooltip-content-portal .content .arrow.arrow-bottom{top:-12px;border-bottom-color:rgba(0,0,0,.8)}.tooltip-content-portal .content .title{font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-size:.6875rem;margin:0}.tooltip-content-portal .content p{font-weight:400}.tooltip-content-portal .content p:last-child{margin-bottom:0}