.api-credentials-layout[data-v-cd8a50d0]{background-color:#0006;min-height:calc(100vh - 80px);padding:20px}.api-credentials-layout>nav[data-v-cd8a50d0]{background:linear-gradient(180deg,#101e2f,#10192480);border:1px solid rgba(64,85,203,.2);border-radius:4px;flex-shrink:0;margin-right:20px;padding:40px;width:330px}.api-credentials-layout>nav .bg[data-v-cd8a50d0],.api-credentials-layout>nav>section[data-v-cd8a50d0]{display:none}.api-credentials-layout>nav>ul>li[data-v-cd8a50d0]{align-items:center;color:#fff;display:flex;font-family:Regular;font-size:16px;line-height:21px;list-style:none;padding-left:10px;position:relative}.api-credentials-layout>nav>ul>li[data-v-cd8a50d0]:before{background-color:var(--color-system-cell);content:"";display:inline-block;height:3px;left:0;position:absolute;width:3px}.api-credentials-layout>nav>ul>li a[data-v-cd8a50d0]{color:#fff;cursor:pointer;font-family:Regular}.api-credentials-layout>nav>ul>li.active a[data-v-cd8a50d0]{color:var(--color-system-cell);font-family:Medium}.api-credentials-layout>nav>ul>li+li[data-v-cd8a50d0]{margin-top:24px}.api-credentials-layout>section[data-v-cd8a50d0]{width:calc(100% - 350px)}.api-credentials-layout>section>.top[data-v-cd8a50d0]{background:linear-gradient(180deg,#101e2f,#10192480);border:1px solid rgba(64,85,203,.2);border-radius:4px;margin-bottom:20px;min-height:96px;padding:20px}.api-credentials-layout>section>.top>.info[data-v-cd8a50d0]{flex:1}.api-credentials-layout>section>.top>.info>.each-info>.label[data-v-cd8a50d0]{color:#fff;font-family:Regular;font-size:14px;line-height:19px;margin-bottom:12px}.api-credentials-layout>section>.top>.info>.each-info>.label>img[data-v-cd8a50d0]{margin-right:4px;width:16px}.api-credentials-layout>section>.top>.info>.each-info>.value[data-v-cd8a50d0]{color:#c7d2ed;font-family:Medium;font-size:12px;line-height:21px}.api-credentials-layout>section>.top>.info>.each-info>.value>span[data-v-cd8a50d0]{color:var(--color-system-cell);flex-shrink:0;font-family:Demibold;font-size:16px;margin-right:8px}.api-credentials-layout>section>.top>.info>.split[data-v-cd8a50d0]{background-color:#f3efff12;height:40px;margin:0 40px;width:1px}.api-credentials-layout>section>.top>.user>.name[data-v-cd8a50d0]{color:#fff;font-family:Regular;font-size:16px}.api-credentials-layout>section>.top>.user>.vip[data-v-cd8a50d0]{background:#c7d2ed;border-radius:4px;font-family:Demibold;font-size:12px;height:20px;margin:0 8px;padding:0 4px}.api-credentials-layout>section>.top>.user>.vip.pro[data-v-cd8a50d0]{background:linear-gradient(180deg,#f7971e,#ffd200)}.api-credentials-layout>section>.top>.user>.vip.adv[data-v-cd8a50d0]{background:linear-gradient(180deg,#83a4d4,#b6fbff)}.api-credentials-layout>section>.top>.user>.vip.ent[data-v-cd8a50d0]{background:linear-gradient(0deg,#5084ff,#ac77ff)}.api-credentials-layout>section>.top>.user>.set[data-v-cd8a50d0]{cursor:pointer;margin-left:8px}.api-credentials-layout>section>.bottom[data-v-cd8a50d0]{border-radius:4px;height:calc(100% - 116px)}@media screen and (min-width:769px) and (max-width:1520px){.api-credentials-layout>section>.top>.info>.split[data-v-cd8a50d0]{margin:0 25px}}@media (max-width:768px){.api-credentials-layout[data-v-cd8a50d0]{background-color:transparent;flex-direction:column;height:auto;padding:20px 15px}.api-credentials-layout>nav[data-v-cd8a50d0]{background:transparent;border:none;margin:0 0 20px;padding:0;width:100%}.api-credentials-layout>nav>section[data-v-cd8a50d0]{background:linear-gradient(180deg,#101e2f,#10192480);border:1px solid rgba(135,230,255,.2);display:inline-block;padding:10px}.api-credentials-layout>nav>section>button[data-v-cd8a50d0]{padding:2px}.api-credentials-layout>nav>.bg[data-v-cd8a50d0]{display:inline-block;height:calc(100% - 60px);left:0;position:fixed;top:60px;width:100%;z-index:99}.api-credentials-layout>nav>ul[data-v-cd8a50d0]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,#101e2f,#10192480);border:1px solid rgba(135,230,255,.2);height:calc(100% - 60px);left:-100%;padding:10px;position:fixed;top:60px;transition:.3s;width:70%;z-index:100}.api-credentials-layout>nav>ul.show[data-v-cd8a50d0]{left:0}.api-credentials-layout>nav>ul>li[data-v-cd8a50d0]:before{opacity:0}.api-credentials-layout>section[data-v-cd8a50d0]{width:100%}.api-credentials-layout>section>.top[data-v-cd8a50d0]{min-height:auto;position:relative}.api-credentials-layout>section>.top>.info[data-v-cd8a50d0]{flex-direction:column;width:100%}.api-credentials-layout>section>.top>.info>.each-info[data-v-cd8a50d0]{flex:0;margin:10px 0;width:100%}.api-credentials-layout>section>.top>.info>.split[data-v-cd8a50d0]{height:1px;width:100%}.api-credentials-layout>section>.top>.user[data-v-cd8a50d0]{position:absolute;right:0;top:-60px}.api-credentials-layout>section>.top>.user>.set[data-v-cd8a50d0]{position:relative}.api-credentials-layout>section>.bottom[data-v-cd8a50d0]{height:auto}}