.test[data-v-c26dd5a0]{box-sizing:border-box;flex-direction:column;height:100%;max-height:100vh;display:flex;position:relative;overflow:hidden}.test .lesson-programming-container[data-v-c26dd5a0]{box-sizing:border-box;flex-direction:column;gap:16px;min-height:calc(100vh - 60px);padding:20px;display:flex;overflow:hidden}.test .lesson-programming-container .content-wrapper[data-v-c26dd5a0]{flex-direction:row;flex:none;gap:16px;min-height:0;display:flex;overflow:hidden}.test .lesson-programming-container .content-wrapper.keyboard-hidden[data-v-c26dd5a0]{flex:1;height:auto}.test .lesson-programming-container .content-wrapper .sample-text-container[data-v-c26dd5a0]{box-sizing:border-box;background:#fff;border:1px solid #d9d9d9;border-radius:4px;flex:1;min-height:0;padding:16px 16px 16px 60px;font-family:JetBrainsMono-Regular,monospace;font-size:16px;line-height:24px;overflow:auto}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content[data-v-c26dd5a0]{white-space:normal;word-wrap:break-word;color:#333;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;overflow:visible}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char[data-v-c26dd5a0]{vertical-align:middle;font-family:inherit;font-size:inherit;line-height:inherit;color:#969696;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-correct[data-v-c26dd5a0]{color:#459431;background-color:#0000}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-error[data-v-c26dd5a0]{color:#e81b27;background-color:#0000}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-current[data-v-c26dd5a0]{color:#0038ff;background-color:#0000}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-newline[data-v-c26dd5a0]{vertical-align:middle;margin-right:2px;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-newline svg[data-v-c26dd5a0]{vertical-align:middle;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-tab[data-v-c26dd5a0]{vertical-align:middle;min-width:2ch;margin:0 2px;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-tab svg[data-v-c26dd5a0]{vertical-align:middle;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-space[data-v-c26dd5a0]{vertical-align:middle;margin:0 1px;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-space .space-icon[data-v-c26dd5a0]{vertical-align:bottom;width:12px;height:1em;font-size:14px;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-space.sample-char-correct .space-icon[data-v-c26dd5a0]{filter:brightness(0)saturate()invert(43%)sepia(89%)saturate(1234%)hue-rotate(75deg)brightness(93%)contrast(85%)}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-space.sample-char-error .space-icon[data-v-c26dd5a0]{filter:brightness(0)saturate()invert(18%)sepia(94%)saturate(7151%)hue-rotate(349deg)brightness(95%)contrast(95%)}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-space.sample-char-current .space-icon[data-v-c26dd5a0]{filter:brightness(0)saturate()invert(24%)sepia()saturate(7482%)hue-rotate(234deg)brightness(99%)contrast(101%)}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-newline .enter-icon[data-v-c26dd5a0]{vertical-align:bottom;width:12px;height:1em;font-size:1em;display:inline-block}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-newline.sample-char-correct .enter-icon[data-v-c26dd5a0]{filter:brightness(0)saturate()invert(43%)sepia(89%)saturate(1234%)hue-rotate(75deg)brightness(93%)contrast(85%)}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-newline.sample-char-error .enter-icon[data-v-c26dd5a0]{filter:brightness(0)saturate()invert(18%)sepia(94%)saturate(7151%)hue-rotate(349deg)brightness(95%)contrast(95%)}.test .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-newline.sample-char-current .enter-icon[data-v-c26dd5a0]{filter:brightness(0)saturate()invert(24%)sepia()saturate(7482%)hue-rotate(234deg)brightness(99%)contrast(101%)}.test .lesson-programming-container .content-wrapper .monaco-editor-container[data-v-c26dd5a0]{border:1px solid #d9d9d9;border-radius:4px;flex:1;min-height:0;overflow:hidden}.test .lesson-programming-container .progress-container[data-v-c26dd5a0]{flex-shrink:0;width:100%}.test .lesson-programming-container .keyboard-container[data-v-c26dd5a0]{flex-direction:row;flex-shrink:0;justify-content:center;align-items:flex-start;gap:16px;width:100%;margin-top:12px;display:flex;position:relative}.test .lesson-programming-container .keyboard-container .programming-keyboard-main[data-v-c26dd5a0]{flex:0 min(800px,100%);min-width:0}.test .lesson-programming-container .keyboard-container .programming-stats-panel[data-v-c26dd5a0]{flex:0 0 128px;margin-top:clamp(16px,2.5dvh,28px)}.test .lesson-programming-container .keyboard-container .keyboard-toggle-wrapper[data-v-c26dd5a0]{flex-shrink:0;justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.test .lesson-programming-container .keyboard-container .keyboard-toggle-wrapper .keyboard-toggle-btn[data-v-c26dd5a0]{cursor:pointer;color:#282828;white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.test .lesson-programming-container .keyboard-container .keyboard-toggle-wrapper .keyboard-toggle-btn[data-v-c26dd5a0]:hover{background-color:#0000000d}.test .lesson-programming-container .keyboard-container .keyboard-toggle-wrapper .keyboard-toggle-btn img[data-v-c26dd5a0]{width:20px;height:20px;transition:opacity .2s}.test .lesson-programming-container .keyboard-container .keyboard-toggle-wrapper .keyboard-toggle-btn span[data-v-c26dd5a0]{user-select:none}.test[style*=\#1a1a1a] .lesson-programming-container .content-wrapper .sample-text-container[data-v-c26dd5a0]{background:#1a1a1a;border-color:#434343}.test[style*=\#1a1a1a] .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content[data-v-c26dd5a0]{color:#d4d4d4}.test[style*=\#1a1a1a] .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-newline svg path[data-v-c26dd5a0],.test[style*=\#1a1a1a] .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-tab svg path[data-v-c26dd5a0]{fill:#969696;stroke:#969696}.test[style*=\#1a1a1a] .lesson-programming-container .content-wrapper .sample-text-container .sample-text-content .sample-char.sample-char-space[data-v-c26dd5a0]{color:#969696}.test[style*=\#1a1a1a] .lesson-programming-container .content-wrapper .monaco-editor-container[data-v-c26dd5a0]{border-color:#434343}.test[style*=\#1a1a1a] .lesson-programming-container .keyboard-container .keyboard-toggle-wrapper .keyboard-toggle-btn[data-v-c26dd5a0]{color:#d4d4d4}.test[style*=\#1a1a1a] .lesson-programming-container .keyboard-container .keyboard-toggle-wrapper .keyboard-toggle-btn[data-v-c26dd5a0]:hover{background-color:#ffffff1a}.test-info[data-v-c26dd5a0]{z-index:3;background:#fff;flex-shrink:0;height:70px}.test-info-btn[data-v-c26dd5a0]{justify-content:center;align-items:center;gap:32px;height:70px;font-size:16px;font-weight:400;line-height:22px;display:flex}.test-info-btn>button[data-v-c26dd5a0]:first-child{color:#282828;border:1px solid #ffde08;border-radius:4px;width:110px;height:40px;font-size:16px;font-weight:400;line-height:22px}.test-info-btn>button[data-v-c26dd5a0]:last-child{color:#282828;background:#ffde08;border:2px solid #ffde08;border-radius:4px;width:110px;height:40px;font-size:16px;font-weight:400;line-height:22px}.test .pause[data-v-c26dd5a0]{z-index:1000;position:absolute}@media (max-height:820px),(max-width:1180px){.test .lesson-programming-container[data-v-c26dd5a0]{gap:10px;padding:14px 16px}.test .lesson-programming-container .content-wrapper[data-v-c26dd5a0]:not(.keyboard-hidden){height:clamp(176px,32dvh,286px)!important}.test .lesson-programming-container .sample-text-container[data-v-c26dd5a0]{padding:12px 12px 12px 46px;font-size:15px;line-height:22px}.test .lesson-programming-container .keyboard-container[data-v-c26dd5a0]{gap:10px;margin-top:4px}.test .lesson-programming-container .keyboard-container[data-v-c26dd5a0] .keyboard-wrapper{--keyboard-target-width:min(760px, calc(100vw - 96px));--keyboard-scale:min(1.06, calc((100vw - 96px)/var(--programming-keyboard-base-width,648px)))}}@media (max-height:900px){.content-wrapper[data-v-c26dd5a0]:not(.keyboard-hidden){height:clamp(220px,34dvh,320px)!important}}@media (max-height:800px){.content-wrapper[data-v-c26dd5a0]:not(.keyboard-hidden){height:clamp(176px,32dvh,286px)!important}}@media (max-height:700px){.content-wrapper[data-v-c26dd5a0]:not(.keyboard-hidden){height:clamp(150px,28dvh,210px)!important}}@media (max-height:600px){.content-wrapper[data-v-c26dd5a0]:not(.keyboard-hidden){height:clamp(132px,26dvh,172px)!important}}@media (max-width:1023px){.test[data-v-c26dd5a0]{overflow-y:auto}.test .lesson-programming-container[data-v-c26dd5a0]{gap:12px;min-height:calc(100dvh - 60px);padding:16px}.test .lesson-programming-container .content-wrapper[data-v-c26dd5a0]{flex-direction:column;max-height:clamp(190px,38dvh,300px);overflow-y:auto}.test .lesson-programming-container .content-wrapper .monaco-editor-container[data-v-c26dd5a0],.test .lesson-programming-container .content-wrapper .sample-text-container[data-v-c26dd5a0]{width:100%;min-height:clamp(112px,18dvh,160px)}.test .lesson-programming-container .content-wrapper .sample-text-container[data-v-c26dd5a0]{padding:12px 12px 12px 44px}.test .lesson-programming-container .keyboard-container[data-v-c26dd5a0]{flex-direction:column;align-items:center;gap:10px;margin-top:4px}.test .lesson-programming-container .keyboard-container .programming-stats-panel[data-v-c26dd5a0]{flex:100%;order:-1;width:min(760px,100vw - 24px);margin-top:0}.test .lesson-programming-container .keyboard-container[data-v-c26dd5a0] .keyboard-wrapper{--keyboard-target-width:min(760px, calc(100vw - 24px));--keyboard-scale:min(.96, calc((100vw - 24px)/var(--programming-keyboard-base-width,648px)))}}@media (max-width:767px){.test .lesson-programming-container[data-v-c26dd5a0]{gap:10px;padding:10px}.test .lesson-programming-container .content-wrapper[data-v-c26dd5a0]{max-height:42dvh}.test .lesson-programming-container .content-wrapper .monaco-editor-container[data-v-c26dd5a0],.test .lesson-programming-container .content-wrapper .sample-text-container[data-v-c26dd5a0]{min-height:140px}.test .lesson-programming-container .keyboard-container[data-v-c26dd5a0]{overflow-x:auto}.test-info-btn[data-v-c26dd5a0]{gap:12px}.test-info-btn>button[data-v-c26dd5a0]:first-child,.test-info-btn>button[data-v-c26dd5a0]:last-child{width:min(132px,42vw);height:auto;min-height:44px}}.monaco-editor-container,.monaco-editor-container *,.monaco-editor-container .monaco-editor,.monaco-editor-container .monaco-editor *,.monaco-editor-container .monaco-editor .view-lines,.monaco-editor-container .monaco-editor .view-lines *{font-family:JetBrainsMono-Regular,Consolas,Monaco,Courier New,monospace!important}.monaco-editor-container .monaco-editor .view-lines .view-line{color:#0038ff!important}.typing-correct,.typing-correct-inline{background-color:#4caf504d}.typing-error,.typing-error-inline{background-color:#f443364d}.typing-active,.typing-active-inline{background-color:#0038ff1a;border-bottom:3px solid #0038ff}.typing-ghost{opacity:.7;color:#80808099!important}.typing-ghost-inline{opacity:.65;font-style:normal;color:#80808099!important}