*{box-sizing:border-box}.editor{background-color:#f7f7f7;display:flex;color:var(--blue-1);font-size:1rem;--blue-5: #2E3ECC;overflow:hidden}@media (max-width: 768px){.editor{flex-direction:column}}.editor .flex{display:flex}.editor .flex.row{flex-direction:row}.editor .flex.align-center{align-items:center}.editor code{font-family:Menlo,monospace,Courier;background-color:var(--blue-10);padding:2px 6px;border-radius:4px;font-size:smaller;outline:none;border:1px solid transparent;min-height:100%}.editor code:focus{border:1px solid var(--blue-5)}.editor pre{margin:0}.editor pre>code{line-height:2rem;font-size:1rem;padding:24px!important;display:block;background-color:#fff}.editor button{background-color:transparent;color:inherit;border:none;font-size:1rem;padding:8px 12px;cursor:pointer;display:block;width:100%;opacity:.5}@media (max-width: 768px){.editor button{border-left:none;border-top:2px solid transparent}}.editor button:hover{background-color:#fff;opacity:.6}.editor button.active{background-color:#fff;border-left:2px solid var(--blue-5);opacity:1}@media (max-width: 768px){.editor button.active{border-left:none;border-top:2px solid var(--blue-5)}}.editor .file-explorer-container{position:relative}.editor .file-explorer-container .open-in-stackblitz-button-container{font-family:Arial,Helvetica,sans-serif;position:absolute;bottom:0;width:100%}@media (max-width: 768px){.editor .file-explorer-container .open-in-stackblitz-button-container{display:none}}.editor .file-explorer-container .open-in-stackblitz-button{display:flex;align-items:center;justify-content:left;padding:12px;background-color:transparent;color:#000;opacity:1;font-size:smaller;text-decoration:none;font-weight:700;gap:6px}.editor .file-explorer-container .open-in-stackblitz-button:hover{opacity:.7}.editor .file-explorer{display:flex;flex-direction:column;width:200px;padding:12px 0;margin:0}@media (max-width: 768px){.editor .file-explorer{padding:0;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;width:100%}}.editor .code-display{background-color:#fff;width:700px;overflow:auto;height:100%}@media (max-width: 768px){.editor .code-display{width:100%;min-height:300px}}.editor .code-display>div{display:none}.editor .code-display>div.show{display:block}.editor .code-preview{width:300px;background-color:#fff;color:#111;border-left:3px solid #f7f7f7;font-size:1rem;position:relative}@media (max-width: 768px){.editor .code-preview{border-top:3px solid #f7f7f7;border-left:none;width:100%;height:300px}}.editor .code-preview .temporary-preview{margin:8px}.editor .code-preview .terminal-output{position:absolute;bottom:0;left:0;width:100%;border-top:3px solid #f7f7f7;background-color:#fff;z-index:99;padding:8px 6px;transform:translateY(0);transition:transform .3s ease;font-family:Courier New;font-size:1.1rem}.editor .code-preview .terminal-output button{padding:4px 12px;background-color:#eee;border-radius:4px;width:unset;opacity:1;color:#555;margin:4px 0}.editor .code-preview .terminal-output button:hover{background-color:#e9e9e9;color:#666}.editor .code-preview .terminal-output.hide-animated{transform:translateY(100%);transition:transform .2s ease}.editor .code-preview iframe{width:100%;height:100%;border:none}.editor .code-preview iframe.loading{display:none}@media (max-width: 768px){.editor .code-preview iframe iframe{height:200px}}.editor .code-preview .url-bar{border-bottom:2px solid #f7f7f7}.editor .code-preview .url-bar>select{padding:6px 0;font-size:.9rem;width:100%;border:4px solid transparent;color:#666}.editor .code-preview .screen p{padding-bottom:0px 0px;margin:0}.editor .code-preview .screen{padding:24px}.editor .code-preview .screen>div{display:none}.editor .code-preview .screen>div.show{display:block}.editor ul.file-explorer{list-style:none}.hide{display:none!important}