html,body,#app{height:100%;width:100%;overflow:hidden;padding:0px;margin:0px;background:black}.header{color:white;background:#000000;height:32px;line-height:32px;padding:4px 6px;font-size:20px;font-weight:bold;border-bottom:1px solid #353535}.title-wrapp{display:flex;align-items:center}.title-label{margin-left:10px;color:#60b4e1}.czm-version{color:#818181;font-size:14px;margin-left:10px;margin-bottom:-10px}.authorize-container{position:absolute;right:6px;top:2px;display:flex;align-items:center;background:#aba7a74d;padding:2px 10px;font-size:16px;cursor:pointer}.authorize-container:hover{background:#00c9ff87}.content{height:calc(100% - 270px);width:100%;padding:0px;margin:0px;display:flex;flex-direction:row;overflow:hidden;font-size:14px;user-select:none}.left-container{position:relative}.code-action-container{width:100%;height:38px;background:black;color:white;position:relative}.code-type{display:flex;align-items:center;padding-left:20px;padding-top:4px}.code-type svg{margin-right:4px;padding:4px 5px;height:20px;width:50px;background:#ffffff36}.code-type svg:hover{background:#177b4188}.code-action{position:absolute;right:22px;top:3px;padding:2px 0px}.code-action svg{height:25px;width:25px;color:#1690d9;margin-left:20px}.code-action svg:hover{color:#20d916}.editor-container{height:calc(100% - 40px);width:100%}.right-container{position:relative}.view-action-container{width:100%;height:38px;background:black;position:relative}.code-edit-button{color:white;position:absolute;left:5px;top:4px;font-size:16px;color:#60b4e1;font-weight:600;display:flex;align-items:center;cursor:pointer}.code-edit-button:hover{color:rgb(8,200,210)}.code-edit-button span{margin-left:4px}.current-title{position:absolute;left:0;top:0;height:100%;width:100%;text-align:center;pointer-events:none;line-height:40px;color:#b3b3b3}.tutorial-link{position:absolute;right:10px;top:10px;font-size:16px;cursor:pointer}.tutorial-link a{color:#60b4e1;margin-left:10px}iframe{height:calc(100% - 38px);width:100%}.none-events{pointer-events:none}.footer{flex-shrink:0;width:100%;height:200px;box-sizing:border-box;background-color:rgb(30 30 30)}.gallery-tab-container{padding:10px 10px 5px 10px;box-shadow:0 1px 1px rgba(0,0,0,.15);background-color:#003973;background-repeat:repeat-x;background-image:linear-gradient(#354939,hsl(161.13deg 2.39% 20.14%) 3px,hsl(133.44deg 15.95% 25.25% / 75%));overflow:auto;white-space:nowrap}.gallery-tab-container::-webkit-scrollbar{height:3px}.gallery-tab-item{position:relative;margin-right:10px;padding:2px 14px;cursor:pointer;color:#ffffffb8;background:#051c1c66;display:inline-block;white-space:nowrap;border:1px solid rgba(29,179,97,0);border-radius:16px}.gallery-tab-item:hover{border:1px solid rgb(29 179 171)}.gallery-tab-item-activate{border:1px solid rgb(29 179 171);background-color:rgb(17 113 102)}.gallery-tab-item span{font-size:10px;color:rgba(255,255,255,0.39)}.gallery-item-container{display:flex;padding:3px 10px 5px 10px;overflow:auto;width:100%;overflow:auto;white-space:nowrap;box-sizing:border-box;display:block}.gallery-item{display:inline-block;border:1px solid #4c4c4c;padding:2px 4px 4px 4px;border-radius:6px;margin-right:8px;position:relative;text-align:center;cursor:pointer;overflow:hidden;background-image:linear-gradient(#5a5a5a,hsl(161.13deg 40.74% 10.63%) 19px,hsl(0deg 0% 3.15% / 75%))}.gallery-item:hover{border:1px solid rgb(29 179 171)}.gallery-item-activate{border:1px solid rgb(29 179 171)!important}.gallery-item-external{background-image:linear-gradient(#d70000,hsl(161.13deg 40.74% 10.63%) 19px,hsl(0deg 0% 3.15% / 75%))}.gallery-item p{color:#ffffffb8;white-space:nowrap;padding:5px;margin:0px;text-align:center}.gallery-item img{min-width:160px;aspect-ratio:auto 125 / 90;height:108px;max-width:100%;transition:transform 0.6s ease}.gallery-item:hover img{transform:scale(1.12)}.state-icon-default{position:absolute;right:-6px;top:-1px;display:inline-block;width:24px;height:24px;color:#fff;font-size:13px;font-weight:bold;font-style:normal;vertical-align:middle;margin:0 5px;transform:scale(0.7) rotate(30deg)}.gallery-tab-container .state-icon-default{width:16px;height:16px;font-size:10px}.state-icon-default:before{position:absolute;top:0;left:0;width:24px;height:24px;line-height:24px;text-align:center;transform:rotate(135deg)}.gallery-tab-container .state-icon-default:before{width:16px;height:16px;line-height:16px}.state-icon-new{background-color:#ff02026e}.state-icon-new:before{content:"N";background-color:#ff02026e}.loading{position:absolute;left:0px;right:0px;top:0px;bottom:0px;color:#60b4e1;display:flex;font-size:20px;align-items:center;justify-content:center;background:#000000be}.loading-wrapp{text-align:center}.loading-wrapp .ball-container{margin-left:calc(50% - 30px);margin-bottom:50px}@keyframes k-loadingO{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}.k-ball7a{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#19A68C;animation-delay:-1.5s}.k-ball7b{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#F63D3A;animation-delay:-1s}.k-ball7c{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#FDA543;animation-delay:-0.5s}.k-ball7d{border:0;margin:0;width:16px;height:16px;position:absolute;border-radius:50%;animation:k-loadingO 2s ease infinite;background:#193B48}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background-color:rgb(195 201 201 / 28%)}::-webkit-scrollbar-track{background:rgba(225,223,223,0.213)}