body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:"center";height:"100vh";justify-content:"center"}.container,.formContainer{display:"flex";flex-direction:"column"}.formContainer{border:"1px solid #ccc";border-radius:"5px";box-shadow:"0 2px 5px rgba(0, 0, 0, 0.1)";max-width:"300px";padding:"20px"}.label{margin-bottom:"8px"}.input{border:"1px solid #ccc";border-radius:"3px";margin-bottom:"16px";padding:"8px"}.button{background:"#4CAF50";border:"none";border-radius:"3px";color:"white";cursor:"pointer";padding:"10px"}.flex{display:flex}.justify-center{justify-content:center}.container{background-color:#ecedee;height:90vh;justify-content:center}.container,.formContainer{align-items:center;display:flex}.formContainer{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 8px 0 #0003;flex-direction:column;outline:none;padding:0 30px 30px;transition:.3s}.formContainer input{max-width:200px;min-width:300px;outline:none;padding:10px}.button{background-color:#ed5684;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px;width:100%}.switchAccount span{color:blue;cursor:pointer}header{align-items:center;background-color:#4a4abb;display:flex;height:10vh;justify-content:space-between;padding:0 20px}header p{color:#fff}header button{background-color:#37abe4;border:none;border-radius:7px;color:#fff;cursor:pointer;font-weight:700;outline:none;padding:10px 20px}.avatar-container{flex-direction:column;margin:2px}.avatar,.avatar-container{align-items:center;display:flex}.avatar{background-color:#3498db;border-radius:50%;color:#fff;font-size:24px;height:50px;justify-content:center;width:50px}.username{margin-top:5px}.editor-component{align-items:center;display:flex;flex-direction:column;justify-content:center;width:400px}.run-button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:larger;font-weight:700;margin:30px 10px 10px;padding:10px 50px;text-align:center;width:200px}.console-header{align-items:center;background-color:#000;color:#fff;display:flex;font-size:18px;padding:5px}.console-body{background-color:#271e3f;height:37vh;overflow-x:scroll;padding:10px}.console-body p{margin:0}.console-header p{margin:0 10px}.text-red{color:red}.text-white{color:#fff}.df{display:flex}.cursor-pointer{cursor:pointer}.editor-main{display:flex;width:100%}.editor-section{display:flex}.editor-left-content{display:flex;flex-direction:column;justify-content:space-between}.left-code-info{background-color:#271e3f;color:#fff;display:flex;flex-direction:column;padding:10px}.header-logo{align-items:center;display:flex;padding-left:1rem;padding-right:1rem;width:100%}.bg-black{background-color:#000;padding:0 10px}.fileNameList{align-items:center;cursor:pointer;display:flex;justify-content:start;width:100%}.fileNameList:hover{background-color:#000}.room-info{display:flex;flex-direction:column;justify-content:center;margin:20px;width:150px}.room-info button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;margin:5px;padding:10px 20px}.copy-room-id:hover{background-color:#139113}.leave-room:hover{background-color:#e62020}.copy-room-id{background-color:#1bba40}.leave-room{background-color:#c01919}.editor-component{min-width:60vw}.output-console{min-width:10vw}.output-console iframe{height:60vh}.client-avatar-list{align-items:center;display:flex;flex-wrap:wrap}.auth-section{background:#f2f2f2;display:grid;place-items:center;align-items:center;height:100vh;width:100%}::selection{background:#4158d0;color:#fff}.wrapper{background:#fff;border-radius:15px;box-shadow:0 15px 20px #0000001a;width:380px}.wrapper .title{background-color:#4158d0;border-radius:15px 15px 0 0;color:#fff;font-size:30px;line-height:60px;text-align:center;-webkit-user-select:none;user-select:none}.wrapper form{padding:10px 30px 50px}.wrapper form .field{height:50px;margin-top:20px;position:relative;width:100%}.wrapper form .field input{border:1px solid #d3d3d3;border-radius:25px;font-size:17px;height:100%;outline:none;padding-left:20px;transition:all .3s ease;width:91%}.wrapper form .field input:focus,form .field input:valid{border-color:#4158d0}.wrapper form .field label{color:#999;font-size:17px;font-weight:400;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}form .field input:focus~label,form .field input:valid~label{background:#fff;color:#4158d0;font-size:16px;top:0;transform:translateY(-50%)}form .content{align-items:center;display:flex;font-size:16px;height:50px;justify-content:space-around;width:100%}form .content .checkbox{align-items:center;display:flex;justify-content:center}form .content input{background:red;height:15px;width:15px}form .content label{color:#262626;padding-left:5px;-webkit-user-select:none;user-select:none}form .content .pass-link{color:""}form .field input[type=submit]{align-items:center;background-color:#4158d0;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;justify-content:center;margin-left:auto;margin-right:auto;margin-top:-10px;padding-left:0;transition:all .3s ease;width:200px}form .field input[type=submit]:active{transform:scale(.95)}form .signup-link{color:#262626;margin-top:10px;text-align:center}form .pass-link a,form .signup-link a{color:#4158d0;text-decoration:none}form .pass-link a:hover,form .signup-link a:hover{text-decoration:underline}.signup-link span{color:blue;cursor:pointer}
/*# sourceMappingURL=main.52e323f6.css.map*/