.switch{position:relative;display:inline-block;width:40px;height:25px;font-family:Outfit,roboto,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.2s;transition:.2s;content:"no";color:#000}.slider:before{position:absolute;height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.2s;transition:.2s;content:""}input:checked+.slider{background-color:#00d170}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translate(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.code-editor{display:flex;background-color:#1e1e1e;color:#d4d4d4;font-family:Fira Code,monospace;font-size:14px;border:1px solid #333;border-radius:5px;overflow:hidden;height:100%;max-height:75vh}.line-numbers{padding:10px 5px;background-color:#252526;color:#858585;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #333;min-width:40px;overflow:hidden}.line-number{height:18px;line-height:18px;font-family:inherit;font-size:inherit}.code-input{flex:1;padding:10px;background-color:transparent;color:inherit;border:none;outline:none;resize:none;white-space:pre;overflow:auto;caret-color:#fff;font-family:inherit;font-size:inherit;line-height:18px}.code-input:focus{outline:none}