.tooltip:before{content:"";border-style:solid;width:0;height:0;position:absolute}.tooltip-top:before{border-width:5px 5px 0;border-color:#000 #0000 #0000;top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom:before{border-width:0 5px 5px;border-color:#0000 #0000 #000;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-left:before{border-width:5px 0 5px 5px;border-color:#0000 #0000 #0000 #000;top:50%;left:100%;transform:translateY(-50%)}.tooltip-right:before{border-width:5px 5px 5px 0;border-color:#0000 #000 #0000 #0000;top:50%;right:100%;transform:translateY(-50%)}