.app-tooltip{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:999}.app-tooltip-left-1{left:0;margin-left:1em}.app-tooltip-right-1{right:0;margin-right:1em}.app-tooltip-right-2{right:0;margin-right:2em}.app-tooltip.app-tooltip-top .tip{top:unset;bottom:135%;margin-top:unset;margin-bottom:75px}.app-tooltip.app-tooltip-top:hover .tip{margin-bottom:15px}.app-tooltip.app-tooltip-top .tip:after{top:100%}.app-tooltip .tip{pointer-events:none;opacity:0;-webkit-transition:all 0.6s;transition:all 0.6s;text-align:center;top:135%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0.5em;font-size:small;font-weight:bolder;color:#fff;border-radius:10px;margin-top:50px;visibility:collapse}.app-tooltip .tip,.app-tooltip .tip:after{position:absolute;left:50%;background-color:#4c4c4c}.app-tooltip .tip:after{content:"";width:12px;height:12px;border-radius:3px;top:1px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.app-tooltip:hover .tip{opacity:1;margin-top:0.5em;visibility:visible}