.title-wrapper{display:flex;justify-content:space-between;line-height:36px;padding:8px 0;width:100%}.title-wrapper .title{font-size:18px;font-weight:500}.title-wrapper .subTitle{margin-left:15px}@media (max-width:719px) and (min-width:480px){.title-wrapper .subTitle{display:none}}.card-content-wraper{border:none;padding:16px 16px 0}.card-content-wraper .next-card{border:none;border-radius:8px}.card-content-wraper .next-card-show-divider .next-card-body{padding:0}.card-content-wraper .content-main-btn{min-height:26px}.card-content-wraper .content-wraper{background:#f7f6fb;padding:20px 10px 0}.card-content-wraper .content-wraper .content-main{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;height:70px;overflow:hidden;text-overflow:ellipsis}.card-content-wraper .content-wraper .content-foot{padding:16px 0 24px}.empty{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:32px 16px;width:100%}.empty svg{width:80px}.empty .message{color:var(--grey-500);font-size:16px;padding:8px}.customDrawer.next-drawer{display:flex;flex-direction:column;height:100%;width:100%}.customDrawer.next-drawer .next-drawer-body{flex:1;min-height:0;min-width:0;overflow:auto;padding:24px}.customDrawer.next-drawer .next-drawer-body .drawer-footer{align-items:center;background:#fff;bottom:0;display:flex;height:60px;justify-content:flex-end;position:absolute;width:calc(100% - 40px)}.group-container .next-form-item .next-form-item-control,.ui-schema-container .next-form-item .next-form-item-control{width:100%}.group-container .next-form-item .next-form-item-label label,.ui-schema-container .next-form-item .next-form-item-label label{color:#333;font-weight:700}.group-container .next-input-group>.next-input.next-large,.ui-schema-container .next-input-group>.next-input.next-large{border-left:1px solid #c0c6cc!important}.group-container{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;padding:8px;visibility:visible}.group-container:hover{border:1px solid #0064c8}.group-container .group-title-container{background-color:transparent;cursor:pointer;font-size:14px;outline:none;padding:0 10px;position:relative;transition:border-color .12s}.group-container .group-title-container .group-title.required:before{color:#c80000;color:var(--form-error-color,#c80000);content:"*";margin-right:4px}.group-container .group-title-container .group-title-desc{color:#a6a6a6;font-size:12px;font-weight:400}.group-container .group-title-container .icon{position:absolute;right:10px}.group-container .group-title-container .next-icon-arrow-up:before{font-size:12px!important}.group-container .group-box{background-color:#fff;border-radius:5px;padding:16px;transition:height .3s linear}.group-container .group-box.disable{height:0;margin:0;overflow:hidden;padding:0;visibility:hidden}.helmValueDialog .next-dialog-body{padding:0!important}.image-input-container{display:flex}.image-info{background:rgba(171,205,239,.2);min-height:40px;overflow-x:hidden;padding:8px;width:100%}.image-info .container-base{display:flex;padding:8px}.image-info .container-base .docker-base{display:flex;flex-direction:column;justify-content:flex-start}.image-info .container-base .docker-logo{margin:0 16px 0 0;width:50px}.image-info .container-base .name{display:flex;flex-direction:column;font-size:14px;font-weight:500}.image-info .container-base .name .desc{padding:0 8px}.image-info .container-base .desc{font-size:14px;margin-top:8px}.image-info .image-item{display:flex;padding:8px}.image-info .image-item svg{font-size:24px;line-height:60px;margin-right:6px}.image-info .message{color:var(--danger-color)}.string-container{align-items:center;background-color:#e2e2e2;border:1px solid #eee;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-left-radius:24px;border-top-right-radius:24px;display:flex!important;margin-bottom:8px}.string-container .next-input{flex:1 1 auto}.string-container .remove-option-container{flex:0 0 36px;text-align:center}.string-container .next-icon-ashbin{cursor:pointer}.string-container .next-icon-ashbin:before{color:#fff;font-size:18px!important}.number-container{align-items:center;background-color:#e2e2e2;border:1px solid #eee;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-left-radius:24px;border-top-right-radius:24px;display:flex!important;margin-bottom:8px}.number-container .next-input{flex:1 1 auto}.number-container .remove-option-container{flex:0 0 36px;text-align:center}.number-container .next-icon-ashbin{cursor:pointer}.number-container .next-icon-ashbin:before{color:#fff;font-size:18px!important}.add-btn-container{text-align:right}.spection-group-container{border:1px solid #fff;border-radius:4px;padding:8px;visibility:visible}.spection-group-container:hover{border:1px solid #0064c8}.spection-group-container .spection-group-title-container{background-color:transparent;cursor:pointer;font-size:14px;outline:none;padding:0 10px;position:relative;transition:border-color .12s}.spection-group-container .spection-group-title-container .icon-toggle{position:absolute;right:10px;top:-2px}.spection-group-container .spection-group-title-container .icon-delete{position:absolute;right:30px}.spection-group-container .spection-group-title-container .next-icon-arrow-up:before{font-size:12px!important}.spection-group-container .array-item-group-box{background-color:#fff;border:1px solid #eee;border-radius:5px;padding:16px;transition:height .3s linear}.spection-group-container .array-item-group-box.disable{height:0;margin:0;overflow:hidden;padding:0;visibility:hidden}.struct-plan-container .struct-plan-group .struct-item-container{align-items:center;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px;display:flex;margin-bottom:8px;padding:10px 20px}.struct-plan-container .struct-plan-group .struct-item-container .struct-item-content{width:100%}.struct-plan-container .struct-plan-group .struct-item-container .struct-item-content>.next-form .next-form-item{display:flex;margin-bottom:0;margin-right:12px}.struct-plan-container .struct-plan-group .struct-item-container .struct-item-content>.next-form .next-form-item .next-form-item-help{display:none;overflow:hidden;text-overflow:ellipsis}.struct-plan-container .struct-plan-group .struct-item-container .struct-item-content>.next-form .next-form-item:last-child{margin-right:0}.struct-plan-container .struct-plan-group .struct-item-container .struct-item-content>.next-form .next-form-item .next-form-item-label{flex:0 0 85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.struct-plan-container .struct-plan-group .struct-item-container .remove-option-container{flex:0 0 36px;text-align:center}.struct-plan-container .struct-plan-group .struct-item-container .remove-option-container .next-icon-ashbin{cursor:pointer}.struct-plan-container .struct-plan-group .struct-item-container .remove-option-container .next-icon-ashbin:before{color:#333;font-size:14px!important}.struct-plan-container .struct-plan-option{text-align:right}.struct-plan-container .struct-plan-option .next-btn{border-radius:20px}.dependency-item{font-size:14px}.custom-cluster-checkbox .next-checkbox-wrapper{width:25%}.addon-readme{font-size:14px!important}.addon-readme img{width:100%}.addon-readme ol,.addon-readme ul{list-style:decimal}.addon-readme li>p,.addon-readme p{font-size:14px}.warning-text{color:var(--warning-color)}.addon-search{background:#fff;padding:16px}.addon-search .tag-search{align-items:stretch;display:flex;padding:16px 8px}.addon-search .tag-search .tag-name{align-items:center;display:flex;flex-grow:0;font-weight:600;height:auto;width:40px}.addon-search .tag-search .tag-list{flex-grow:1;min-width:300px}.addon-search .tag-search .tag-list .next-checkbox-wrapper{margin:4px 16px 4px 0}.addon-search .ext-btn{align-items:center;display:flex;justify-content:flex-end}.replica .next-card-content{display:flex}.replica .next-card-content .replica-num{flex:1;margin-left:32px}.replica .next-card-content .replica-num h5{font-size:16px;margin-top:16px}.list-warper{height:calc(100% - 80px);min-height:300px;padding:0 8px}.list-warper .box{background:#fff;height:100%}.list-warper .box .box-item{margin-bottom:4px}.list-warper .box .box-item .next-card{min-height:80px}.app-spec{display:flex}.app-spec .app-spec{align-self:stretch}.app-name{font-size:var(--font-size-x-large);line-height:50px;margin:0}.flex-row{align-items:stretch;display:flex;flex-wrap:nowrap}.num-item{text-align:center}.num-item .number{font-size:30px}.num-item .title{color:#a6a6a6}.basic-config-wrapper{margin-top:-36px}.basic-config-wrapper .title h3{margin-top:0}.basic-config-wrapper .properties-config-title{display:flex;justify-content:space-between;margin:10px 12px}.basic-config-wrapper .ui-schema-container{width:100%}.basic-config-wrapper .edit-component-update-btn{display:flex;justify-content:center}.trait-config-wrapper{border:1px solid rgba(0,0,0,.1);margin-top:10px;padding:16px}.trait-config-wrapper .title h3{margin-top:0}.save-btn{color:#276bf8;cursor:pointer;font-size:14px;line-height:20px}.withActions .next-card-title{max-width:100%;width:100%}.withActions .next-card-title .next-card-subtitle{float:right}.footer-actions{display:flex}.cloud-component-show{border-top:2px solid #1b58f4}.components-list-nav{display:flex;justify-content:space-between;padding:4px 0}.components-list-nav .components-list-title{color:var(--primary-color);cursor:pointer;display:flex;font-size:16px;height:24px}.components-list-operation{line-height:24px}.components-list-operation .next-icon:hover{color:#1b58f4}.components-list-content{color:#a6a6a6;display:flex;min-height:48px;padding:16px 0}.components-list-date{display:flex;height:37px;justify-content:flex-end;line-height:37px}.trait-icon{align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;display:flex;justify-content:start;margin:4px 4px 0 0;padding:8px;position:relative}.trait-icon .trait-actions{background:hsla(0,0%,65%,.9);border-radius:0 4px 4px 0;color:#1b58f4;display:none;padding:9.5px;position:absolute;right:0;text-align:center;width:40px}.trait-icon.disable{background:hsla(0,0%,65%,.3)}.trait-icon:hover{border:1px solid #1b58f4}.trait-icon:hover .trait-actions{display:block}.component-icon{margin-right:4px;width:20px}.policy-item{border:1px solid #dedede;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:8px;padding:16px;text-align:center}.policy-item.active,.policy-item:hover{border:2px solid var(--primary-color);color:var(--primary-color)}.policy-list-content{padding-top:11px}.policy-list-nav{display:flex;justify-content:space-between}.policy-list-nav .policy-list-title{font-size:16px}.trigger-list-content{min-height:109px;padding:11px 0}.curlCode code{background:#000;color:#fff;display:block;padding:8px}.trigger-list-nav{display:flex;justify-content:space-between}.trigger-list-nav .trigger-list-title{color:var(--primary-color);cursor:pointer;font-size:16px}.justify-tabs-tab.active{background-color:#000!important;color:#fff!important}.next-tabs-wrapped.next-tabs-top>.next-tabs-bar .next-tabs-tab{border:none!important}.diff-box{background:#000;height:600px;overflow-y:auto}.diff-box p{margin:0}.application-diff{background:#000!important}.application-diff .next-dialog-body{margin:0!important;padding:16px!important}.application-diff .name{background:#fff;border-radius:4px;color:#000;padding:4px}.application-diff .name.base{background:#0a0}.application-diff .name.target{background:#a00}.container-table-wrapper .next-table-cell.last .next-table-cell-wrapper,.event-table-wrapper .next-table-cell.last .next-table-cell-wrapper,.podlist-table-wrapper .next-table-cell.last .next-table-cell-wrapper{text-align:left}.deployNotice{display:flex;justify-content:center}.deployNotice .noticeBox{background:#fff;margin-top:60px;padding:16px;width:300px}.deployNotice .noticeBox h2{font-size:18px;text-align:center}.deployNotice .noticeBox .desc{color:#a6a6a6;text-align:center}.deployNotice .noticeBox .noticeAction{margin-top:16px;text-align:center}.code{background:#000;color:#fff;display:block;margin:8px 0;padding:8px;width:100%}.operations{display:flex}.operations .actionIcon{align-items:center;display:flex}.logDialog{padding-bottom:0!important;width:900px}.logDialog .next-dialog-body{background:#000;color:#fff;font-family:Roboto Mono Regular,monospace;margin-bottom:0!important;max-height:540px!important;min-height:360px!important;overflow:auto;padding:0 16px!important}.logDialog .next-dialog-body .logBox{box-sizing:border-box;display:flex;flex:1 1 0%;flex-direction:column}.logDialog .next-dialog-footer{align-items:flex-start;font-size:14px;justify-content:start!important;padding:16px!important}.logDialog .next-dialog-footer .logDate{cursor:pointer;text-decoration:underline dotted}.logDialog .next-dialog-footer .logAction{line-height:24px}.logDialog .next-dialog-footer .logAction .next-switch{margin-top:8px}.cluster-container{align-items:center;display:flex}.cluster-container .cluster-params-input{flex:1 1 auto;margin-right:8px!important}.cluster-container .cluster-option-btn{flex:0 0 80px;text-align:center}.card-content-wrapper .appplan-card-top{background:#ddd6ff;height:120px}.card-content-wrapper .appplan-card-top img{width:60px}.card-content-wrapper .content-wrapper .content-labels{height:70px;text-overflow:ellipsis}.card-content-wrapper .content-wrapper .content-labels,.table-content-label{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.table-content-label{height:25px}.application-logs-wrapper{padding-bottom:0!important}.application-logs-wrapper .logDate{cursor:pointer;text-decoration:underline dotted}.application-logs-actions{float:right;margin-top:-35px}.application-logs-actions .next-switch{margin-top:8px}.application-logs-actions .download{margin-right:var(--spacing-4)}.logBox{background:#000;box-sizing:border-box;color:#fff;display:flex;flex:1 1 0%;flex-direction:column;height:calc(100vh - 410px);overflow:scroll;padding:16px}.table-version-list .next-table-cell.last .next-table-cell-wrapper{text-align:left}.table-version-list .next-table-empty{min-height:100px}.revision-pagination{margin:20px 0 32px}.application-status-wrapper .tags-content .next-tag-small{margin-bottom:0}.application-status-wrapper .tags-content .next-tag-body{cursor:default!important}.application-status-wrapper .tags-content .next-tag:not([disabled])[class*=next-tag-level-].next-tag.next-tag:not(.next-tag-closable):focus{background-color:var(--tag-bordered-bg,#fff);color:#333}.application-status-wrapper .next-switch{width:80px}.application-status-wrapper .next-switch-off,.application-status-wrapper .next-switch-on{background-color:var(--primary-color)!important}.application-status-wrapper .next-switch-children{color:#fff!important;display:block!important;text-align:center}.graph-tree{margin-top:32px;overflow:auto;position:relative}.graph-tree .graph-node{background:#fff;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;margin:10px;padding-left:3.5em;padding-right:1em;position:absolute;transition:all .2s linear;width:200px}.graph-tree .graph-node .name{display:flex;flex-direction:column;justify-content:flex-start;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.graph-tree .graph-node .name .kind{color:#a6a6a6;font-size:12px;margin:0}.graph-tree .graph-node .name .healthy.success{color:#28a745}.graph-tree .graph-node .name .actions{justify-content:start;margin-left:0}.graph-tree .graph-node .icon{align-items:center;display:flex;height:40px;justify-content:center;left:.5em;position:absolute}.graph-tree .graph-node .icon img{width:30px}.graph-tree .graph-node .icon-error{color:var(--danger-color)}.graph-tree .graph-node .actions{align-items:center;display:flex;justify-content:end;margin-left:16px}.graph-tree .graph-node .actions i{color:#666}.graph-tree .graph-node .additional{bottom:-12px;display:block;position:absolute;right:8px}.graph-tree .graph-node-app{padding-left:5em}.graph-tree .graph-node-app .name{line-height:40px}.graph-tree .graph-node-app .icon{background:#fff;border:2px solid var(--primary-color);border-radius:30px;height:60px;left:-10px;top:-10px;width:60px}.graph-tree .graph-node-app .icon img{width:50px}.graph-tree .graph-node.node-error{box-shadow:1px 1px 1px var(--danger-color)}.graph-tree .graph-node-pod .icon{display:flex;flex-direction:column;height:60px}.graph-tree .graph-node-pod .icon span{color:#a6a6a6;font-size:12px}.graph-tree .graph-node-pod .name{line-height:30px}.graph-tree .graph-node-pod .name .actions .next-icon:hover{color:var(--primary-color)}.graph-tree .graph-node.error-status{border:.2em solid var(--danger-color)}.graph-tree .graph-node.warning-status{border:.2em solid var(--warning-color)}.graph-tree .graph-edge .graph-edge-line{border-top:1px dashed #666;position:absolute;transition:all .2s linear;z-index:-1}.graph-tree .graph-edge .graph-edge-line:last-child:after{color:#a3a3a3;content:"\25BA";font-size:10px;position:absolute;top:-10px;transform:rotate(180deg)}.graph-tree .line{line-height:16px;margin:0;padding:0}.label-traits{align-items:center;display:flex;flex-direction:row;white-space:nowrap;z-index:1000}.label-traits .trait-num{border:1px solid #1b58f4;border-radius:4px;display:block;padding:2px 4px}.label-traits .trait-num.active{background-color:#1b58f4;color:#fff}.trait-graph{left:260px;position:absolute;top:-16px}.trait-graph .trait{height:24px;line-height:24px}.trait-graph .trait-node{padding-left:1em}.graph-container{align-items:center;background:rgba(171,205,239,.2);display:flex;justify-content:start;max-width:100%;min-height:calc(100vh - 443px);min-width:100%;overflow:auto;padding:32px}.graph-container .operation{position:absolute;top:32px;z-index:100}.graph-container.top-center{justify-content:center}.suspend-actions{background:#fff;border-radius:8px;box-shadow:var(--elevation-3);left:200px;padding:1rem;position:absolute;width:280px}.suspend-actions:before{background-color:#fff;border-radius:4px;content:"";height:28px;left:-4px;position:absolute;top:32px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(45deg);width:28px}.suspend-actions .desc{color:var(--grey-500);font-size:var(--font-size-normal);margin-bottom:var(--spacing-6);position:relative;vertical-align:middle;z-index:1}.description .status,.workflow-graph{position:relative}.workflow-graph{--color-workflow-step-bg:#fff;--color-workflow-step-connector-bg:#85d4ff;--color-border-default:#85d4ff;--color-workflow-step-header-shadow:#fff;align-items:flex-start;cursor:grab;display:flex;flex-direction:row;transform-origin:left top}.workflow-graph .step{background-color:#fff;border:1px solid var(--color-border-default);border-radius:6px;box-shadow:0 8px 16px 0 #60617029;display:inline-flex;position:relative}.workflow-graph .step.active{--color-border-default:var(--primary-color);--color-workflow-step-connector-bg:var(--primary-color)}.workflow-graph .step.group{border-top-left-radius:0}.workflow-graph .step .step-title{background-color:var(--color-workflow-step-bg);border-top-left-radius:6px;border-top-right-radius:6px;box-shadow:inset 0 1px 0 var(--color-border-default),inset 1px 0 0 var(--color-border-default),inset -1px 0 0 var(--color-border-default),0 -1px 2px var(--color-workflow-step-header-shadow);font-size:var(--font-size-small);font-weight:500;left:-1px;padding:4px var(--padding-common) 0 var(--padding-common);position:absolute;top:-21px;transition:background-color .12s ease-out,box-shadow .12s ease-out}.workflow-graph .step .step-title:after{border-bottom-left-radius:6px;box-shadow:inset 1px 0 0 var(--color-border-default),inset 0 -1px 0 var(--color-border-default),-1px 3px var(--color-workflow-step-bg);content:"";height:16px;margin-left:16px;position:absolute;right:-19px;top:5px;transition:box-shadow .12s ease-out;width:20px}.workflow-graph .step .groups{padding:var(--padding-common);position:relative;transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.workflow-graph .step .groups .mode{text-align:center}.workflow-graph .step .workflow-step-port{border-radius:50%;height:16px;position:absolute;top:30px;width:16px}.workflow-graph .step .workflow-step-port:before{background-color:var(--color-workflow-step-bg);border-radius:50%;content:"";height:14px;left:1px;position:absolute;top:1px;transition:background-color .12s ease-out;width:14px}.workflow-graph .step .workflow-step-port:after{background-color:var(--color-workflow-step-connector-bg);border-radius:50%;content:"";height:8px;left:4px;position:absolute;top:4px;transition:background-color .12s ease-out;width:8px}.workflow-graph .step .workflow-step-port-output{background-image:linear-gradient(90deg,var(--color-workflow-step-bg) 0,var(--color-workflow-step-bg) 50%,var(--color-border-default) 50%,var(--color-border-default) 100%);right:-8px}.workflow-graph .step .workflow-step-port-input{background-image:linear-gradient(270deg,var(--color-workflow-step-bg) 0,var(--color-workflow-step-bg) 50%,var(--color-border-default) 50%,var(--color-border-default) 100%);left:-8px}.workflow-graph .workflow-connectors{left:0;position:absolute;top:0;transform-origin:left top;z-index:0}.workflow-graph .workflow-connector{stroke:var(--color-workflow-step-connector-bg);stroke-width:2px;transition:stroke .12s ease-out,stroke-width .12s ease-out,opacity .12s ease-out}.workflow-graph .workflow-connector:hover{stroke:var(--color-workflow-step-connector-bg-hover)}.workflow-graph .step-status{align-items:center;border-radius:6px;display:flex;flex:auto;padding:var(--spacing-4);white-space:nowrap;width:100%}.workflow-graph .step-status:hover{background:#f6f4ed}.workflow-graph .step-status .step-icon{fill:currentColor;display:inline-block;height:16px;overflow:visible;vertical-align:text-bottom;width:18px}.workflow-graph .step-status .step-name{flex:1;margin-left:8px;overflow:hidden;text-overflow:ellipsis}.workflow-graph .step-status .color-fg-success{color:var(--success-color)}.workflow-graph .step-status .color-fg-danger{color:var(--failed-color)}.workflow-graph .step-status .icon-rotate{animation:rotate-keyframes 1s linear infinite}.workflow-graph .step-status .pending-icon{color:var(--running-color)}.workflow-graph .step-status .stopped-icon{color:var(--failed-color)}@keyframes rotate-keyframes{0%{transform:rotate(0deg)}to{animation-delay:0s;animation-direction:normal;animation-duration:1s;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:linear;transform:rotate(1turn)}}.line-action{align-items:center;background:var(--color-border-default);border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;left:-60px;opacity:1;padding:2px;position:absolute;top:27px;width:20px}.line-action:hover{background:var(--primary-color)}.line-action .line-icon{color:#fff}.line-action .line-icon svg{fill:currentColor;display:block}.workflow-graph .step-end,.workflow-graph .step-start{align-items:center;display:flex;height:75px;justify-content:center;margin-right:100px;width:100px}.workflow-graph .step-end i,.workflow-graph .step-start i{color:var(--color-border-default)}.workflow-graph .step-end i:before,.workflow-graph .step-start i:before{font-size:var(--font-size-x-large)}.workflow-graph .step-delete .next-icon:hover{color:var(--primary-color)}.workflow-graph .sub-step-add{border:1px dashed var(--grey-300);text-align:center}.workflow-graph .sub-step-add:hover{background:#f6f4ed}.def-items{display:flex;flex-wrap:wrap}.def-items .def-item,.def-items .def-item .icon{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3)}.def-items .def-item .icon{border:1px solid transparent;border-radius:4px;box-shadow:var(--elevation-2);cursor:pointer;height:72px;position:relative;width:72px}.def-items .def-item .icon:hover{border:1px solid var(--primary-color)}.def-items .def-item .name{display:grid;margin-top:var(--spacing-3);text-align:center}.input-items .item{align-items:center;display:flex;margin-bottom:var(--spacing-4)}.input-items .item .item-form{flex:1}.input-items .item .item-delete{width:40px}.input-items .item .next-form-item{margin-bottom:0}.input-items .item .from .next-input{border-right:0}.notice-changes{color:var(--orange-600);font-size:var(--font-size-normal);line-height:40px;margin-right:8px}.notice-changes:before{background:var(--orange-600);border-radius:100%;content:"";display:inline-block;height:10px;margin:0 4px;width:10px}.next-btn.next-large.edit-mode{background:#fff;border:1px solid var(--grey-300);border-radius:10px 0 0 10px;justify-content:center;padding:0!important;text-align:center;width:120px}.next-btn.next-large.edit-mode.two{border-radius:0 10px 10px 0}.next-btn.next-large.edit-mode.active{background:var(--grey-400);color:#fff}.canary-step-setting{margin-top:var(--spacing-6)}.canary-step{display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.canary-step .source,.canary-step .target{align-items:center;border:1px dashed #c0c6cc;border-radius:6px;display:flex;padding:var(--spacing-4)}.canary-step .source{margin-right:32px;position:relative;width:100%}.canary-step .source:after{border-right:2px solid #c0c6cc;border-top:2px solid #c0c6cc;content:"";height:7px;position:absolute;right:-19px;transform:rotate(45deg);width:7px}.canary-step .target,.canary-step .target .next-number-picker-normal.next-medium{width:100%}.card-content-wrapper{border:none;padding:16px 16px 0}.card-content-wrapper .next-card{border:none;border-radius:8px}.card-content-wrapper .next-card-show-divider .next-card-body{padding:0}.card-content-wrapper .content-wrapper{background:#f7f6fb;padding:20px 10px 0}.card-content-wrapper .content-wrapper .content-title{font-size:18px;font-weight:500}.card-content-wrapper .content-wrapper .content-main{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;height:70px;overflow:hidden;text-overflow:ellipsis}.card-content-wrapper .content-wrapper .content-foot{padding:16px 0 24px}.cluster-card-top{background:#ebf0ff;height:120px}.cluster-card-top img{height:60px}.dot-wrapper{width:100%}.dot-wrapper .action{color:#a6a6a6;cursor:pointer;float:right;height:24px}.cluster-input-wrapper{background:#fff;height:80px}.cluster-input-wrapper .item{margin:20px 15px;min-width:300px}.cluster-input-wrapper .btn-wrapper{float:right;margin:20px}.list-content{border:1px solid #ccc;margin-left:16px;min-height:calc(100vh - 60px);padding:0 16px 16px}.list-content .production-title{align-items:center;color:#1b58f4;display:flex;font-size:16px;height:60px;justify-content:center}.list-content .create-btn{margin:16px 0;text-align:right}.list-content .next-table .next-table-header th .next-table-cell-wrapper{display:flex;justify-content:flex-start}.list-content .next-table-cell.last .next-table-cell-wrapper{text-align:left}.list-content .next-table-cell.last .next-table-cell-wrapper .next-btn-text{padding-left:0}.list-content .next-table-header-icon{margin-top:2px}.list-content .isReadyColor{color:#20ad7e}.list-content .isNotReady{color:red}.definitions-select-wrapper{background:#fff;margin:10px 0}.definitions-select-wrapper .item{margin:16px 0;min-width:90%}.definitions-list-content{border:1px solid #ccc;margin-left:16px;min-height:calc(100vh - 60px);padding:0 16px 16px}.definitions-list-content .next-table .next-table-header th .next-table-cell-wrapper{display:flex;justify-content:flex-start}.definitions-list-content .next-table-cell.last .next-table-cell-wrapper{text-align:left}.definitions-list-content .next-table-cell.last .next-table-cell-wrapper .next-btn-text{padding-left:0}.definitions-list-content .next-table-header-icon{margin-top:2px}.definitions-list-content .enableStatus{color:#20ad7e}.definitions-list-content .disableStatus{color:red}.table-env-list{overflow:auto}.table-env-list .next-table-cell.last .next-table-cell-wrapper{text-align:left}.table-pipeline-list{overflow:auto;width:100%}.table-pipeline-list .next-table-cell.last .next-table-cell-wrapper{text-align:left}.last-run .metadata,.pipeline-name{display:flex;flex-direction:column}.last-run .metadata span,.pipeline-name span{color:var(--grey-400)}.last-run{align-items:center;display:flex}.last-run .metadata{width:240px}.last-run .icon{--execution-status-color:var(--primary-color);color:var(--execution-status-color);margin-left:var(--spacing-4)}.last-run .icon.warning{--execution-status-color:var(--failed-color)}.last-run .icon.success{--execution-status-color:var(--success-color)}.last-run .icon .status-text{margin-left:var(--spacing-2)}.run-state{align-items:baseline;display:flex}.run-state .active{font-size:var(--font-size-x-large);margin-left:var(--spacing-4)}.run-state .week{display:flex;flex-wrap:nowrap}.run-state .week .rectangle{display:flex;flex-direction:column-reverse;height:40px;margin-right:8px;width:10px}.run-state .week .rectangle span{background:var(--grey-400);display:block}.run-state .week .rectangle span.success{background:var(--success-color)}.run-state .week .rectangle span.failure{background:var(--failed-color)}.addon-notice{align-content:center;display:flex;font-size:var(--font-size-large);justify-content:center;padding:200px var(--spacing-8)}.addon-notice a{margin:0 var(--spacing-2)}.context-box{display:flex;flex-wrap:wrap}.context-box .notice{color:var(--grey-500);font-size:var(--font-size-normal);margin:var(--spacing-4) 0}.context-box .notice.success{color:var(--success-color)}.context-box .context-item{border:1px dashed var(--grey-200);border-radius:6px;cursor:pointer;display:flex;margin-top:var(--spacing-4);padding:16px;width:100%}.context-box .context-item .context-name{flex-grow:0;font-size:var(--font-size-normal);font-weight:600;line-height:24px;margin-right:var(--spacing-4);width:100px}.context-box .context-item .context-values{flex:auto;flex-grow:1}.context-box .context-item.active{border:2px solid var(--primary-color)}.context-box .context-item .actions{display:flex;flex-grow:0;flex-wrap:nowrap}.app-select-wrapper{background:#fff}.app-select-wrapper .item{margin:16px 0;min-width:100%}.app-select-wrapper .btn-wrapper{float:right;margin:20px}.show-mode{align-items:center;display:flex;float:right;height:70px}.flexboth{display:flex;justify-content:space-between}.run-studio{background:linear-gradient(90deg,#f6fcff 9px,transparent 1%) 50%,linear-gradient(#f6fcff 9px,transparent 1%) 50%,#bbc1c4;background-size:10px 10px;display:flex;height:calc(100vh - 230px);width:100%}.run-studio .studio{align-items:center;display:flex;flex:1;overflow-x:auto}.run-studio .detail{background:#fff;height:100%;transform:translateZ(0);transition:all 1s linear;width:500px}.run-studio .detail .next-card-body{padding:0}.run-studio .detail .next-tabs-tab-inner{padding:4px var(--padding-common)!important}.run-studio .detail .next-tabs-nav{padding:4px 16px}.run-studio .detail .detail-page{display:flex;flex-direction:column;height:calc(100vh - 300px);justify-content:space-between}.run-studio .detail .detail-page .step-info{border-collapse:collapse;height:300px;overflow:auto}.run-studio .detail .detail-page .step-log{background:#000;flex:1;overflow:auto}.run-studio .detail .detail-page .step-log .header{align-items:center;background:#090909;border-bottom:1px solid var(--grey-800);color:var(--grey-300);display:flex;font-size:var(--font-size-small);justify-content:space-between;padding:4px 16px;width:100%}.run-studio .detail .detail-page .step-log .log-content{color:#fff;margin-bottom:32px;padding:16px}.run-studio .detail .step-info td{font-size:var(--font-size-small);font-weight:600;line-height:var(--font-size-small);padding:var(--spacing-3);position:relative;text-align:left}.run-studio .detail .step-info th{color:var(--grey-500);padding:var(--spacing-3);text-align:left;white-space:nowrap;width:100px}.description{background:#fff;border-bottom:1px solid var(--grey-200)}.description .name_metadata{display:grid;grid-template-columns:80% minmax(10px,1fr);padding:16px}.description .name{font-size:var(--font-size-large);font-weight:600;line-height:1.25;margin-bottom:var(--spacing-3)}.description .label_key{color:var(--grey-500)}.description .label_value{color:var(--grey-900);margin-left:6px}.description .metadata{--typography-size:var(--font-size-small);--intent-color:var(--grey-900);align-items:center;display:flex;font-size:var(--font-size-small);justify-content:space-between;margin-bottom:var(--spacing-3)}.description .status{--execution-status-color:var(--primary-color);align-items:center;background-color:#f7e19e;display:flex;height:90px;padding:16px}.description .status.warning{--execution-status-color:var(--failed-color);background-color:var(--red-100)}.description .status.success{--execution-status-color:#fff;background-color:var(--success-color)}.description .status .icon{color:var(--execution-status-color)!important;display:flex;padding:0 16px}.description .status .icon svg:not([fill]){fill:currentColor}.description .status .icon span{margin-left:16px}.description .status .icon .status-text{font-size:var(--font-size-medium)}.description .status .message .summary{color:var(--red-600);font-size:var(--font-size-normal);font-weight:500;line-height:1.33;margin-bottom:var(--spacing-1)}.description .status .message .message{font-size:var(--font-size-normal)}.step-status-text-succeeded{color:var(--success-color)}.step-status-text-failed{color:var(--failed-color)}.step-status-text-running{color:var(--running-color)}.step-status-text-skipped{color:var(--grey-400)}.project-select-wrapper{background:#fff;padding:0 10px}.project-select-wrapper .item{margin:16px 0;min-width:100%}.project-select-wrapper .border-radius-8{border-radius:8px}.member-wrapper{margin:0 auto;width:1200px}.member-wrapper .member-create-btn{display:flex;justify-content:flex-end;padding:18px 16px 0 0}.member-wrapper .member-list-wrapper .next-table .next-table-header th .next-table-cell-wrapper{display:flex;justify-content:flex-start}.member-wrapper .member-list-wrapper .next-table-header-icon{margin-top:2px}.member-wrapper .member-list-wrapper .next-table-cell.last .next-table-cell-wrapper{text-align:left}.member-wrapper .member-list-wrapper .next-table-cell.last .next-table-cell-wrapper .next-btn-text{padding-left:0}.member-wrapper .roles-permPolicies{background:#47a664;border-radius:14px;color:#fff;display:inline-block;padding:6px 16px}.project-menu-wrapper .menu-role-item{border-bottom:1px solid #d8d8d8;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:16px 20px}.project-menu-wrapper .add-roles-btn{color:#1b58f4;cursor:pointer;display:block;font-size:14px;margin-left:20px;padding:14px 0}.project-menu-wrapper .active{background-image:linear-gradient(90deg,#0830f1,#0a448b);color:#fff}.auth-list-wrapper{color:#333;font-size:14px;min-height:500px}.auth-list-wrapper .project-roles-add-title{display:block;font-size:14px;font-weight:400;padding:16px}.auth-list-wrapper .permPolicies-wrapper{min-height:180px}.auth-list-wrapper .next-checkbox-group{margin-left:-2px!important}.auth-list-wrapper .next-checkbox-wrapper{margin-left:8px}.auth-list-wrapper .font-weight-400{font-weight:400}.auth-list-wrapper .create-auth-btn{bottom:20px;left:50%;margin-left:-40px;position:absolute}.project-role-empty-wrapper{align-items:center;display:flex;justify-content:center;min-height:500px}.project-roles-wrapper{background-color:#fff;border:1px solid #d8d8d8;margin:30px auto 0;min-height:400px;width:1200px}.project-roles-wrapper .project-auth-border-left{border-left:1px solid #d8d8d8;position:relative}.project-roles-wrapper .next-checkbox-inner .next-checkbox-select-icon{margin-top:-8px!important}.config-wrapper{background:#fff;margin-top:40px}.config-wrapper .card-title-wrapper{display:flex;justify-content:space-between}.config-wrapper .card-title-wrapper .card-title{color:#000;font-size:16px;font-weight:700;padding-left:20px;padding-top:20px}.config-wrapper .card-button-wrapper{margin-right:16px;margin-top:16px}.config-wrapper .card-content-table{min-height:100px;overflow:scroll;padding:16px}.config-wrapper .color-setting span{color:#333}.config-wrapper .next-table-cell.last .next-table-cell-wrapper{text-align:left}.config-wrapper .next-table-cell.last .next-table-cell-wrapper .next-btn-text{padding-left:0}.config-wrapper .isReadyColor{color:#20ad7e}.config-wrapper .isNotReady{color:red}.general-wrapper{margin-top:40px}.general-wrapper .card-wrapper{min-height:200px}.general-wrapper .card-wrapper .card-title-wrapper{display:flex;justify-content:space-between}.general-wrapper .card-wrapper .card-title-wrapper .card-title{color:#000;font-size:16px;font-weight:700;margin-left:4px;margin-top:6px}.general-wrapper .card-wrapper .card-button-wrapper{margin-right:4px;margin-top:6px}.summary-targets-wrapper{background:#fff;margin-top:40px}.summary-targets-wrapper .card-title-wrapper{display:flex;justify-content:space-between}.summary-targets-wrapper .card-title-wrapper .card-title{color:#000;font-size:16px;font-weight:700;padding-left:20px;padding-top:20px}.summary-targets-wrapper .card-button-wrapper{margin-right:20px;margin-top:20px}.summary-targets-wrapper .card-content-table{height:150px;margin:16px 30px 0;min-height:100px;overflow:scroll}.summary-targets-wrapper .color-setting span{color:#333}.summary-targets-wrapper .next-table-cell.last .next-table-cell-wrapper{text-align:left}.summary-targets-wrapper .next-table-cell.last .next-table-cell-wrapper .next-btn-text{padding-left:0}.project-list-content{min-height:calc(100vh - 60px);padding:0 16px 16px}.project-list-content .next-table .next-table-header th .next-table-cell-wrapper{display:flex;justify-content:flex-start}.project-list-content .next-table-cell.last .next-table-cell-wrapper{text-align:left}.project-list-content .next-table-cell.last .next-table-cell-wrapper .next-btn-text{padding-left:0}.roles-list-content{min-height:calc(100vh - 60px);padding:0 16px 16px}.roles-list-content .next-table .next-table-header th .next-table-cell-wrapper{display:flex;justify-content:flex-start}.roles-list-content .next-table-cell.last .next-table-cell-wrapper{text-align:left}.roles-list-content .next-table-cell.last .next-table-cell-wrapper .next-btn-text{padding-left:0}.roles-list-content .roles-permPolicies{background:#47a664;border-radius:14px;color:#fff;display:inline-block;padding:6px 16px}.table-delivery-list{overflow:auto}.table-delivery-list .next-table-cell.last .next-table-cell-wrapper{text-align:left}.delivery-target-pagination{display:flex;justify-content:flex-end;margin-top:20px}.uiSchema-wrapper .view-ui-schema{height:calc(100vh - 357px);overflow-y:auto}.uiSchema-wrapper .preview{background:#0064c8;border-radius:8px 8px 0 0;color:#fff;font-size:15px;opacity:.8;padding:8px;text-align:center}.user-select-wrapper{background:#fff}.user-select-wrapper .item{margin:16px 0;min-width:90%}.user-select-wrapper .btn-wrapper{float:right;margin:20px}.margin-right-20{margin-right:20px}.user-wrapper .user-list-wrapper .next-table .next-table-header th .next-table-cell-wrapper{display:flex;justify-content:flex-start}.user-wrapper .user-list-wrapper .next-table-header-icon{margin-top:2px}.user-wrapper .user-list-wrapper .next-table-cell.last .next-table-cell-wrapper{text-align:left}.user-wrapper .user-list-wrapper .roles-permPolicies{background:#47a664;border-radius:14px;color:#fff;display:inline-block;padding:6px 16px}.top-menus{display:flex;flex-wrap:nowrap;padding:8px 16px}.top-menus .env-name{font-size:var(--font-size-medium);line-height:46px;padding:0 16px}.top-menus .env-box{border:1px solid var(--grey-200);border-radius:4px;display:flex;flex-wrap:nowrap;margin-left:16px;padding:8px}.top-menus .top-menu-item{align-items:center;background:#fff;border:1px dashed var(--grey-200);color:var(--grey-900);cursor:pointer;display:flex;font-size:var(--font-size-normal);justify-content:center;margin-left:16px;padding:8px 16px;text-align:center;width:200px}.top-menus .top-menu-item:first-child{margin-left:0}.top-menus .top-menu-item.active{background:var(--primary-color);border:0;color:#fff}.dryRunDialog{padding:0!important}.dryRunDialog .next-dialog-body{margin:0!important;padding:0!important}.deployConfig .next-radio-group{width:100%}.deployConfig .next-radio-group .next-radio-wrapper{border:1px solid #c0c6cc!important;border-radius:4px;cursor:pointer;margin-bottom:8px;padding:var(--spacing-4);width:100%}.deployConfig .next-radio-group .next-radio-wrapper:hover{border:1px solid var(--primary-color)!important}.deployConfig .deploy-workflow-select-item-title{display:inline-flex;justify-content:space-between;width:90%}.deployConfig .deploy-workflow-select-item-title .deploy-notice{align-items:center;color:var(--grey-300);display:flex;margin-left:var(--spacing-4)}.deployConfig .deploy-workflow-select-item{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:var(--spacing-4) 0}.deployConfig .deploy-workflow-select-item .status{display:inline}.deployConfig .deploy-workflow-select-item .env{align-items:center;display:flex;flex-grow:1;justify-content:end;width:100px}.deployConfig .deploy-workflow-select-item .enable-canary-deploy{margin-left:var(--spacing-4)}.app-menu{height:100%}.app-menu .next-card-body{padding:0;padding-top:0!important}.app-menu .next-card-body a{border-bottom:1px solid rgba(0,0,0,.1);color:#000;padding:16px}.app-layout .main{display:flex;margin-bottom:32px}.app-layout .main .menu{align-self:stretch;margin-right:16px;min-width:200px;width:200px}.app-layout .main .content{align-self:stretch;flex:1;max-width:calc(100% - 200px);min-height:600px}.menu-content .menu-item-wrapper{border:1px solid #979797;border-radius:5px;margin-bottom:10px}.menu-content .menu-item-wrapper .menu-item-img-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.menu-content .menu-item-wrapper .menu-item-img{display:inline-block;width:40px}.menu-content .menu-item-wrapper .menu-item-description{word-break:break-all}.menu-content .menu-item-wrapper .menu-item-description,.menu-content .menu-item-wrapper .menu-item-icon{align-items:center;color:#333;display:flex;font-size:16px;height:64px}.menu-content .menu-item-wrapper:hover{background-color:var(--btn-pure-primary-bg-color);border:1px solid #2d50eb;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);cursor:pointer;transition:.3s}.menu-content .menu-item-wrapper:hover .menu-item-description,.menu-content .menu-item-wrapper:hover .menu-item-icon{color:#fff}.menu-content .active-menu-item{background-color:var(--btn-pure-primary-bg-color);border:1px solid #1b58f4;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;transition:.3s}.menu-content .active-menu-item .menu-item-description,.menu-content .active-menu-item .menu-item-icon{color:#fff}.configs-wrapper .configs-content{display:flex}.definitions-detail-wrapper{background:#fff;display:flex;height:60px;justify-content:center;margin-top:16px;width:100%}.definitions-detail-wrapper ul{display:flex}.definitions-detail-wrapper ul a{color:#333;display:block;font-size:14px;font-weight:400;line-height:60px;text-align:center;width:150px}.definitions-detail-wrapper ul .active{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.definitions-detail-wrapper ul .active a{color:var(--primary-color)}.definitions-menu-content .menu-item-wrapper{border:1px solid #979797;border-radius:5px;margin-bottom:10px}.definitions-menu-content .menu-item-wrapper .menu-item-description{word-break:break-all}.definitions-menu-content .menu-item-wrapper .menu-item-description,.definitions-menu-content .menu-item-wrapper .menu-item-icon{align-items:center;color:#333;display:flex;font-size:16px;height:64px}.definitions-menu-content .menu-item-wrapper:hover{background-color:var(--btn-pure-primary-bg-color);border:1px solid #2d50eb;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);cursor:pointer;transition:.3s}.definitions-menu-content .menu-item-wrapper:hover .menu-item-description,.definitions-menu-content .menu-item-wrapper:hover .menu-item-icon{color:#fff}.definitions-menu-content .active-menu-item{background-color:var(--btn-pure-primary-bg-color);border:1px solid #1b58f4;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;transition:.3s}.definitions-menu-content .active-menu-item .menu-item-description,.definitions-menu-content .active-menu-item .menu-item-icon{color:#fff}.definitions-wrapper .definitions-content{display:flex}.project-detail-wrapper{background:#fff;display:flex;height:60px;justify-content:center;margin-top:16px;width:100%}.project-detail-wrapper ul{display:flex}.project-detail-wrapper ul a{color:#333;display:block;font-size:14px;font-weight:400;line-height:60px;text-align:center;width:150px}.project-detail-wrapper ul .active{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.project-detail-wrapper ul .active a{color:var(--primary-color)}.info-item{min-width:80px;white-space:nowrap}.page-header{margin-top:10px}.page-header .page-header-logo{min-width:50px}.page-header .page-header-title{font-size:24px;margin-top:0}.page-header .basic-info{font-size:16px;width:fit-content}.page-header .info-item-title{color:var(--grey-500)}.page-header .status-enabled{color:var(--success-color)}.page-header .status-disabled{color:var(--danger-color)}.menu-item,.menu-item-active{display:block;padding:8px 0 8px 32px}.menu-item-active{background-image:linear-gradient(90deg,#0830f1,#1b242f);color:#fff!important}.menu-item-icon{height:16px;width:16px}.menu-item-text{flex:initial;font-family:SFProText-Medium;font-size:14px;height:16px;letter-spacing:0;line-height:16px;margin-left:6px}.menu-item-text-active,.menu-item:hover{background-image:linear-gradient(90deg,#0830f1,#1b242f);color:#fff!important}a:hover{text-decoration:none!important}.menu-set:hover:before{color:#000}.menu-set:before{color:#ccc;font-size:30px!important}.slide-wrapper{display:flex;flex-direction:column}.slide-wrapper a:link{color:#d3cccc!important}.slide-wrapper li,.slide-wrapper ul{list-style:none}.slide-wrapper li a,.slide-wrapper ul a{color:#d3cccc}.slide-wrapper .first-nav,.slide-wrapper .nav-container{color:#87878a}.slide-wrapper .nav-container .main-nav{font-size:14px;height:24px;line-height:24px;margin-bottom:6px}.slide-wrapper .nav-container .sub-wrapper{margin-bottom:20px}.slide-wrapper .ul-wrapper,.slide-wrapper .ul-wrapper ul{font-size:16px}.slide-wrapper .ul-wrapper .next-icon.next-medium:before,.slide-wrapper .ul-wrapper .remote{font-size:15px}.bottom{bottom:10px;cursor:pointer;padding-left:32px;position:absolute}.bottom p{color:#fff}.layout-top-bar{box-shadow:5px 0 8px #888;cursor:auto!important;padding:0 16px}.layout-top-bar .logo{width:200px}.layout-top-bar .cycle-mode{align-items:center;color:#fff;cursor:pointer;display:none}.layout-top-bar .nav-wrapper{height:48px;position:relative;width:100%}.layout-top-bar .nav-wrapper .logo{align-items:center;border-radius:3px;display:flex;margin-left:9px}.layout-top-bar .nav-wrapper .logo img{height:40px}.layout-top-bar .right{display:flex;float:right;height:48px;margin-left:auto;overflow:hidden}.layout-top-bar .right .vela-item{align-items:center;color:#fff;cursor:pointer;display:flex;height:48px;justify-items:center;padding:0 8px;transition:all .3s}.layout-top-bar .right .vela-item a{color:#fff;cursor:pointer}.layout-top-bar .right .user-item{padding:0 8px}.layout-top-bar .right .user-item span{margin-left:8px}.layout-top-bar .workspace-items{display:flex;flex-wrap:nowrap;height:100%}.layout-top-bar .workspace-items .item{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;line-height:var(--layout-header-height);padding:0 var(--spacing-4)}.layout-top-bar .workspace-items .item img{width:30px}.layout-top-bar .workspace-items .item.active,.layout-top-bar .workspace-items .item:hover{background:var(--hover-color)}.layout-top-bar .workspace-items .item svg{margin-right:var(--spacing-2)}.margin-left-10{margin-left:10px}.margin-top-10{margin-top:10px}.user-actions{align-items:center;display:flex;justify-content:center;margin-top:32px}.user-actions .next-btn-helper{font-size:12px}.language-button-style{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.01);display:flex;height:30px;width:56px}.language-button-style .next-btn.next-medium{padding:0}.language-button-style .english-part{background-color:#727070}.language-button-style .chinese-part,.language-button-style .english-part{color:#000;flex:1;font-family:HelveticaNeue;font-size:10px;height:16px;letter-spacing:.33px;line-height:16px;opacity:.87;text-align:center;width:22px}.language-button-style .chinese-part{background-color:#ccc}.language-button-style .is-english{background-color:#fff!important;color:#4a4a4a;font-family:PingFangSC-Regular;font-size:10px;height:18px;letter-spacing:.33px;line-height:18px;opacity:1;text-align:center;width:22px}.language-button-style .is-english:focus{background:#f3f3f3;background-color:#f3f3f3;border-radius:4px;color:#000;height:18px}.language-button-style .next-btn.next-btn-normal{border:none}.cloudshell-layout .next-drawer-header .next-drawer-close .next-drawer-close-icon.next-icon:before{color:#fff}.cloudshell-layout .next-drawer-body{background:#3b3b3b;height:100%;overflow:hidden;padding:0}.cloudshell-layout .next-drawer-body .prepare{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.cloudshell-layout .next-drawer-body .full-screen{cursor:pointer;position:absolute;right:44px;top:16px}.layout-top-bar{-webkit-app-region:drag;align-items:center;background-color:var(--primary-color);cursor:pointer;display:flex;height:48px;position:relative;width:100%}.layout-top-bar .windows-option-view{-webkit-app-region:no-drag;align-items:center;display:flex;position:absolute;right:5px;z-index:2}.layout-top-bar .windows-option-view .option-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:18px;margin-right:12px;overflow:hidden;width:18px}.layout-top-bar .windows-option-view .option-icon:hover{opacity:.8}.layout-top-bar .windows-option-view .min{height:16px;width:16px}.layout-top-bar .windows-option-view .close{height:12px;width:12px}.layout-top-bar .s-logo{-webkit-app-region:no-drag;margin-left:100px;width:50px}.layout-top-bar .word{-webkit-app-region:no-drag;align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700}.layout-shell{display:flex}.layout{min-width:var(--min-layout-width)}.layout-navigation{background-color:#252525;min-height:calc(100vh - 48px);min-width:60px;padding-top:22px;width:240px}.layout-content{background-color:#f7f7f7;flex:1;height:calc(100vh - 48px);overflow:auto;padding:15px;width:calc(100% - 240px)}@media (max-width:980px){.layout-navigation{width:180px}}.layout-content{box-sizing:border-box;position:relative;width:100%}.layout-content::-webkit-scrollbar{background-color:#181818;height:5px;width:0}.layout-content::-webkit-scrollbar-track{background-color:#181818;border-radius:0}.layout-content::-webkit-scrollbar-thumb{background-color:#404040;border-radius:0;opacity:.9}.full{align-items:center;background:#f7f7f7;display:flex;height:calc(100vh - 48px);justify-items:center}.full .login-wrapper{margin:0 auto;width:400px}.full .login-wrapper .logo-img-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:32px}.full .login-wrapper .logo-img-wrapper img{width:280px}.full .login-wrapper .login-card-wrapper .label-title{color:#202529;cursor:pointer;font-size:16px}.full .login-wrapper .login-card-wrapper .login-title-description{font-size:16px;font-weight:600;padding-bottom:20px;text-align:center}.full .login-wrapper .login-card-wrapper .next-card-show-divider{box-shadow:0 1px 5px 0 rgba(0,0,0,.2);width:400px}.full .login-wrapper .login-card-wrapper .next-card-show-divider .next-card-content{height:auto}.full .login-wrapper .login-card-wrapper .next-card-show-divider .next-card-content .next-btn{color:#fff;display:block;font-size:16px;margin:0 auto;text-align:center}.full .login-wrapper .login-card-wrapper .next-card-show-divider .next-card-content .next-btn:hover{box-shadow:none}.full .login-wrapper .login-card-wrapper .next-card-show-divider .next-form{height:210px!important}.full .login-wrapper .login-card-wrapper .next-card-show-divider .next-card-footer{display:none}.full .login-wrapper .login-card-wrapper .logo-error-wrapper{color:red;font-size:16px;margin-bottom:10px;text-align:center}.login-topbar{-webkit-app-region:drag;background-color:var(--btn-pure-primary-bg-color);box-shadow:5px 0 8px #888;padding:0 16px;width:100%}.login-topbar .nav-wrapper{height:48px;position:relative;width:100%}.login-topbar .nav-wrapper .logo{align-items:center;border-radius:3px;display:flex;margin-left:9px}.login-topbar .nav-wrapper .logo img{height:40px}.login-topbar .right{display:flex;float:right;height:48px;margin-left:auto;overflow:hidden}.login-topbar .right .vela-item{align-items:center;color:#fff;cursor:pointer;display:flex;height:48px;justify-items:center;padding:0 8px;transition:all .3s;z-index:2000}.login-topbar .right .vela-item a{color:#fff;cursor:pointer}
/*# sourceMappingURL=velaux.app.0e64ec6f31f39a482dbf.css.map*/