.tppdil_description{color:#000;font-size:12px;width:100%;display:inline-block;margin:10px 0;text-align:center}.tppdil-tooltip{display:inline-block;position:relative;line-height:1.5}.tppdil-tooltip .top{min-width:300px;top:-20px;left:50%;transform:translate(-50%,-100%);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgb(0 0 0 / .5);visibility:hidden;opacity:0;transition:opacity 0.8s}.tppdil-tooltip:hover .top{visibility:visible;opacity:1}.tppdil-tooltip .top i{position:absolute;top:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}.tppdil-tooltip .top i::after{content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#EEE;box-shadow:0 1px 8px rgb(0 0 0 / .5)}.tppdil-tooltip .right{min-width:300px;top:50%;left:100%;margin-left:20px;transform:translate(0,-50%);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgb(0 0 0 / .5);visibility:hidden;opacity:0;transition:opacity 0.8s}.tppdil-tooltip:hover .right{visibility:visible;opacity:1}.tppdil-tooltip .right i{position:absolute;top:50%;right:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden}.tppdil-tooltip .right i::after{content:'';position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(50%,-50%) rotate(-45deg);background-color:#EEE;box-shadow:0 1px 8px rgb(0 0 0 / .5)}.tppdil-tooltip .bottom{min-width:300px;top:40px;left:50%;transform:translate(-50%,0);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgb(0 0 0 / .5);visibility:hidden;opacity:0;transition:opacity 0.8s}.tppdil-tooltip:hover .bottom{visibility:visible;opacity:1}.tppdil-tooltip .bottom i{position:absolute;bottom:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}.tppdil-tooltip .bottom i::after{content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,50%) rotate(45deg);background-color:#EEE;box-shadow:0 1px 8px rgb(0 0 0 / .5)}.tppdil-tooltip .left{min-width:300px;top:50%;right:100%;margin-right:20px;transform:translate(0,-50%);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgb(0 0 0 / .5);visibility:hidden;opacity:0;transition:opacity 0.8s}.tppdil-tooltip:hover .left{visibility:visible;opacity:1}.tppdil-tooltip .left i{position:absolute;top:50%;left:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden}.tppdil-tooltip .left i::after{content:'';position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(-50%,-50%) rotate(-45deg);background-color:#EEE;box-shadow:0 1px 8px rgb(0 0 0 / .5)}.tppdil-tooltip p{line-height:1}