*{margin:0;padding:0}
.show-api-nav{position:fixed;top:10px;left:10px;width:40px;cursor:pointer}
.show-api-nav img{width:100%}
.api-nav{position:fixed;top:0;left:-240px;width:240px;height:100%;background-color:#009688;box-shadow:3px 0 10px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all ease-in-out .3s;z-index:1000 !important;}
.api-nav.active{opacity:1;visibility:visible;left:0}
.api-nav-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto}
.api-nav-close{position:absolute;top:15px;right:15px;cursor:pointer}
.api-nav-close img{width:20px}
.api-nav-logo{display:block;color:#fff;padding:20px;margin-top:30px}
.api-nav-logo img{display:block;height:70px;max-width:100%;margin:0 auto}
.search-form{position:relative;width:calc(100% - 40px);margin-left:20px;margin-top:10px}
.search-input{width:100%;height:36px;outline:none;box-sizing:border-box;border:none;padding:0 12px;border-radius:5px;font-size:16px}
.search-submit{position:absolute;top:0;right:0;width:40px;height:36px;text-indent:-9999px;border:none;outline:none;cursor:pointer;background:url(https://vtvgames.com/api/images/icon-search.png) center center no-repeat;background-size:23px auto}
.api-nav-list ul{list-style:none;padding:20px}
.api-nav-list ul li{border-bottom:1px solid #02a595}
.api-nav-list ul li:last-child{border-bottom:none}
.api-nav-list ul li a{display:block;color:#ffffff;padding:8px 5px;text-decoration:none;font-size:16px;line-height:1.5;font-weight:700}
.api-nav-list ul li a:hover{color:#f5ee31}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}