#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;overflow-x:hidden;overflow-y:auto}#app,.page-tool-tip{height:100%}.page-tool-tip button{display:block;position:absolute;height:28px;border:1px solid transparent;padding:0 14px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:rgba(0,0,0,.65);background-color:#fff;border-color:#d9d9d9}.page-tool-tip .demo{height:600px;width:800px;margin:10% auto;border:1px solid #000;overflow:auto;position:relative}.page-tool-tip .demo .wrapper{height:200%;width:200%;position:relative;border:1px solid red}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;font-size:12px;color:#222}.dt-tool-tip{position:absolute;top:0;left:0;width:200px;padding:8px 10px;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.1);background:#fff;font-size:12px;color:#000;z-index:9999;will-change:opacity,transform;transition:opacity .3s,transform .5s cubic-bezier(.4,0,.2,1)}.dt-tool-tip *{padding:0;margin:0;box-sizing:border-box}.dt-tool-tip .tip-title{padding:4px 0;font-size:14px;font-weight:400}.dt-tool-tip .tip-content{padding:0;line-height:2;background-color:inherit;text-align:left;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto}.dt-tool-tip .tip-arrows{z-index:-1;border-width:10px}.dt-tool-tip .tip-arrows,.dt-tool-tip .tip-arrows:after{position:absolute;height:0;width:0;border-color:transparent;border-style:inherit}.dt-tool-tip .tip-arrows:after{content:"";display:block;border-width:inherit;transform:translate(-50%,-50%)}.dt-tool-tip .tip-arrows[class*=" top-"],.dt-tool-tip .tip-arrows[class^=top-]{border-top-color:inherit;transform:translate(-50%)}.dt-tool-tip .tip-arrows[class*=" top-"]:after,.dt-tool-tip .tip-arrows[class^=top-]:after{border-top-color:#fff;top:-2px}.dt-tool-tip .tip-arrows[class*=" bottom-"],.dt-tool-tip .tip-arrows[class^=bottom-]{border-bottom-color:inherit;transform:translate(-50%,-100%)}.dt-tool-tip .tip-arrows[class*=" bottom-"]:after,.dt-tool-tip .tip-arrows[class^=bottom-]:after{border-bottom-color:#fff;top:2px}.dt-tool-tip .tip-arrows[class*=" left-"],.dt-tool-tip .tip-arrows[class^=left-]{border-left-color:inherit;transform:translateY(-50%)}.dt-tool-tip .tip-arrows[class*=" left-"]:after,.dt-tool-tip .tip-arrows[class^=left-]:after{border-left-color:#fff;left:-2px}.dt-tool-tip .tip-arrows[class*=" right-"],.dt-tool-tip .tip-arrows[class^=right-]{border-right-color:inherit;transform:translate(-100%,-50%)}.dt-tool-tip .tip-arrows[class*=" right-"]:after,.dt-tool-tip .tip-arrows[class^=right-]:after{border-right-color:#fff;left:2px}.dt-tool-tip.dark{border-color:#1f2d3d;background:#1f2d3d;color:#fff}.dt-tool-tip.dark [class*=" top-"]:after,.dt-tool-tip.dark [class^=top-]:after{border-top-color:#1f2d3d}.dt-tool-tip.dark [class*=" bottom-"]:after,.dt-tool-tip.dark [class^=bottom-]:after{border-bottom-color:#1f2d3d}.dt-tool-tip.dark [class*=" left-"]:after,.dt-tool-tip.dark [class^=left-]:after{border-left-color:#1f2d3d}.dt-tool-tip.dark [class*=" right-"]:after,.dt-tool-tip.dark [class^=right-]:after{border-right-color:#1f2d3d}.dt-tool-tip.tip-fade-enter,.dt-tool-tip.tip-fade-leave-active{opacity:0}