@charset "UTF-8";.no-data[data-v-8b9f5b8d]{height:100%;width:100%}.no-data__header[data-v-8b9f5b8d]{position:absolute;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:14px;padding:4px}.no-data__content[data-v-8b9f5b8d]{height:100%;width:100%;display:inline-flex;justify-content:center;align-items:center;flex-direction:column}.no-data__content__icon-container[data-v-8b9f5b8d]{height:40px;width:40px;font-size:34px;margin-top:8px}.no-data__content__icon-container .svg-icon[data-v-8b9f5b8d]{height:100%;width:100%}.no-data__content__title[data-v-8b9f5b8d]{font-weight:700;text-align:center}.tile-item{position:absolute;user-select:none;-ms-touch-action:auto;touch-action:auto;transition:all 10ms ease;z-index:20;transform-origin:left top}*[data-v-b6ad5d11]{font-size:12px}.view-area-container[data-v-b6ad5d11]{z-index:1}.view-area-container .grid-container[data-v-b6ad5d11]{width:100vw;height:var(--100vh);overflow:auto}.view-area-container .grid-container .layout[data-v-b6ad5d11]{width:fit-content;height:fit-content}.view-area-container .grid-container .status-mask[data-v-b6ad5d11]{position:absolute;z-index:2000;margin:0;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center}.view-area-container .grid-container .status-mask .comp-offline[data-v-b6ad5d11]{text-align:right}.view-area-container .grid-container .status-mask .comp-offline .svg-icon[data-v-b6ad5d11]{font-size:32px}.view-area-container .grid-container .class-mask[data-v-b6ad5d11]{position:absolute;z-index:2000;margin:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-color:#28a745;color:#fff;padding:0 2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.view-area-container .grid-container .class-mask .comp-offline[data-v-b6ad5d11]{text-align:right}.view-area-container .grid-container .class-mask .comp-offline .svg-icon[data-v-b6ad5d11]{font-size:32px}.dashboard-login-dialog{background-color:#181818}.dashboard-login-dialog .dashboard-login-dialog-content{border-radius:4px;overflow:hidden}.dashboard-login-dialog .dashboard-login-dialog-content .dashboard-login-dialog__header{font-size:22px;color:#fff;font-weight:700;padding:18px 0 0;position:relative;width:100%}.dashboard-login-dialog .dashboard-login-dialog-content .dashboard-login-dialog__header .header{padding-left:10px}.dashboard-login-dialog .dashboard-login-dialog-content .dashboard-login-dialog__footer{width:100%;padding:0 20px 32px}.dashboard-login-dialog.el-dialog{border-radius:4px;max-width:480px;transition:width .2s ease-in-out}.dashboard-login-dialog.el-dialog .el-dialog__header{padding:0}.dashboard-login-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn{z-index:20}.dashboard-login-dialog.el-dialog .el-dialog__header .el-dialog__close.el-icon.el-icon-close{font-size:25px;color:#c8cbd0;transition:all .1s ease-in-out}.dashboard-login-dialog.el-dialog .el-dialog__header .el-dialog__close.el-icon.el-icon-close:hover{color:#606266}.dashboard-login-dialog.el-dialog .el-dialog__body{padding:0}.dashboard-login-dialog.el-dialog .el-dialog__body .content{padding:20px}.dashboard-login-dialog .el-divider.divider{background-color:#303030;margin:17px 0 0}.dashboard-login-dialog .dashboard-login-dialog-drawer__content{height:100%;overflow:auto;border-radius:4px;overflow:hidden}.dashboard-login-dialog .dashboard-login-dialog-drawer__content .dashboard-login-dialog__header{font-size:18px;color:#fff;font-weight:700;padding:14px 0 0;position:relative;width:100%}.dashboard-login-dialog .dashboard-login-dialog-drawer__content .dashboard-login-dialog-drawer__footer{position:absolute;bottom:0;width:100%;height:100px;padding:20px}.dashboard-login-dialog.el-drawer{border-radius:12px 12px 0 0}.dashboard-login-dialog.el-drawer .el-drawer__header{margin-bottom:0;padding:0;display:block}.dashboard-login-dialog.el-drawer .el-drawer__header .el-drawer__close-btn{z-index:20;position:absolute;right:15px;top:15px;color:#c8cbd0}.dashboard-login-dialog.el-drawer .el-drawer__body{padding:0;overflow:auto}.theme--dark.dashboard-login-dialog .el-input .el-input__inner{background-color:#121212;color:#fff;border:1px solid #202020}.theme--light.dashboard-login-dialog .dashboard-login-dialog-content .dashboard-login-dialog__header,.theme--light.dashboard-login-dialog.el-dialog .el-dialog__header .el-dialog__close.el-icon.el-icon-close{color:#162133}.theme--light.dashboard-login-dialog.el-dialog .el-dialog__header .el-dialog__close.el-icon.el-icon-close:hover{color:#606266}.theme--light.dashboard-login-dialog .el-divider.divider{background-color:#e4e4e4}.theme--light.dashboard-login-dialog .dashboard-login-dialog-drawer__content .dashboard-login-dialog__header,.theme--light.dashboard-login-dialog.el-drawer .el-drawer__header .el-drawer__close-btn{color:#162133}.login-container__form__img{text-align:center}.login-container__form__img img{width:120px;height:120px}.login-container__form__title{color:#2a79e2;font-size:24px;text-align:center;margin-bottom:15px}.login-container__form__description{font-size:14px;margin-bottom:10px;text-align:center;color:#fff}.login-container__form__meta{font-size:14px;text-align:right;color:#797979;margin-top:10px;margin-bottom:20px}.login-container__form__meta .login-container__form__meta__resend{color:#2a79e2;cursor:pointer;font-weight:700}.login-container__form__meta .login-container__form__meta__resend--gray{color:#ccc;font-weight:700;cursor:not-allowed}.login-container__form__meta .login-container__form__meta__desc{font-size:14px;color:#bb6262;margin-top:5px}.login-container__form__back{cursor:pointer;font-size:16px;color:#7aabf0;text-align:center}.login-container__form__content .el-button.btn-otp-submit{margin-top:20px;height:44px;width:100%;border-radius:4px;font-size:15px;border:1px solid #3b86e6;background-color:#3578fe;color:#fff;transition:all .3s ease}.login-container__form__content .el-button.btn-otp-submit>span{overflow:visible}.login-container__form__content .el-button.btn-otp-submit:hover{border:1px solid #5a91ff;background-color:#3b86e6;color:#fff}.login-content-title .login-content-title__logo{height:40px;text-align:center;margin-bottom:10px;font-size:30px}.login-content-title .login-content-title__logo img{height:100%}.login-content-title .login-content-title__product-name,.login-content-title .login-content-title__description{font-size:16px;color:#fff;margin-bottom:20px;text-align:center}.login-content{padding:20px;overflow:auto;height:400px;max-height:80vh}.login-content--theme-light .login-container__form__description,.login-content--theme-light .login-content-title .login-content-title__description{color:#162133}.or-content{margin-top:16px;margin-bottom:20px}.or-content .or-inner{display:inline-block;text-align:center;align-content:center}.or-content .or-text{margin:0 13px;font-size:12px;font-family:Helvetica;color:#c1c4cd;letter-spacing:.3px;text-align:center;font-weight:400}.or-content .or-border-line{width:197px;height:1px;box-shadow:0 0 0 1px #979797 inset;vertical-align:middle}@media (max-width: 1275px){.or-content .or-border-line{text-align:center;width:calc(50% - 24px)}}@media (min-width: 1276px){.or-content .or-border-line{width:197px}}.dashboard-accout-profile .el-dialog__wrapper{z-index:1990!important}.dashboard-accout-profile .v-modal{z-index:1980!important}@media screen and (min-width: 992px){.dashboard-accout-profile .v-modal{display:none}}.dashboard-accout-profile .el-dialog.dashboard-accout-profile-dialog{background:#ffffff;border:1px solid #cfcfcf;box-shadow:0 3px 8px rgba(0,0,0,.1);border-radius:1px}.dashboard-accout-profile .el-dialog.dashboard-accout-profile-dialog .el-dialog__body{padding:25px 20px 15px}.dashboard-accout-profile .dashboard-accout-profile-dialog{margin:0;width:300px;position:absolute}@media screen and (max-width: 992px){.dashboard-accout-profile .dashboard-accout-profile-dialog{margin-top:50px!important;width:100%!important}}.dashboard-accout-profile .dashboard-accout-profile-dialog.dashboard-accout-profile-dialog--top{top:60px;right:20px;left:initial}@media screen and (max-width: 992px){.dashboard-accout-profile .dashboard-accout-profile-dialog.dashboard-accout-profile-dialog--top{top:10px;right:0;left:initial}}.dashboard-accout-profile .dashboard-accout-profile-dialog.dashboard-accout-profile-dialog--left{bottom:15px;left:200px}@media screen and (max-width: 992px){.dashboard-accout-profile .dashboard-accout-profile-dialog.dashboard-accout-profile-dialog--left{bottom:10px;left:0}}.dashboard-accout-profile .dashboard-accout-profile-dialog.dashboard-accout-profile-dialog--float{left:initial;right:15px;bottom:100px}@media screen and (max-width: 992px){.dashboard-accout-profile .dashboard-accout-profile-dialog.dashboard-accout-profile-dialog--float{left:initial;right:0;bottom:100px}}.dashboard-accout-profile .dashboard-accout-profile-dialog .el-dialog__header{display:none}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-header .account-header-avatar{display:flex;align-items:center;justify-content:center}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-header .account-header-avatar .account-avatar{outline:none;background:#0754f0;cursor:default;font-size:18px}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-header .account-header-title{display:flex;align-items:center;font-size:16px;color:#434343}@media screen and (max-width: 992px){.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-header .account-header-title{font-size:20px}}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel{margin:0;background:#ffffff;border-radius:1px;width:100%;padding:0}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel .menu-list-panel__item{line-height:40px;height:40px;color:#434343;list-style:none;padding:0 10px 0 15px;margin:0;font-size:14px;cursor:pointer;outline:0;-webkit-transition:all .3s ease;transition:all .3s ease}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel .menu-list-panel__item:hover{background-color:#f2f6ff;color:#397ff4}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel .menu-list-panel__item:hover .svg-icon,.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel .menu-list-panel__item:hover .menu-list-panel__item__float-right .svg-icon{color:#397ff4}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel .menu-list-panel__item .svg-icon{font-size:20px;margin-right:15px;vertical-align:middle}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel .menu-list-panel__item .menu-list-panel__item__float-right{display:inline-block;float:right}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-content ul.menu-list-panel .menu-list-panel__item .menu-list-panel__item__float-right .svg-icon{color:#162133;font-size:12px}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .divider{margin:16px 0;display:block;height:1px;width:100%;background-color:#e4e4e4;position:relative}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .divider.top{margin-bottom:10px}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .divider.bottom{margin-top:10px}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-footer .account-footer-lang,.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-footer .account-footer-logout{padding-left:20px;padding-right:20px}.dashboard-accout-profile .dashboard-accout-profile-dialog-container .dashboard-accout-profile-dialog-footer .dashboard-accout-profile-dialog-footer__version{font-size:12px;color:#9b9b9b;text-align:center;text-transform:none;font-style:italic;cursor:pointer}.logout-btn{border:2px solid #397ff4;border-radius:46.5px;color:#397ff4;cursor:pointer;height:30px;line-height:26px;font-weight:700;width:60%;padding:0 5px;text-align:center}@media screen and (max-width: 992px){.logout-btn{height:38px;line-height:34px}}.language-container{padding:0;margin:0 0 0 50px;border-top:#efefef 2px solid}.language-container li{margin:2px 0;padding:0 25px;list-style:none;height:30px;line-height:30px;font-size:14px;color:#5f5f5f;border-radius:3px;cursor:pointer}.language-container li:hover{background-color:#f2f6ff;color:#397ff4}.screen-container{padding:0;margin:0 0 0 50px;border-top:#efefef 2px solid}.screen-container li{margin:2px 0;padding:0 25px;list-style:none;height:30px;line-height:30px;font-size:14px;color:#5f5f5f;border-radius:3px;cursor:pointer}.screen-container li svg{font-size:20px;margin-right:15px;color:#162133}.screen-container li.poper-item--selected,.screen-container li:hover{background-color:#f2f6ff;color:#397ff4}.version-dialog .service-logo{text-align:center;font-size:16px}.version-dialog .service-logo .service-logo__icon{font-size:60px}.version-dialog .service-logo .service-logo__name{color:#203351;font-size:20px;margin-top:10px}.version-dialog .service-list{margin:10px 0 0}.version-dialog .service-list li{list-style:none}.version-dialog .service-list li .service-list__icon{margin-right:20px;font-size:30px;display:inline-block;vertical-align:middle}.version-dialog .service-list li .service-list__service-name{vertical-align:middle;margin-right:10px;font-size:12px;color:gray}.version-dialog .service-list li .service-list__version{vertical-align:middle;font-size:12px}@keyframes blink{0%,20%,50%,80%,to{opacity:1}40%{opacity:0}60%{opacity:0}}.create-dashboard-template-dialog__progress-info{text-align:right;margin-top:20px}.create-dashboard-template-dialog__preview-popover .create-dashboard-template-dialog__preview__content img{width:384px;height:auto}.create-dashboard-template-dialog__preview__text .dot{animation:blink 1.5s infinite}.create-dashboard-template-dialog__preview__text .dot:nth-child(1){animation-delay:0s}.create-dashboard-template-dialog__preview__text .dot:nth-child(2){animation-delay:.5s}.create-dashboard-template-dialog__preview__text .dot:nth-child(3){animation-delay:1s}.create-dashboard-template-dialog__preview__text-preview{text-decoration:underline;color:#2196f3;cursor:pointer;display:inline-block}.dashboard-template-content .template-gallery-search{margin-bottom:20px}.dashboard-template-content .template-gallery-grid{padding:0;position:relative;overflow:hidden;max-height:500px;overflow-y:auto}.dashboard-template-content .gallery-grid-item{width:100%;padding-bottom:calc(56.25% + 30px);overflow:hidden;margin-bottom:20px;transition:all .3s ease;position:relative;cursor:pointer;border:2px solid transparent;border-radius:10px;box-shadow:rgba(17,17,26,.05) 0 1px,rgba(17,17,26,.1) 0 0 8px}.dashboard-template-content .gallery-grid-item.gallery-grid-item--selected{border:2px solid #4893ff;background-color:rgba(72,147,255,.1)}.dashboard-template-content .gallery-grid-item .gallery-grid-item__screenshot{width:100%;padding-bottom:56.25%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.dashboard-template-content .gallery-grid-item .gallery-grid-item__screenshot .gallery-grid-item__ribbon{display:flex;justify-content:center;align-items:center;background-color:#32b595;overflow:hidden;white-space:nowrap;position:absolute;left:-30px;top:15px;transform:rotate(-45deg)}.dashboard-template-content .gallery-grid-item .gallery-grid-item__screenshot .gallery-grid-item__ribbon>span{font-size:10px;text-align:center;vertical-align:top;color:#fff;display:inline-block;width:100px;text-decoration:none;text-shadow:0 0 5px #444}.dashboard-template-content .gallery-grid-item .gallery-grid-item__screenshot .gallery-grid-item__info__more{position:absolute;z-index:5;right:5px;top:5px;width:25px;height:25px;text-align:center;color:#fff;background-color:#fff;border-radius:50px;display:inline-flex;cursor:pointer;justify-content:center;align-items:center;font-size:14px;color:#868686;transition:all .3s ease;box-shadow:rgba(0,0,0,.1) 0 1px 3px,rgba(0,0,0,.06) 0 1px 2px}.dashboard-template-content .gallery-grid-item .gallery-grid-item__screenshot .gallery-grid-item__info__more:hover{color:#202020}.dashboard-template-content .gallery-grid-item .gallery-grid-item__info{transition:all .2s ease;position:absolute;bottom:-50px;width:100%;z-index:2;background-color:#fff;height:80px;backdrop-filter:blur(30px);overflow:hidden}.dashboard-template-content .gallery-grid-item .gallery-grid-item__info:hover{bottom:0}.dashboard-template-content .gallery-grid-item .gallery-grid-item__info .gallery-grid-item__info__title{font-weight:700;font-size:20px;color:#202020;padding:3px 10px}.dashboard-template-content .gallery-grid-item .gallery-grid-item__info .gallery-grid-item__info__desc{color:#ababab;padding:0 10px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;height:3em;line-height:1em}.gallery-grid-item__info__more__popover{padding:5px}.gallery-grid-item__info__more__popover ul,.gallery-grid-item__info__more__popover li{margin:0;padding:0;list-style:none}.gallery-grid-item__info__more__popover li.gallery-grid-item__info__more-menu__item{padding:0 10px;margin:0;list-style:none;display:flex;height:30px;cursor:pointer}.gallery-grid-item__info__more__popover li.gallery-grid-item__info__more-menu__item:hover{background:#f2f6ff}.gallery-grid-item__info__more__popover li.gallery-grid-item__info__more-menu__item .gallery-grid-item__info__more-menu__item__icon{display:flex;align-items:center;margin-right:8px;font-size:18px;width:20px}.gallery-grid-item__info__more__popover li.gallery-grid-item__info__more-menu__item .gallery-grid-item__info__more-menu__item__text{align-items:center;font-size:14px;color:#595959;white-space:nowrap;max-width:140px;line-height:30px}.gallery-grid-item__info__more__popover li.gallery-grid-item__info__more-menu__item.gallery-grid-item__info__more-menu__item--disabled{color:#c7c7c7;cursor:not-allowed;pointer-events:none}.gallery-grid-item__info__more__popover li.gallery-grid-item__info__more-menu__item.gallery-grid-item__info__more-menu__item--disabled .gallery-grid-item__info__more-menu__item__text{color:#c7c7c7}.viewer-main__feature-float[data-v-623cc162]{display:block;position:fixed;z-index:200;overflow:hidden;background:#32b595;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease;top:40%;right:25px;height:50px;width:50px;line-height:50px;text-align:center;border-radius:80px}.viewer-main__feature-float .feature-wrapper[data-v-623cc162]{margin-right:0;transition:all .5s ease}.viewer-main__feature-float .feature-wrapper .tool-item__icon[data-v-623cc162]{cursor:pointer;margin-right:0;color:#fff;font-size:20px;display:block}.viewer-main__feature-float .feature-wrapper .tool-item__icon-tool[data-v-623cc162]{cursor:pointer;margin-right:0;color:#fff;font-size:20px;display:block;height:40px;line-height:40px;border-radius:50%;transition:all .5s ease}.viewer-main__feature-float .feature-wrapper .tool-item__icon-tool[data-v-623cc162]:hover{background:#fff;color:#32b595}.viewer-main__feature-float[data-v-623cc162]:hover{padding:0 5px;height:143px;min-width:fit-content}.viewer-main__feature-float:hover .tool-item__text[data-v-623cc162]{width:fit-content}.scale-tool-box[data-v-458274a6]{position:absolute;bottom:10px;left:50px;right:50px;z-index:20}.viewer-main[data-v-458274a6]{width:100vw;height:100vh;height:var(--100vh);overflow:visible;position:relative}@supports (-webkit-touch-callout: none){.viewer-main[data-v-458274a6]{height:-webkit-fill-available}}.viewer-main__content[data-v-458274a6]{position:relative;width:100%;height:100%;background-color:#eee;font-size:0px;outline:none;touch-action:manipulation;overflow:auto}.viewer-main__content .viewer[data-v-458274a6]{height:100%;width:100%;transform-origin:top left}.viewer-main__hanlder-top[data-v-458274a6]{background:#3bb9df;color:#fff;height:20px;position:fixed;z-index:1500;top:0;left:50%;transform:translate(-50%);width:108px;border-radius:0 0 10px 10px;font-size:10px;text-align:center;line-height:25px;margin-top:-10px;cursor:pointer;user-select:none;transition:margin .1s ease-out}.viewer-main__hanlder-top[data-v-458274a6]:hover{margin-top:-5px}@media screen and (max-width: 992px){.viewer-main__hanlder-top[data-v-458274a6]{height:30px;line-height:40px;font-size:16px}}.viewer-main__hanlder-left[data-v-458274a6]{background:#3bb9df;color:#fff;height:108px;position:fixed;z-index:1500;top:50%;left:0;transform:translateY(-50%);width:20px;border-radius:0 10px 10px 0;font-size:10px;text-align:center;margin-left:-10px;cursor:pointer;transition:margin .1s ease-out;text-align:right;line-height:100px;user-select:none}.viewer-main__hanlder-left[data-v-458274a6]:hover{margin-left:-5px}@media screen and (max-width: 992px){.viewer-main__hanlder-left[data-v-458274a6]{width:35px;font-size:16px;padding-right:4px}}.dashboard-avatar-wrapper{vertical-align:top;margin-right:16px;height:100%;line-height:50px;display:inline-block;cursor:pointer}.dashboard-avatar-wrapper .dashboard-avatar{margin-right:5px;outline:none;background:#0754f0;cursor:pointer;vertical-align:middle}.dashboard-avatar-wrapper .account-name{vertical-align:top;font-size:14px;color:#fff;text-align:right}.viewer-main__tab-label{width:100%}.viewer-main__tab-text{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-main__tab-top{width:100%;position:fixed;z-index:200;height:50px;overflow:hidden;background:#162133;box-shadow:0 2px 4px rgba(0,0,0,.3);display:block;margin-top:0;transition:margin-top .3s ease}.viewer-main__tab-top.viewer-main__tab-top__hidden{margin-top:-50px}.viewer-main__tab-top .tool-box{vertical-align:top;margin:0 20px;height:50px;line-height:50px;float:right}@media screen and (max-width: 992px){.viewer-main__tab-top .tool-box{margin:0}}.viewer-main__tab-top .tool-box .tool-item{display:inline-block;vertical-align:top;text-align:center;color:#fff;cursor:pointer;min-width:50px;height:50px;line-height:50px}.viewer-main__tab-top .tool-box .tool-item .tool-item__icon{color:#fff;font-size:20px;display:inline-block}.viewer-main__tab-top .tool-box .tool-item .tool-item__label{display:inline-block;height:100%;min-width:64px;vertical-align:top;font-size:14px;color:#fff;margin-left:5px}@media screen and (max-width: 992px){.viewer-main__tab-top .tool-box .tool-item .tool-item__label{display:none}}.viewer-main__tab-top .el-tabs{display:inline-block;padding:0;margin-top:14px;margin-left:45px;max-width:calc(100vw - 300px)}@media screen and (max-width: 992px){.viewer-main__tab-top .el-tabs{max-width:calc(100vw - 220px)}}.viewer-main__tab-top .el-tabs .el-tabs__nav{border:none}.viewer-main__tab-top .el-tabs .el-tabs__header{margin:0;border:none}.viewer-main__tab-top .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin-bottom:0}.viewer-main__tab-top .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-prev,.viewer-main__tab-top .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-next{line-height:30px}.viewer-main__tab-top .el-tabs .el-tabs__item{height:36px;line-height:36px;background-color:transparent;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;font-size:12px;max-width:250px;min-width:60px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis;color:#fff;border:none;border-radius:10px 10px 0 0;background:rgba(255,255,255,.1);margin:0 1px 0 0;text-align:center;transition:all solid .3s;box-shadow:none;padding-left:10px!important;padding-right:5px}.viewer-main__tab-top .el-tabs .el-tabs__item.is-active{box-shadow:none;background:rgba(0,0,0,.3)}.viewer-screen__tool-tip{height:20px;font-size:10px;line-height:20px;padding-top:0;border-radius:2px}.viewer-screen__tool-tip.is-dark{background:#0b0e13;color:#8c95a5}.viewer-screen__status-wrapper{position:fixed;z-index:20;right:10px;bottom:10px}.viewer-screen__status-wrapper .viewer-screen__status{font-size:10px;line-height:10px}.viewer-screen__status-wrapper .viewer-screen__status .status-disconnected{float:left;height:20px;margin:0;padding:2px 13px;border-radius:5px;text-align:left;background-color:rgba(58,58,58,.15);color:#f86170;font-size:18px;display:flex;align-items:center}.viewer-screen__status-wrapper .viewer-screen__status .status-disconnected .status-disconnected__text{font-size:12px;color:#000;margin-left:4px;line-height:10px}.viewer-screen__status-wrapper .viewer-screen__status .status-connecting{float:left;width:100px;height:20px;margin:0;padding:7px;border-radius:5px;text-align:center;background-color:rgba(58,58,58,.15)}.viewer-screen__status-wrapper .viewer-screen__status .status-connecting .status-connecting__bar{float:left;width:15px;height:6px;border-radius:2px;background-color:#63b5f6;animation:connecting 2s cubic-bezier(.17,.37,.43,.67) infinite}.viewer-main__tab-float{display:block;position:fixed;z-index:200;overflow:hidden;background:#162133;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease;bottom:40px;right:25px;height:50px;width:50px;line-height:50px;text-align:center;border-radius:80px}.viewer-main__tab-float .dashboard-avatar-wrapper{margin-right:0;transition:all .5s ease}.viewer-main__tab-float .dashboard-avatar-wrapper .tool-item__icon{margin-right:0;color:#fff;font-size:20px;display:inline-block;vertical-align:top}.viewer-main__tab-float .dashboard-avatar-wrapper .tool-item__text{width:0px;overflow:hidden;display:inline-block;transition:all .5s ease;font-size:12px;color:#fff;vertical-align:top}.viewer-main__tab-float:hover{padding:0 5px;width:fit-content;width:120px;min-width:fit-content}.viewer-main__tab-float:hover .tool-item__text{margin-right:12px;width:fit-content}.viewer-main__tab-left{position:fixed;z-index:200;overflow:hidden;background:#162133;box-shadow:0 2px 4px rgba(0,0,0,.3);display:block;width:190px;display:inline-block;height:100%;transition:margin-left .3s ease}.viewer-main__tab-left.viewer-main__tab-left__hidden{margin-left:-190px}.viewer-main__tab-left .tool-box{position:absolute;bottom:0;margin-bottom:40px;width:100%;display:flex;flex-direction:row;justify-content:space-evenly}.viewer-main__tab-left .tool-box .tool-item{color:#fff;cursor:pointer;width:30px;height:30px;padding-top:3px}.viewer-main__tab-left .tool-box .tool-item .tool-item__icon{font-size:20px}.viewer-main__tab-left .tool-box .tool-item .tool-item-icon{font-size:21px;display:inline-block;margin:0;height:28px;line-height:28px;width:28px;text-align:center}.viewer-main__tab-left .tool-box .tool-item .tool-item-label{display:inline-block;height:100%;min-width:64px;vertical-align:top;font-size:14px;color:#fff;margin-left:0}.viewer-main__tab-left .el-tabs{padding:0;margin:30px 0 0 15px}.viewer-main__tab-left .el-tabs .el-tabs__nav{border:none}.viewer-main__tab-left .el-tabs .el-tabs__header{margin:0;border:none}.viewer-main__tab-left .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin-bottom:0}.viewer-main__tab-left .el-tabs .el-tabs__nav-wrap.is-left{margin-right:0}.viewer-main__tab-left .el-tabs .el-tabs__item{width:162px;height:36px;line-height:34px;font-size:12px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis;color:#fff;margin:1px 0 0;text-align:center;box-shadow:none;border:none;border-radius:10px 10px 0 0;background:rgba(255,255,255,.1);padding-left:11px!important;padding-right:5px;transition:all .2s ease-out}.viewer-main__tab-left .el-tabs .el-tabs__item:after{content:"";background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);height:9px;width:100%;position:absolute;left:0;bottom:0}.viewer-main__tab-left .el-tabs .el-tabs__item.is-left,.viewer-main__tab-left .el-tabs .el-tabs__item.is-left:first-child{border:none}.viewer-main__tab-left .el-tabs .el-tabs__item.is-left.is-active{border:none;box-shadow:none;background:#202732}.viewer-main__tab-left .el-tabs .el-tabs__item.is-left.is-active:after{opacity:.3}.viewer-tooltip-tooltip{background:rgba(48,49,51,.7019607843)!important}.fullscreen-tooltip{margin-top:0!important;background:rgba(48,49,51,.7019607843)!important}.expansion-widget-dialog .el-dialog__body{height:90vh}.operable-class-setting .el-divider--horizontal{margin:8px 0}.operable-class-setting .centered-col{display:flex;justify-content:start;align-items:center}.operable-class-setting .action-button{display:flex;justify-content:flex-end;align-items:center}@keyframes connecting{0%,to{transform:translate(0)}50%{transform:translate(60px);width:25px}}