.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;padding:8px;background-color:#f5f7f9;color:#4d525f;border-radius:4px;font-size:14px}.tooltip.top:before{bottom:-10px;border-color:#f5f7f9 transparent;border-style:solid;border-width:10px 10px 0}.tooltip.bottom:before,.tooltip.top:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.tooltip.bottom:before{top:-10px;border-color:transparent transparent #f5f7f9;border-style:solid;border-width:0 10px 10px}.tooltip.left:before{right:-10px;border-color:transparent #f5f7f9 transparent transparent;border-style:solid;border-width:10px 10px 10px 0}.tooltip.left:before,.tooltip.right:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}.tooltip.right:before{left:-10px;border-color:transparent transparent transparent #f5f7f9;border-style:solid;border-width:10px 0 10px 10px}.tooltip-caret{position:absolute;width:0;height:0;border-color:transparent transparent #f5f7f9;border-style:solid;border-width:0 10px 10px}.tooltip.top{transform:translateY(-100%)}.tooltip.bottom{transform:translateY(100%)}.tooltip.left{transform:translateX(-100%)}.tooltip.right{transform:translateX(100%)}