.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #b0bec5;opacity:1;font-family:inherit;line-height:15px;z-index:0}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip .tooltiptext.fliped{bottom:unset;top:125%}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.tooltip .tooltiptext.fliped::after{top:unset;bottom:100%;border-color:transparent transparent #555 transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}