:root{--tooltip-text-color: white;--tooltip-background-color: black;--tooltip-margin: 30px;--tooltip-arrow-size: 6px}.Tooltip-Tip{position:fixed;border-radius:4px;transform:translate(-50%);padding:6px;color:var(--tooltip-text-color);background:var(--tooltip-background-color);font-size:14px;font-family:sans-serif;line-height:1;z-index:99999;white-space:nowrap;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.Tooltip-Tip:before{content:" ";left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-width:var(--tooltip-arrow-size);margin-left:calc(var(--tooltip-arrow-size) * -1)}.Tooltip-Tip.top{margin-top:calc(var(--tooltip-margin) * -1)}.Tooltip-Tip.top:before{top:100%;border-top-color:var(--tooltip-background-color)}.Tooltip-Tip.right{transform:translate(0) translateY(-50%);margin-left:var(--tooltip-margin)}.Tooltip-Tip.right:before{left:calc(var(--tooltip-arrow-size) * -1);top:50%;transform:translate(0) translateY(-50%);border-right-color:var(--tooltip-background-color)}.Tooltip-Tip.bottom{margin-top:var(--tooltip-margin)}.Tooltip-Tip.bottom:before{bottom:100%;border-bottom-color:var(--tooltip-background-color)}.Tooltip-Tip.left{transform:translate(-100%) translateY(-50%);margin-left:calc(var(--tooltip-margin) * -1)}.Tooltip-Tip.left:before{left:auto;right:calc(var(--tooltip-arrow-size) * -2);top:50%;transform:translate(0) translateY(-50%);border-left-color:var(--tooltip-background-color)}