.api_tooltip{
  position:absolute;
  display:none;
  opacity:0;
  z-index:9999;
  max-width:320px;
}
.api_tooltip_header{
  padding:8px 14px;
  margin:0;
  background:#f7f7f7;
  border-bottom:1px solid #ebebeb;
  border-radius:3px 3px 0 0;
  font-weight:bold;
}
.api_tooltip_body{
  color:#212529;
  padding:6px 10px;
  max-height:320px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#fff;
  border-radius:4px;
  box-shadow:0 0 3px rgba(0, 0, 0, .25);
}
/**/
.api_tooltip_arrow{
  position:absolute;
  overflow:hidden;
}
.api_tooltip_arrow::after{
  display:block;
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  background:#fff;
  transform:rotate(45deg);
}
/**/
.api_tooltip.top{padding-bottom:12px;}
.api_tooltip.bottom{padding-top:12px;}
.api_tooltip.left{padding-right:12px;}
.api_tooltip.right{padding-left:12px;}
/**/
.left .api_tooltip_arrow,
.right .api_tooltip_arrow{
  width:12px;
  height:30px;
  top:50%;
  margin-top:0px;
  transform:translate(0px, -15px);
}
.right .api_tooltip_arrow{ left:0;}
.right .api_tooltip_arrow::after{
  top:5px;
  left:6px;
  box-shadow:-1px 1px 2px rgba(0, 0, 0, .15);
}
.left .api_tooltip_arrow{ right:0;}
.left .api_tooltip_arrow::after{
  top:5px;
  right:6px;
  box-shadow:1px -1px 2px rgba(0, 0, 0, .15);
}
/**/
.top .api_tooltip_arrow,
.bottom .api_tooltip_arrow{
  width:30px;
  height:12px;
  left:50%;
  transform:translate(-15px);
  margin-left:0;
}
.top .api_tooltip_arrow{bottom:0;}
.top .api_tooltip_arrow::after{
  left:5px;
  bottom:6px;
  box-shadow:1px 1px 2px rgba(0, 0, 0, .15);
}
/**/
.bottom .api_tooltip_arrow{top:0;}
.bottom .api_tooltip_arrow::after{
  left:5px;
  top:6px;
  box-shadow:-1px -1px 2px rgba(0, 0, 0, .15)
}
/**/
.api_tooltip_close{
  position:absolute;
  cursor:pointer;
  z-index:1;
  top:0;
  right:0;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#aaa;
  -webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s;
}
.api_tooltip_close:hover{color:#888;}