:root{--swo-primary-color:#0f9;--swo-secondary-color:#007370;--swo-dark-color:#18181b;--swo-darker-color:#09090b;--swo-neutral-300:#d4d4d4;--swo-neutral-400:#a3a3a3;--swo-neutral-500:#737373;--swo-neutral-600:#525252;--swo-neutral-700:#404040;--swo-neutral-800:#262626;--swo-text-white:#fff;--swo-text-red-400:#f87171;--swo-text-yellow-400:#facc15;--swo-text-blue-400:#60a5fa;--swo-text-purple-400:#c084fc;--swo-text-green-400:#4ade80}.swo-container,.swo-container body{box-sizing:border-box;font-family:Outfit,sans-serif}.swo-container ::-webkit-scrollbar{height:8px;width:8px}.swo-container ::-webkit-scrollbar-track{background:var(--swo-neutral-800)}.swo-container ::-webkit-scrollbar-thumb{background:var(--swo-neutral-600);border-radius:0}.swo-container ::-webkit-scrollbar-thumb:hover{background:var(--swo-neutral-500)}.swo-main-wrapper{background-color:var(--swo-darker-color);color:var(--swo-text-white);display:flex;flex-direction:column;height:100%;overflow:hidden}.swo-panel-editor-preview{display:flex;flex-grow:1;height:calc(100% - 3rem);overflow:hidden}.swo-editor-pane{background-color:var(--swo-neutral-800);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden;position:relative}.swo-editor-wrapper{flex-grow:1;height:100%;overflow:hidden}.swo-code-editor-container{height:100%;width:100%}.swo-code-prettier-btn{background-color:#000;border:none;border-radius:9999px;color:var(--swo-text-white);cursor:pointer;font-family:monospace;font-size:.75rem;font-weight:700;opacity:.7;padding:.25rem .5rem;position:absolute;right:1rem;top:.5rem;z-index:10}.swo-code-prettier-btn:hover{opacity:1}.swo-code-prettier-btn:disabled{cursor:not-allowed;opacity:.4!important}.swo-resize-handle{background-color:transparent;cursor:col-resize;flex-shrink:0;height:100%;width:.5rem}.swo-right-pane{height:100%;min-width:0;position:relative}.swo-preview-pane-container,.swo-right-pane{display:flex;flex-direction:column;flex-grow:1}.swo-preview-pane-container{background-color:var(--swo-darker-color);justify-content:center;overflow:hidden}.swo-preview-devices-container{background-color:var(--swo-text-white);box-shadow:0 0 10px rgba(0,0,0,.5);height:100%;margin-left:auto;margin-right:auto;overflow:hidden;transition:width .3s ease,max-width .3s ease,height .3s ease;width:100%}.swo-preview-frame{border-width:0;height:100%;width:100%}.swo-resize-handle-console{background-color:transparent;cursor:row-resize;flex-shrink:0;height:.5rem;width:100%}.swo-console-container{background-color:var(--swo-dark-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.swo-console-header{align-items:center;background-color:hsla(0,0%,100%,.1);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2.5rem;justify-content:space-between;padding:.5rem .75rem}.swo-console-title{font-family:monospace}.swo-clear-console-btn{background-color:var(--swo-neutral-700);border:none;border-radius:.25rem;color:var(--swo-text-white);cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.swo-clear-console-btn:hover{background-color:var(--swo-neutral-600)}.swo-clear-console-btn:focus{outline:2px solid var(--swo-primary-color);outline-offset:1px}.swo-console-output{flex-grow:1;font-family:monospace;font-size:.75rem;line-height:1.4;overflow-y:auto;padding:.5rem}.swo-console-output .swo-console-message-line{align-items:flex-start;border-bottom:1px solid var(--swo-neutral-700);display:flex;padding:.25rem}.swo-console-output .swo-console-message-icon{margin-right:.5rem;user-select:none}.swo-console-output .swo-console-message-content-wrapper{flex-grow:1}.swo-console-output .swo-console-message-content{white-space:pre-wrap;word-break:break-all}.swo-console-output .swo-console-log{color:var(--swo-neutral-300)}.swo-console-output .swo-console-error{color:var(--swo-text-red-400)}.swo-console-output .swo-console-warn{color:var(--swo-text-yellow-400)}.swo-console-output .swo-console-info{color:var(--swo-text-blue-400)}.swo-console-output .swo-console-debug{color:var(--swo-text-purple-400)}.swo-console-output .swo-console-special-message{font-style:italic;padding:.25rem}.swo-console-output .swo-console-cleared{color:var(--swo-neutral-500)}.swo-console-output .swo-console-connected{color:var(--swo-text-green-400)}.swo-preview-frame-cover-resizeable{background-color:#000;height:100%;opacity:0;position:absolute;width:100%;z-index:50}.swo-panel-control{align-items:center;background-color:var(--swo-dark-color);color:var(--swo-neutral-400);display:flex;flex-shrink:0;font-size:.875rem;height:3rem;justify-content:space-between}.swo-panel-control>div{display:flex}.swo-panel-control-group-center{flex-grow:1;justify-content:center}.swo-control-button{align-items:center;aspect-ratio:1/1;background-color:transparent;border:none;color:var(--swo-neutral-400);cursor:pointer;display:flex;font-size:1rem;height:3rem;justify-content:center;transition:background-color .2s,color .2s;width:3rem}.swo-control-button svg{fill:var(--swo-neutral-400);height:.8rem}.swo-control-button:not(:disabled):hover{background-color:rgba(0,0,0,.2);color:var(--swo-primary-color)}.swo-control-button:not(:disabled):hover svg{fill:var(--swo-primary-color)}.swo-control-button.swo-active{background-color:rgba(0,0,0,.2);color:var(--swo-primary-color)}.swo-control-button.swo-active svg{fill:var(--swo-primary-color)}.swo-control-button:disabled{cursor:not-allowed;opacity:.5}.swo-hidden{display:none!important}.cm-editor{height:100%}.cm-scroller{overflow:auto}
/*# sourceMappingURL=swo.min.css.map*/