#canny-portal-container>div{position:absolute}.tooltipContainer{display:flex;position:relative}.tooltipContainer .tooltip{background:var(--gray-120);border-radius:6px;box-sizing:border-box;color:var(--white);font-size:14px;font-weight:400;line-height:22px;max-width:200px;min-width:150px;padding:8px 10px;position:absolute;text-align:center;z-index:99999}.tooltipContainer .tooltip.right{left:100%;margin:0 0 0 15px;top:50%;transform:translateY(-50%)}.tooltipContainer .tooltip.right .arrow{left:8px;top:50%;transform:rotate(135deg);transform-origin:0 0}.tooltipContainer .tooltip.right .padding{bottom:0;left:-15px;top:0;width:15px}.tooltipContainer .tooltip.left{left:-15px;margin:0 15px 0 0;top:50%;transform:translate(-100%,-50%)}.tooltipContainer .tooltip.left .arrow{left:100%;top:50%;transform:translateX(-8px) rotate(-45deg);transform-origin:0 0}.tooltipContainer .tooltip.bottom{left:50%;margin:10px 0 0;top:100%;transform:translateX(-50%)}.tooltipContainer .tooltip.bottom .arrow{left:50%;top:8px;transform:rotate(225deg);transform-origin:0 0}.tooltipContainer .tooltip.bottom .padding{height:10px;left:0;right:0;top:-10px}.tooltipContainer .tooltip.top{left:50%;margin:-10px 0 0;transform:translate(-50%,-100%)}.tooltipContainer .tooltip.top .arrow{left:50%;top:100%;transform:translateY(-8px) rotate(45deg);transform-origin:0 0}.tooltipContainer .tooltip.top .padding{bottom:-10px;height:10px;left:0;right:0}.tooltipContainer .tooltip .arrow{border:5px solid #000;border-color:#0000 var(--gray-120) var(--gray-120) #0000;box-sizing:border-box;content:"";height:0;left:8px;position:absolute;top:50%;transform:translate(100%,-50%);width:0}.tooltipContainer .tooltip .padding{opacity:0;position:absolute}.uppercaseHeader{color:var(--gray-110);font-size:12px;font-weight:700;letter-spacing:.5px;line-height:17px;text-transform:uppercase}