.task-workarea{display:flex;gap:16px}.task-workarea__progress{--multiplier:0;background-color:var(--el-fill-color-plate);border-radius:4px;flex-grow:0;flex-shrink:0;position:relative;width:4px}.task-workarea__progress:after{border-radius:4px;content:"";height:calc(100%*var(--multiplier));left:0;position:absolute;right:0;top:0;transition:height .1s}.task-workarea__progress.task-workarea__progress--success:after{background-color:var(--el-color-success)}.task-workarea__progress.task-workarea__progress--warning:after{background-color:var(--el-color-warning)}.task-workarea__input{flex-grow:1}.task-main{display:flex;flex-direction:column;height:100%;padding:0 24px 14px}.task-main__confirmed,.task-main__description,.task-main__footer,.task-main__workarea{min-height:0}.task-main__confirmed,.task-main__workarea{flex-grow:1}.task-main__confirmed{align-items:center;display:flex;justify-content:center;padding-block:32px}.task-hint{border:1px solid var(--el-border-color);border-radius:8px;display:flex;gap:14px;padding:8px 12px 12px;position:relative}.task-hint:has(.task-hint__arrow){padding-right:36px}.task-hint__arrow{position:absolute;right:5px;top:8px}.task-hint__icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;opacity:.3;width:20px}.task-hint__content{flex-grow:1;flex-shrink:1;min-width:0}.task-hint__tutor{flex-shrink:0}.task-hint__words{margin-top:12px}.task-hint.task-hint--is-open{background-color:var(--el-fill-color-plate);border-color:var(--el-fill-color-plate)}.task-hint.task-hint--is-open .task-hint__arrow{transform:rotate(180deg)}.task-hint.task-hint--is-open .task-hint__icon{opacity:1}.task-hint.task-hint--is-open .task-hint__mistake{background-color:var(--el-fill-color-primary-bg);border-radius:8px;font-weight:700;margin-bottom:8px;padding:2px 8px;width:-moz-fit-content;width:fit-content}.task-hint:not(.task-hint--is-open) .task-hint__words{display:none}.task-hint:not(.task-hint--is-open) .task-hint__content:has(.task-hint__mistake) .task-hint__mistake{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-hint:not(.task-hint--is-open) .task-hint__content:has(.task-hint__mistake) .task-hint__text{display:none}.task-hint:not(.task-hint--is-open) .task-hint__content:not(:has(.task-hint__mistake)) .task-hint__text{display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.task-hints-sidebar{display:flex;flex-direction:column;height:calc(100% - 32px);overflow:auto;padding:18px}