@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";:root{--primary-color: #007BFF;--secondary-color: #6c757d;--border: #E0E0E0;--white-color: #FFFFFF;--black-color: #000000;--green-color: #28A745;--red-color: #EF4444;--yellow-color: #FF8800;--manrope: "Manrope", sans-serif;--montserrat: "Montserrat", sans-serif;--bold: 700;--semi-bold: 600;--extra-semi-bold: 500;--regular: 400;--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 32px;--box-shadow: 0px 0px 21px 2px #0000001A;--border-radius: 5px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(to right,#d4f0ff72,#d4f0ff72);width:100%;min-height:100vh;padding:5px;overflow-x:hidden}.split{display:flex;padding:5px 0;height:calc(100vh - 70px)}.App-editor,.App-output-stdinput{min-height:calc(100vh - 80px);width:100%;overflow:auto;border-radius:var(--border-radius)}.App-editor{background-color:var(--white-color)}.App-stdinput-container,.App-output-container{background-color:var(--white-color);border-radius:var(--border-radius)}.gutter{background-clip:padding-box}.split.horizontal .gutter:hover{cursor:col-resize}.split.vertical .gutter:hover{cursor:row-resize}.split{display:flex}.split.horizontal{flex-direction:row}.split.vertical{flex-direction:column}.App-editor,.App-stdinput-container,.App-output-container{overflow:auto}.App-right-pane{height:100%}.dark-mode{background-color:#1e1e1e;color:#f0f0f0}.dark-mode .App-editor,.dark-mode .App-stdinput-container,.dark-mode .App-output-container{background-color:#2a2a2a}.dark-mode select,.dark-mode input,.dark-mode textarea{background-color:#333;color:#fff;border:1px solid #555}.dark-mode .editor-action-button{background-color:#444;color:#fff;border:1px solid #666}.editor-main-container{width:100%;padding:5px 0;background-color:var(--white-color)}.editor-main-container.dark{background-color:#000;color:#fff}.editor-main-container.dark i{color:#fff}.editor-header-continer{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);width:100%;padding:0 5px 5px}.editor-action-item{display:flex;align-items:center;gap:10px;padding:0 5px}.editor-action-item i{cursor:pointer;color:#555151;padding-left:5px}.programing-language-select{width:120px;height:33px;border-radius:var(--border-radius);border:1px solid var(--border);padding:5px;font-size:var(--font-size-sm)}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.custom-modal{background:var(--white-color);padding:10px 20px;border-radius:8px;width:400px;max-width:90%;box-shadow:var(--box-shadow);font-family:var(--montserrat)}.toggle-container strong{line-height:40px;color:var(--green-color)}.toggle-row{display:flex;justify-content:space-between}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:10px;margin-bottom:10px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.4s}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--white-color);transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--green-color)}.toggle-switch input:checked+.slider:before{transform:translate(26px)}.header-main-container{background-color:var(--white-color);height:60px;width:100%;box-shadow:var(--box-shadow);border-radius:var(--border-radius);display:flex;border:1px solid var(--border);align-items:center}.header-content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:0 10px 0 0}.programing-language{display:flex;flex-direction:row;align-items:center;gap:10px}.programing-language i{cursor:pointer}.header-logo{height:60px;width:180px;padding-left:5px}.header-logo img{height:100%;width:100%}.editor-action-button{width:70px;height:30px;border-radius:var(--border-radius);border:none;background-color:var(--primary-color);color:var(--white-color);font-size:var(--font-size-sm);cursor:pointer}.header-main-container.dark{background-color:#000;color:#fff}.Output-main-container{padding:10px}.Output-main-container h3,p,pre{font-size:var(--font-size-md);color:var(--black-color);margin-bottom:10px;font-family:var(--montserrat);font-weight:var(--extra-semi-bold)}.Output-main-container pre,p{font-size:var(--font-size-xs);color:var(--grey-color);margin-bottom:10px;color:var(--secondary-color);padding-top:20px;white-space:pre-wrap;word-break:keep-all}.error-text{color:var(--red-color)!important}.loader-container{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.loader{border:4px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:#09f;animation:spin 1s linear infinite;margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}.dark .loader{border-left-color:#fff}.Output-main-container.dark h3,.Output-main-container.dark p,.Output-main-container.dark pre{color:#fff}.stdInput-main-container{padding:10px}.stdInput-main-container h3{font-size:var(--font-size-sm);color:var(--black-color);margin-bottom:10px;font-family:var(--montserrat);font-weight:var(--extra-semi-bold)}.stdInput-content-wrapper textarea{width:100%;min-height:80px;border-radius:var(--border-radius);border:1px solid var(--border-color);font-size:var(--font-size-sm);font-family:var(--montserrat);outline:none;resize:none;overflow:hidden}.stdInput-main-container.dark{background-color:#000;color:#fff}.stdInput-main-container.dark h3{color:#fff}.stdInput-main-container.dark input,.stdInput-main-container.dark textarea{background-color:#000;color:#fff}