html,body,#app{height:100%;width:100%;overflow:hidden;padding:0px;margin:0px;background:black}.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)}.title{margin-left:10px;color:#60b4e1}.czm-version{color:#fefefe59;font-size:14px;margin-left:10px;margin-bottom:-10px}.code-action-container{width:100%;height:38px;background:black;color:white;position:relative}.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%}.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}.authorize-container{position:absolute;right:6px;top:2px;display:flex;align-items:center;background:#aba7a74d;padding:2px 10px;font-size:16px;cursor:default}.authorize-container:hover{background:#2980cd}.footer{flex-shrink:0;width:100%;height:200px;box-sizing:border-box;background-color:rgb(30 30 30)}.c-title-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}.c-title-container::-webkit-scrollbar{height:3px}.c-title-item{position:relative;margin-right:10px;padding:2px 10px;cursor:pointer;color:#ffffffb8;background:#051c1c3d;display:inline-block;white-space:nowrap;border:1px solid rgba(29,179,97,0)}.c-title-item:hover{border:1px solid rgb(29 179 97)}.c-title-item-activate{border:1px solid rgb(29 179 97);background-color:rgb(11 81 65)}.c-item-container{display:flex;padding:3px 10px 5px 10px;overflow:auto;width:100%;overflow:auto;white-space:nowrap;box-sizing:border-box;display:block}.c-item{display:inline-block;border:1px solid #4c4c4c;padding:2px 4px 4px 4px;border-radius:8px;margin-right:8px;position:relative;text-align:center;background-image:linear-gradient(#5a5a5a,hsl(161.13deg 40.74% 10.63%) 19px,hsl(0deg 0% 3.15% / 75%))}.c-item:hover{border:1px solid #0ade02}.c-item-activate{border:1px solid #27d94f!important}.c-item-external{background-image:linear-gradient(#d70000,hsl(161.13deg 40.74% 10.63%) 19px,hsl(0deg 0% 3.15% / 75%))}.c-item p{color:#ffffffb8;white-space:nowrap;padding:5px;margin:0px;text-align:center}.c-item img{min-width:160px;aspect-ratio:auto 125 / 90;height:108px}.header{color:white;background:#000000;height:32px;line-height:32px;padding:4px 6px;font-size:20px;font-weight:bold;border-bottom:1px solid #353535}.content{height:calc(100% - 260px);width:100%;padding:0px;margin:0px;display:flex;flex-direction:row;overflow:hidden;font-size:14px;user-select:none}iframe{height:calc(100% - 38px);width:100%}.none-events{pointer-events:none}.current-title{position:absolute;left:0;top:0;height:100%;width:100%;text-align:center;pointer-events:none;line-height:40px;color:#b3b3b3}.large-image{position:fixed;bottom:220px;background-color:transparent;pointer-events:none}.tutorial-link{position:absolute;right:10px;top:10px;font-size:16px;cursor:pointer}.tutorial-link a{color:#60b4e1;margin-left:10px}.sidebar__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)}.c-title-container .sidebar__icon--default{width:16px;height:16px}.c-title-container .sidebar__icon--default{font-size:10px}.sidebar__icon--default:before{position:absolute;top:0;left:0;width:24px;height:24px;line-height:24px;text-align:center;transform:rotate(135deg)}.c-title-container .sidebar__icon--default:before{width:16px;height:16px;line-height:16px}.sidebar__icon--new{background-color:#ff02026e}.sidebar__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)}