.loader_container{display:flex;justify-content:center;align-items:center;padding:100px 0;width:100%;height:100vh}.loader{width:50px;height:50px;border-radius:50%;border:5px solid rgba(81,75,130,.2);border-top-color:#514b82;border-top-color:#1865f2;border-top-color:var(--c-accent-blue, #514b82);-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear;box-sizing:border-box}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.h_header_spinner{width:12px;height:12px;display:inline-block;vertical-align:middle;border:2px solid rgba(0,0,0,.1);border-top:2px solid currentColor;border-radius:50%;box-sizing:border-box;position:relative;margin-left:2px;-webkit-animation:h-spinner-rotate .8s infinite linear;animation:h-spinner-rotate .8s infinite linear}@-webkit-keyframes h-spinner-rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes h-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.h_stat_item span{display:inline-block;vertical-align:middle;text-align:center;min-width:14px}#lesson_loader,.lesson_loader_overlay{position:fixed;inset:0;width:100%;height:100%;background-color:#1a1a1a;background-color:#131415;background-color:var(--c-bg-body);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;opacity:1;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;pointer-events:all}.lesson_loader_shape{width:80px;height:80px;border-radius:50%;background:#1cb0f6;background:#1865f2;background:var(--c-accent-blue);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-animation:l1_morph 1s infinite cubic-bezier(.3,1,0,1);animation:l1_morph 1s infinite cubic-bezier(.3,1,0,1);margin-bottom:24px}.lesson_loader_label{color:#fff;color:var(--c-text-main);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;opacity:.8;text-align:center}@-webkit-keyframes l1_morph{33%{border-radius:0;background:#23ac5e;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}66%{border-radius:0;background:#ffc800;-webkit-clip-path:polygon(50% 0,50% 0,100% 100%,0 100%)}}@keyframes l1_morph{33%{border-radius:0;background:#23ac5e;background:var(--c-accent-green);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}66%{border-radius:0;background:#ffc800;background:#f2c94c;background:var(--c-accent-yellow);-webkit-clip-path:polygon(50% 0,50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,50% 0,100% 100%,0 100%)}}.lesson_loader_fadeout{opacity:0!important;pointer-events:none!important}.task_view_content,.task_view_gap,.task_view_assemble,.task_view_matching,.task_view_input,.task_view_new_word,.grammar_view_split{will-change:transform,opacity}.task-exit{animation:taskExitLeft .15s ease-in forwards!important}.task-enter{animation:taskEnterRight .25s cubic-bezier(.17,.67,.83,1) forwards!important}@keyframes taskExitLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes taskEnterRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}