.tooltip{font-size:1rem;position:relative;display:inline-block;text-transform:none;flex:0 0 auto;min-width:0;color:#fff;padding:8px;border-radius:4px;z-index:10;white-space:nowrap;font-weight:400}.tooltip-content{position:absolute;background:#333}.tooltip-content.right{top:50%;left:100%;transform:translate(4px,-50%)}.tooltip-content.left{top:50%;right:100%;transform:translate(-4px,-50%)}.tooltip-content.up{bottom:100%;left:50%;transform:translate(-50%,-4px)}.tooltip-content.down{top:100%;left:50%;transform:translate(-50%,4px)}.tooltip .arrow{position:absolute;width:0;height:0}.tooltip .arrow-up{top:100%;border-bottom:6px solid #333}.tooltip .arrow-down,.tooltip .arrow-up{left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent}.tooltip .arrow-down{bottom:100%;border-top:6px solid #333}.tooltip .arrow-left{right:100%;border-right:6px solid #333}.tooltip .arrow-left,.tooltip .arrow-right{top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent}.tooltip .arrow-right{left:100%;border-left:6px solid #333}