:root{--tooltip-text-color: white;--tooltip-background-color: black;--tooltip-margin: 30px;--tooltip-arrow-size: 6px}.Tooltip-Wrapper{display:inline-block;position:relative}.Tooltip-Tip{position:absolute;border-radius:4px;left:50%;transform:translate(-25%);padding:6px;color:#fff;color:var(--tooltip-text-color);background:#000;background:var(--tooltip-background-color);font-size:14px;font-family:sans-serif;line-height:1;z-index:999;min-width:150px}@media (min-width: 801px){.Tooltip-Tip{white-space:nowrap;min-width:auto}}.Tooltip-Tip:before{content:" ";left:25%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-width:6px;border-width:var(--tooltip-arrow-size);margin-left:-6px;margin-left:calc(var(--tooltip-arrow-size) * -1)}.Tooltip-Tip.top{top:-30px;top:calc(var(--tooltip-margin) * -1)}.Tooltip-Tip.top:before{top:100%;border-top-color:#000;border-top-color:var(--tooltip-background-color)}.Tooltip-Tip.right{left:calc(100% + 30px);left:calc(100% + var(--tooltip-margin));top:50%;transform:translate(0) translateY(-50%)}.Tooltip-Tip.right:before{left:-6px;left:calc(var(--tooltip-arrow-size) * -1);top:50%;transform:translate(0) translateY(-50%);border-right-color:#000;border-right-color:var(--tooltip-background-color)}.Tooltip-Tip.bottom{bottom:-30px;bottom:calc(var(--tooltip-margin) * -1)}.Tooltip-Tip.bottom:before{bottom:100%;border-bottom-color:#000;border-bottom-color:var(--tooltip-background-color)}.Tooltip-Tip.left{left:auto;right:calc(100% + 30px);right:calc(100% + var(--tooltip-margin));top:50%;transform:translate(0) translateY(-50%)}.Tooltip-Tip.left:before{left:auto;right:-12px;right:calc(var(--tooltip-arrow-size) * -2);top:50%;transform:translate(0) translateY(-50%);border-left-color:#000;border-left-color:var(--tooltip-background-color)}