.tip-bubble{font-size:1em;padding:4px 8px 4px 8px;text-align:center;position:fixed;z-index:1000;border-radius:2px;display:inline-block;opacity:0;max-width:300px;border:1px solid #e5e5e5}
.tip-bubble:after{content:'';position:absolute;margin-left:-8px;width:0;height:0}
.tip-bubble-center-point:after{left:50%;right:auto}
.tip-bubble-left-point:after{left:10px;right:auto}
.tip-bubble-right-point:after{right:10px;left:auto}
.tip-arrow-top:after{border-bottom:solid 8px;border-right:solid 8px transparent;border-left:solid 8px transparent;bottom:101%}
.tip-arrow-bottom:after{border-top:solid 8px;border-right:solid 8px transparent;border-left:solid 8px transparent;top:101%}
.tip-theme-light:after{border-bottom-color:#fffdf3;border-top-color:#fffdf3}