[data-with-tooltip]{position:relative}[data-with-tooltip]:hover [role=tooltip]{transition:opacity .2s;transition-delay:.2s}[data-with-tooltip]:focus [role=tooltip],[data-with-tooltip]:hover [role=tooltip]{left:auto;opacity:1}[data-with-tooltip] [role=tooltip]{white-space:nowrap;opacity:0;left:-10000px;position:absolute;background-color:rgba(0,0,0,.8);color:#fff;padding:10px;bottom:100%;margin-bottom:5px;border-radius:4px;font-size:12px;pointer-events:none;z-index:10000}[data-with-tooltip] [role=tooltip]:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-color:rgba(0,0,0,.8) transparent transparent;border-style:solid;border-width:6px 6px 0;margin-left:-6px}