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