:root{--tooltip-text-color:white;--tooltip-background-color:rgba(0,0,0,0.85);--tooltip-margin:30px;--tooltip-arrow-size:6px;--tooltip-border-color:rgba(255,255,255,0.2)}.Tooltip-Wrapper{display:inline-block;position:relative}.Tooltip-Tip{position:absolute;border-radius:4px;left:50%;transform:translateX(-50%);padding:1rem;color:var(--tooltip-text-color);background:var(--tooltip-background-color);font-size:14px;font-family:sans-serif;line-height:1;z-index:9999;min-width:160px;display:inline-block;border:.1px solid var(--tooltip-border-color);opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out,transform .15s ease-in-out}.Tooltip-Tip.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.Tooltip-Tip.top{top:calc(var(--tooltip-margin) * -1);transform:translateX(-50%) translateY(5px)}.Tooltip-Tip.top.visible{transform:translateX(-50%) translateY(0)}.Tooltip-Tip.right{left:calc(100% + var(--tooltip-margin));top:50%;transform:translateX(-5px) translateY(-50%)}.Tooltip-Tip.right.visible{transform:translateX(0) translateY(-50%)}.Tooltip-Tip.bottom{bottom:calc(var(--tooltip-margin) * -1);transform:translateX(-50%) translateY(-5px)}.Tooltip-Tip.bottom.visible{transform:translateX(-50%) translateY(0)}.Tooltip-Tip.left{left:auto;right:calc(100% + var(--tooltip-margin) * .5);top:50%;transform:translateX(5px) translateY(-50%)}.Tooltip-Tip.left.visible{transform:translateX(0) translateY(-50%)}