@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/code-editor/_next/static/media/ae822095a172cc5c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/code-editor/_next/static/media/3c70c5716f1730b3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/code-editor/_next/static/media/fc727f226c737876-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_bc7fb9{font-family:Space Mono,Space Mono Fallback;font-weight:400;font-style:normal}.__variable_bc7fb9{--font-space-mono:"Space Mono","Space Mono Fallback"}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/code-editor/_next/static/media/77fb5eec12c66d49-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/code-editor/_next/static/media/281dae1e814de8c6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/code-editor/_next/static/media/806de4d605d3ad01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Mono Fallback;src:local("Arial");ascent-override:81.58%;descent-override:26.30%;line-gap-override:0.00%;size-adjust:137.28%}.__className_55e4f2{font-family:Space Mono,Space Mono Fallback;font-weight:700;font-style:normal}.__variable_55e4f2{--font-space-mono-bold:"Space Mono","Space Mono Fallback"}main .container{flex:1 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;padding:20px 25px;margin-bottom:30px;height:100%}main .container .task-container{background-color:#1e1e1e;color:#fff;border-radius:5px;padding:20px;display:flex;flex-direction:column;box-sizing:border-box}main .container .task-container h1{font-size:1.5rem;margin-bottom:20px}main .container .task-container p{font-size:1rem;line-height:1.5;margin-bottom:8px}main .container .task-container code{background-color:#333;padding:5px;border-radius:5px;color:#f8f8f8}main .container .task-container .next-button{background-color:#4caf50}main .container .sumbit-button,main .container .task-container .next-button{margin-top:20px;padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px;color:#fff}main .container .sumbit-button{background-color:#13065e}main .container .sumbit-button:hover{background-color:#0f054b}main .container .editor-container{display:flex;flex-direction:column;background-color:#1e1e1e;border:1px solid #13065e;border-radius:5px;padding:20px;box-sizing:border-box}main .container .editor-container .monaco-editor{border:1px solid #222;border-radius:5px}main .container .editor-container .run-button{margin-top:10px;padding:10px 20px;font-size:16px;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;color:#fff}main .container .editor-container .run-button:hover{background-color:#3a9341}main .container .editor-container .run-button:disabled{background-color:#888}main .container .editor-container .result-container{margin-top:20px;padding:10px;background-color:#333;border:1px solid #ddd;border-radius:5px}main .container .editor-container .result-container pre{font-family:monospace;font-size:14px;white-space:pre-wrap;word-wrap:break-word;color:#fff}@media(max-width:1024px){main .container{grid-template-columns:1fr;padding:15px;gap:15px}main .container .editor-container,main .container .task-container{padding:15px}}@media(max-width:768px){main .container{padding:10px}main .container .task-container h1{font-size:1.25rem}main .container .task-container p{font-size:.9rem}main .container .editor-container .run-button,main .container .task-container .next-button{font-size:14px;padding:8px 15px}}@media(max-width:480px){main .container{gap:10px}main .container .task-container h1{font-size:1rem}main .container .task-container p{font-size:.8rem}main .container .editor-container{padding:10px}main .container .editor-container .run-button,main .container .task-container .next-button{font-size:12px;padding:8px 10px}}*{box-sizing:border-box;font-family:var(--font-space-mono)}*,body,html{margin:0;padding:0}body,html{height:100%;display:flex;flex-direction:column}main{font-family:Arial,sans-serif;background-color:#373747;width:100%}h1,main{color:#fff}h1{font-size:2rem}button{background-color:#4caf50;color:#fff;padding:10px 20px}button:hover{background-color:#45a045}button:disabled{background-color:#757575;cursor:not-allowed}:root{--background-color:#1e1e1e;--text-color:#fff;--header-background:#f5f5f5;--button-color:#6200ee;--button-text-color:#fff}[data-theme=dark]{--background-color:#373747;--text-color:#fff;--header-background:#1e1e1e;--button-color:#bb86fc;--button-text-color:#fff}body{background-color:var(--background-color);color:var(--text-color)}header{background-color:var(--header-background)}button{background-color:var(--button-color);color:var(--button-text-color);border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}button:hover{opacity:.8}