@keyframes buttonLoading{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}#api-wrap{width:1100px}article#api-content{margin:70px 0}article#api-content .dashboard-content{display:none}article#api-content .dashboard-content.active{display:block}article#api-content .credentials-title{font:normal normal 600 20px/30px Poppins;color:#39325a;margin-bottom:8px}article#api-content .credentials-title span{font:inherit;color:inherit}article#api-content .credentials-desc{font:normal normal normal 14px/22px Poppins;color:rgba(57,50,90,0.7);margin-bottom:6px}article#api-content .credentials-desc a{text-decoration:underline;font:normal normal 600 14px/22px Poppins;color:#7657f6;cursor:pointer}article#api-content .credentials-button{margin:6px 0 35px;display:inline-flex;align-items:center;justify-content:center;background:#6d4dff 0 0 no-repeat padding-box;border-radius:99px;padding:10px 30px;font:normal normal 500 16px/21px Poppins;color:#ffffff;box-sizing:border-box;transition:0.2s ease-in-out;cursor:pointer}article#api-content .credentials-button>i{margin-right:10px}@media screen and (min-width: 1200px){article#api-content .credentials-button:hover{opacity:0.7}}article#api-content .add-icon{display:inline-block;position:relative;width:13px}article#api-content .add-icon::before,article#api-content .add-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#ffffff;width:2px;height:13px;border-radius:99px}article#api-content .add-icon::after{transform:translate(-50%, -50%) rotate(90deg)}article#api-content .tabulator{border:none;background-color:transparent;font-size:14px;opacity:0;visibility:hidden}article#api-content .tabulator.show{opacity:1;visibility:visible}article#api-content .tabulator .tabulator-header{border-bottom:1px solid #f4f4f7;color:#39325a;font-family:Poppins, sans-serif;background-color:transparent}article#api-content .tabulator .tabulator-header .tabulator-col{border:none;background:transparent}article#api-content .tabulator .tabulator-header .tabulator-col .tabulator-col-content{padding:11px 17px}article#api-content .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{font-weight:600}article#api-content .tabulator .tabulator-tableholder .tabulator-table{color:#39325a;font-family:Poppins, sans-serif;background-color:transparent}article#api-content .tabulator .tabulator-row{background-color:transparent;border-bottom:1px solid #f4f4f7}article#api-content .tabulator .tabulator-row .tabulator-cell{padding:11px 17px;border:none}article#api-content .tabulator [tabulator-field="action"]{text-align:right}article#api-content .tabulator .tabulator-footer{border-top:none;background-color:transparent;padding-top:30px}article#api-content .tabulator .tabulator-footer .tabulator-footer-contents{justify-content:center}article#api-content .tabulator .tabulator-footer .tabulator-page-counter{font:normal normal normal 14px/18px Poppins;color:#39325a;margin-right:26px}article#api-content .tabulator .tabulator-footer .tabulator-paginator{text-align:center;display:flex;align-items:center;justify-content:center;flex:0}article#api-content .tabulator .tabulator-footer .tabulator-page{border:none;font:normal normal 600 14px/18px Poppins;color:#39325a;background-color:transparent;display:flex;align-items:center;justify-content:center}article#api-content .tabulator .tabulator-footer .tabulator-page.active{color:#7657f6}article#api-content .tabulator .tabulator-footer .tabulator-pages{display:flex;align-items:center;justify-content:center}article#api-content .credentials-table-action{display:inline-flex;align-items:flex-end;justify-content:center}article#api-content .credentials-table-action button{background:transparent;border:none;cursor:pointer;transition:0.2s ease-in-out;display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:20px}article#api-content .credentials-table-action button:last-child{margin-right:0}@media screen and (min-width: 1200px){article#api-content .credentials-table-action button:hover{opacity:0.7}}article#api-content .credentials-table-action button.action-view{background-image:url("https://static-alter1.vidnoz.com/web/en/img/api/icon_view.svg");background-repeat:no-repeat;background-size:cover}article#api-content .credentials-table-action button.action-delete{background-image:url("https://static-alter1.vidnoz.com/web/en/img/api/icon_del.svg");background-repeat:no-repeat;background-size:cover}article#api-content .usage-tab-list{display:inline-flex;padding:5px;box-sizing:border-box;border-radius:99px;margin-bottom:40px;align-items:center;background-color:rgba(109,77,255,0.08)}article#api-content .usage-tab-list .usage-tab{padding:6px 20px;border-radius:99px;font:normal normal 500 14px/18px Poppins;color:#39325a;cursor:pointer;margin-right:4px;transition:0.2s ease-in-out}article#api-content .usage-tab-list .usage-tab:last-child{margin-right:0}article#api-content .usage-tab-list .usage-tab.active{background-color:#fff}@media screen and (min-width: 1200px){article#api-content .usage-tab-list .usage-tab:hover{background-color:rgba(255,255,255,0.6)}}article#api-content .usage-card-header{display:flex;align-items:center;justify-content:space-between;font:normal normal normal 14px/18px Poppins;color:#39325a;margin-bottom:16px}article#api-content .usage-card-header>div{display:flex;align-items:center}article#api-content .usage-card-header>div>div{margin-right:8px}article#api-content .usage-card-header>div>div:last-child{margin-right:0}article#api-content .usage-card-header .day-text{background:#ece8ff 0 0 no-repeat padding-box;border-radius:99px;padding:5px 12px}article#api-content .usage-card-header .date-ranger{position:relative;background:rgba(67,76,172,0.06) 0 0 no-repeat padding-box;border-radius:4px;padding:0 6px;display:flex;align-items:center}article#api-content .usage-card-header .date-ranger #date-ranger{background:transparent;padding:7px 0;width:170px;font:normal normal normal 12px/18px Poppins;color:#39325a}article#api-content .usage-card-header .date-ranger #date-ranger.active+img{transform:rotate(180deg);margin-top:1px}article#api-content .usage-card-header .date-ranger img{width:18px;margin-top:-3px;transition:all 0.1s ease-in-out;user-select:none}@media screen and (min-width: 1200px){article#api-content .usage-card-header .date-ranger:hover img{opacity:0.6}}article#api-content .usage-chart-wrap .usage-chart-header{display:flex;justify-content:space-between;align-items:center}article#api-content .usage-chart-wrap .usage-chart-header .usage-chart-title{font:normal normal 600 16px/21px Poppins;color:#39325a}article#api-content .usage-chart-wrap .usage-chart-header .usage-chart-total{font:normal normal normal 14px/18px Poppins;color:#39325a}article#api-content .usage-chart-wrap #usage-chart{width:100%;height:300px}.flatpickr-calendar{font:normal normal normal 14px/18px Poppins;color:#39325a;background:#f2f0ff !important;border:1px solid #434cac0f !important;box-shadow:none !important}.flatpickr-calendar .flatpickr-day{color:#39325a}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{font-family:Poppins, sans-serif;color:#39325a}.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg{fill:#6d4dff}.flatpickr-calendar.arrowTop:before{border-bottom-color:#434cac0f !important}.flatpickr-calendar.arrowTop:after{border-bottom-color:#f2f0ff !important}.flatpickr-calendar .flatpickr-day.inRange,.flatpickr-calendar .flatpickr-day.prevMonthDay.inRange,.flatpickr-calendar .flatpickr-day.nextMonthDay.inRange,.flatpickr-calendar .flatpickr-day.today.inRange,.flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange,.flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange,.flatpickr-calendar .flatpickr-day:hover,.flatpickr-calendar .flatpickr-day.prevMonthDay:hover,.flatpickr-calendar .flatpickr-day.nextMonthDay:hover,.flatpickr-calendar .flatpickr-day:focus,.flatpickr-calendar .flatpickr-day.prevMonthDay:focus,.flatpickr-calendar .flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#434cac0f;border-color:#434cac0f}.flatpickr-calendar .flatpickr-day.today:hover,.flatpickr-calendar .flatpickr-day.today:focus{background:#434cac0f;border-color:#434cac0f;color:#39325a}.flatpickr-calendar .flatpickr-day.selected,.flatpickr-calendar .flatpickr-day.startRange,.flatpickr-calendar .flatpickr-day.endRange,.flatpickr-calendar .flatpickr-day.selected.inRange,.flatpickr-calendar .flatpickr-day.startRange.inRange,.flatpickr-calendar .flatpickr-day.endRange.inRange,.flatpickr-calendar .flatpickr-day.selected:focus,.flatpickr-calendar .flatpickr-day.startRange:focus,.flatpickr-calendar .flatpickr-day.endRange:focus,.flatpickr-calendar .flatpickr-day.selected:hover,.flatpickr-calendar .flatpickr-day.startRange:hover,.flatpickr-calendar .flatpickr-day.endRange:hover,.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay{background:#434cac1f;-webkit-box-shadow:none;box-shadow:none;color:#39325a;border-color:#434cac1f}.flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #e7e6fb;box-shadow:-10px 0 0 #e7e6fb}.flatpickr-calendar .flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e7e6fb,
 5px 0 0 #e7e6fb;box-shadow:-5px 0 0 #e7e6fb,
 5px 0 0 #e7e6fb}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:transparent}.flatpickr-calendar .numInputWrapper:hover{background:transparent}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background:#f2f0ff 0 0 no-repeat padding-box;color:#39325aff;font:normal normal 500 13px/20px Poppins;padding:6px 8px;position:relative;cursor:pointer;border-radius:4px;margin-bottom:4px;transition:0.1s ease-in-out}.api-dialog-container .dialog-wrapper{box-shadow:0 10px 40px #3c4a681a;border:1px solid #3c4a681a;border-radius:12px;background-color:#fff;min-width:300px;padding:16px 20px;width:520px;box-sizing:border-box}.api-dialog-container .dialog-wrapper .dialog-title{font:normal normal 600 16px/25px Poppins;color:#39325a;margin-bottom:24px}.api-dialog-container .dialog-wrapper .dialog-body-label{font:normal normal 500 16px/21px Poppins;color:#39325a;margin-bottom:4px}.api-dialog-container .dialog-wrapper .dialog-body-input{background:#7657f60f 0 0 no-repeat padding-box;border:1px solid #7657f61f;border-radius:4px;margin-bottom:24px;padding:12px;box-sizing:border-box;font:normal normal normal 14px/18px Poppins;color:#39325a;width:100%;transition:0.2s ease-in-out all;outline:none}.api-dialog-container .dialog-wrapper .dialog-body-input:active,.api-dialog-container .dialog-wrapper .dialog-body-input:focus{border:1px solid #7657f6}.api-dialog-container .dialog-wrapper .dialog-input-wrap{position:relative;margin-bottom:24px}.api-dialog-container .dialog-wrapper .dialog-input-wrap .dialog-body-input{padding-right:50px;margin-bottom:0}.api-dialog-container .dialog-wrapper .dialog-input-wrap>span.text-count{position:absolute;top:50%;right:12px;transform:translateY(-50%);font:normal normal normal 14px/18px Poppins;color:#737c90}.api-dialog-container .dialog-wrapper .dialog-input-wrap>span.text-count.error{color:#ee1a3d}.api-dialog-container .dialog-wrapper .dialog-button{width:90px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #6d4dff;background-color:#fff;font:normal normal 500 14px/18px Poppins;color:#6d4dff;border-radius:99px;cursor:pointer;transition:0.2s ease-in-out all;margin-right:8px;position:relative;overflow:hidden}.api-dialog-container .dialog-wrapper .dialog-button:last-child{margin-right:0}.api-dialog-container .dialog-wrapper .dialog-button.disabled{pointer-events:none;opacity:0.3 !important}.api-dialog-container .dialog-wrapper .dialog-button.loading{pointer-events:none}.api-dialog-container .dialog-wrapper .dialog-button.loading::before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background-color:inherit;z-index:1}.api-dialog-container .dialog-wrapper .dialog-button.loading::after{content:"";display:block;width:16px;height:16px;background-image:url("https://static-alter1.vidnoz.com/web/en/img/api/icon_loading_small.svg");background-repeat:no-repeat;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);animation:buttonLoading 1.5s linear infinite;z-index:2}@media screen and (min-width: 1200px){.api-dialog-container .dialog-wrapper .dialog-button.dialog-button-normal:hover{background:#6d4dff14 0 0 no-repeat padding-box;border:1px solid #6d4dff;border-radius:25px}}.api-dialog-container .dialog-wrapper .dialog-button.dialog-button-full{color:#fff;border:none;background:#6d4dff 0 0 no-repeat padding-box}@media screen and (min-width: 1200px){.api-dialog-container .dialog-wrapper .dialog-button.dialog-button-full:hover{opacity:0.7}}.api-dialog-container .dialog-wrapper .dialog-footer{display:flex;align-items:center;justify-content:flex-end;margin-bottom:14px}.api-dialog-container .dialog-wrapper .dialog-footer [data-handle="delete"]{display:none}.custom-select{height:32px;position:relative}.custom-select .custom-select-selected{width:160px;height:32px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 6px;border-radius:4px;cursor:pointer;background:rgba(67,76,172,0.06) 0 0 no-repeat padding-box}.custom-select .custom-select-selected span{font:normal normal normal 14px/18px Poppins;color:#39325a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.custom-select .custom-select-selected img{width:18px;margin-top:-3px;transition:all 0.1s ease-in-out;user-select:none}@media screen and (min-width: 1200px){.custom-select .custom-select-selected:hover img{opacity:0.6}}.custom-select .custom-select-list{display:none;width:100%;background:#f2f0ff 0 0 no-repeat padding-box;border:1px solid #434cac0f;border-radius:4px;padding:8px;margin-top:8px;z-index:1;position:absolute;max-height:260px;overflow-y:auto}.custom-select .custom-select-list .custom-select-item{color:#39325aff;font:normal normal 500 13px/20px Poppins;padding:6px 8px;position:relative;cursor:pointer;border-radius:4px;margin-bottom:4px;transition:0.1s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select .custom-select-list .custom-select-item:last-child{margin-bottom:0}@media screen and (min-width: 1200px){.custom-select .custom-select-list .custom-select-item:hover{background:#434cac0f 0 0 no-repeat padding-box}}.custom-select .custom-select-list .custom-select-item.selected{background:#434cac1f 0 0 no-repeat padding-box}.custom-select.active .custom-select-selected img{transform:rotate(180deg);margin-top:0}@media screen and (max-width: 1200px){#api-wrap{width:100%}article#api-content{margin:0}article#api-content .dashboard-content{font-size:0}article#api-content .credentials-title{font:normal normal 600 0.4rem/0.6rem Poppins;margin-bottom:0.12rem}article#api-content .credentials-desc{font:normal normal normal 0.28rem/0.38rem Poppins;margin-bottom:0.1rem}article#api-content .credentials-desc a{font:normal normal 600 0.28rem/0.22rem Poppins}article#api-content .credentials-button{margin:0.2rem 0;padding:0.23rem 0.54rem;font:normal normal 500 0.26rem/0.39rem Poppins}article#api-content .credentials-button>i{margin-right:0.16rem}article#api-content .add-icon{display:inline-block;position:relative;width:0.2rem}article#api-content .add-icon::before,article#api-content .add-icon::after{height:0.2rem}article#api-content .tabulator{border:none;background-color:transparent;font-size:0.28rem}article#api-content .tabulator .tabulator-header .tabulator-col .tabulator-col-content{padding:0.22rem 0.34rem}article#api-content .tabulator .tabulator-row .tabulator-cell{padding:0.22rem 0.34rem}article#api-content .credentials-table-action button{width:0.32rem;height:0.32rem;margin-right:0.2rem}article#api-content .credentials-table-action button.action-delete{display:none}article#api-content .usage-tab-list{font-size:0;padding:0.1rem;margin-bottom:0.5rem;margin-top:0.32rem}article#api-content .usage-tab-list .usage-tab{padding:0.13rem 0.46rem;font:normal normal 500 0.26rem/0.39rem Poppins;margin-right:0.1rem}article#api-content .usage-card-header{display:flex;flex-wrap:wrap;font:normal normal normal 0.28rem/0.35rem Poppins;margin-bottom:0.27rem}article#api-content .usage-card-header>div{margin-bottom:0.16rem}article#api-content .usage-card-header .day-text{font:normal normal normal 0.22rem/0.33rem Poppins;padding:0.1rem 0.24rem}article#api-content .usage-card-header .date-ranger{padding:0 0.22rem}article#api-content .usage-card-header .date-ranger #date-ranger{padding:0.14rem 0;width:3.1rem;font:normal normal normal 0.24rem/0.35rem Poppins}article#api-content .usage-chart-wrap .usage-chart-header .usage-chart-title{font:normal normal 600 0.28rem/0.35rem Poppins}article#api-content .usage-chart-wrap .usage-chart-header .usage-chart-total{font:normal normal normal 0.28rem/0.35rem Poppins}article#api-content .usage-chart-wrap #usage-chart{width:100%;height:4.6rem}.api-dialog-container .dialog-wrapper{box-shadow:0 10px 10px #3c4a681a;border-radius:0.12rem;min-width:300px;max-width:630px;width:6.3rem;padding:0.28rem 0.4rem}.api-dialog-container .dialog-wrapper .dialog-title{font:normal normal 600 0.32rem/0.48rem Poppins;margin-bottom:0.28rem}.api-dialog-container .dialog-wrapper .dialog-content{font-size:0}.api-dialog-container .dialog-wrapper .dialog-body-label{font:normal normal 500 0.26rem/0.39rem Poppins;margin-bottom:0.1rem}.api-dialog-container .dialog-wrapper .dialog-body-input{border-radius:0.08rem;margin-bottom:0.24rem;padding:0.2rem 0.24rem;font:normal normal normal 0.26rem/0.39rem Poppins}.api-dialog-container .dialog-wrapper .dialog-input-wrap{margin-bottom:0.24rem;font-size:0}.api-dialog-container .dialog-wrapper .dialog-input-wrap .dialog-body-input{padding-right:1.2rem;margin-bottom:0}.api-dialog-container .dialog-wrapper .dialog-input-wrap>span.text-count{right:0.24rem;font:normal normal normal 0.28rem/0.35rem Poppins}.api-dialog-container .dialog-wrapper .dialog-button{width:2.25rem;height:0.8rem;font:normal normal 500 0.26rem/0.39rem Poppins;margin-right:0.16rem}.api-dialog-container .dialog-wrapper .dialog-button.loading::after{width:0.32rem;height:0.32rem}.api-dialog-container .dialog-wrapper .dialog-footer{margin-bottom:0}.api-dialog-container .dialog-wrapper .dialog-footer [data-handle="delete"]{display:block}.custom-select{height:0.64rem}.custom-select .custom-select-selected{width:160px;height:0.64rem;border-radius:0.08rem}.custom-select .custom-select-selected span{font:normal normal normal 0.28rem/0.35rem Poppins}}