.tooltip{font-size:var(--type-small-size);text-transform:none;color:#fff;z-index:10;white-space:nowrap;border-radius:4px;flex:none;min-width:0;padding:8px;font-weight:400;display:inline-block;position:relative}.tooltip-content{background:#333;position:absolute}.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{width:0;height:0;position:absolute}.tooltip .arrow-up{border-bottom:6px solid #333;border-left:6px solid #0000;border-right:6px solid #0000;top:100%;left:50%;transform:translate(-50%)}.tooltip .arrow-down{border-top:6px solid #333;border-left:6px solid #0000;border-right:6px solid #0000;bottom:100%;left:50%;transform:translate(-50%)}.tooltip .arrow-left{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:6px solid #333;top:50%;right:100%;transform:translateY(-50%)}.tooltip .arrow-right{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:6px solid #333;top:50%;left:100%;transform:translateY(-50%)}