.web-ide-box[data-v-7cbde6ae]{width:100%;height:100%;border:none}.toolbar-button[data-v-7cbde6ae]{bottom:5%}.fullscreen-button[data-v-7cbde6ae],.toolbar-button[data-v-7cbde6ae]{z-index:1;position:absolute;right:3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fullscreen-button[data-v-7cbde6ae]{bottom:calc(5% + 10px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.loading-state[data-v-7cbde6ae]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.8);z-index:10}.loading-content[data-v-7cbde6ae],.loading-state[data-v-7cbde6ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loading-content[data-v-7cbde6ae]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.loading-text[data-v-7cbde6ae]{font-size:16px;color:rgba(0,0,0,.65)}[data-v-7cbde6ae] .fullscreen-button>i,[data-v-7cbde6ae] .toolbar-button>i{line-height:0}.slide-to-enter-active[data-v-2f11074c]{animation:slide-to-data-v-2f11074c .25s ease-in-out reverse}.slide-to-leave-active[data-v-2f11074c]{-webkit-animation:slide-to-data-v-2f11074c .25s ease-in-out;animation:slide-to-data-v-2f11074c .25s ease-in-out}@-webkit-keyframes slide-to-data-v-2f11074c{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slide-to-data-v-2f11074c{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}.task-detail-container[data-v-2f11074c]{width:100%;height:calc(var(--vh, 1vh)*100);display:-webkit-box;display:-ms-flexbox;display:flex}.header-box[data-v-2f11074c]{padding:10px}.task-title[data-v-2f11074c]{text-align:center;font-weight:700;margin:20px 0;color:#1890ff;font-size:24px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1)}.renewal-box[data-v-2f11074c]{margin:10px 0}.document-content[data-v-2f11074c]{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.left-box[data-v-2f11074c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.task-button-box[data-v-2f11074c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.task-button[data-v-2f11074c]{width:100%;margin:10px}.task-button-slide-enter[data-v-2f11074c],.task-button-slide-leave-to[data-v-2f11074c]{width:0}.task-button-slide-enter-active[data-v-2f11074c]{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.task-button-slide-leave-active[data-v-2f11074c]{-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.task-button-slide-enter-to[data-v-2f11074c],.task-button-slide-leave[data-v-2f11074c]{width:100%}[data-v-2f11074c] .toggle-document-button{z-index:1;position:absolute;bottom:calc(5% + 20px);right:3%;-webkit-transform:translateY(-200%);transform:translateY(-200%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-2f11074c] .toggle-document-button>i{line-height:0}