tooltip{position:relative;display:inline-block;border-bottom:1px dotted #444}tooltip tooltiptext{font-size:.95rem;line-height:1.3;visibility:hidden;min-width:200px;max-width:100%;background-color:#555;color:#fff;text-align:inherit;border-radius:6px;padding:8px 10px;position:absolute;z-index:1;bottom:125%;left:0;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}i+tooltiptext{margin-left:calc(-175% - .55em)}@media screen and (max-width:850px){tooltip{min-width:80px}i+tooltiptext,tooltip tooltiptext{left:0;margin-left:0}tooltip tooltiptext::after{display:none}}tooltip tooltiptext::after{content:"";position:absolute;top:100%;left:25%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 #fff0 #fff0 #fff0}tooltip:hover tooltiptext{visibility:visible;opacity:1}