.container{display:grid}.header{background-color:#2b2d31;height:100vh}.menu-header h1{font-family:Commissioner;font-size:15px;font-weight:700;line-height:18.35px;letter-spacing:5px;color:#fff;margin-bottom:27px}.menu-content{font-family:Roboto}.menu-content h2{font-size:14px;font-weight:500;line-height:16.41px;letter-spacing:2px;color:#7c8187;margin-bottom:29px}.menu-content button{color:#fff;background-color:#e46643;border-radius:4px;padding-block:12px;width:100%;border-style:none;font-size:15px;font-weight:400;line-height:17.58px;cursor:pointer}.file-content{display:flex;justify-content:center;align-items:center;gap:16.29px;padding-left:24px}.file-content img{width:13.71px;height:16px}.file-delete-save{display:flex;justify-content:center;align-items:center;gap:24px;padding-right:8px}.save-btn{background-color:#e46643;border-radius:4px;padding:12px;cursor:pointer}.save-text{display:none}.header-content{display:flex}.header-inner{display:flex;justify-content:space-between;align-items:center;flex-basis:calc(100% - 56px)}.header-inner-left{display:flex}.header-inner p{font-size:15px;font-weight:400;line-height:17.58px;color:#fff}.header-inner input{background-color:#2b2d31;border:none;outline:none;width:180px;height:18px;font-size:15px;font-weight:400;line-height:17.58px;color:#fff;caret-color:#e46643}.markdown-text-desktop{display:none}.hamburger-menu{background-color:#35393f;width:56px;height:56px;display:flex;justify-content:center;align-items:center}textarea{width:100%;resize:none;overflow:hidden}.hamburger-menu img{cursor:pointer}.markdown-container,form{height:100%}.hamburger-menu-overlay{height:100%;display:grid;padding:28px 24px;background-color:#1d1f22;grid-template-rows:max-content max-content max-content 1fr max-content;position:fixed;top:0;width:250px;background-color:#151619;min-height:100vh;transition:transform .3s ease;z-index:10}.markdown-preview-area img{cursor:pointer;width:16px;height:11.2px;align-self:center}.markdown-preview-area{background-color:#f5f5f5;height:42px;font-family:Roboto;align-content:center;padding-inline:16px}.markdown-preview-area label{font-size:14px;font-weight:500;line-height:16.41px;letter-spacing:2px;color:#7c8187}.small-screen-label span{width:100%;display:flex;justify-content:space-between;align-items:center}.text-container{background-color:#fff;height:100%}.mobile-textarea,.preview-container{width:100%;border-style:none;outline:none;padding:16px;height:100vh}.mobile-textarea{font-family:Roboto Mono;font-size:14px;font-weight:400;line-height:24px;color:#35393f}.preview-container{font-family:Roboto Slab;display:flex;flex-direction:column;width:100%;gap:20px;padding:16px}.preview-container h1,.preview-container h2,.preview-container h3,.preview-container h4,.preview-container h5{color:#35393f}.preview-container h6{color:#e46643}.preview-container p,.preview-container ul,.preview-container ol{color:#7c8187}.preview-container ul li::marker{color:#e46643}pre{padding:24px;background-color:#f5f5f5;border-radius:4px;color:#35393f;font-family:Roboto Mono;font-size:14px;line-height:24px}.document-list ul{display:flex;flex-direction:column;gap:26px;padding:0;margin-top:24px}.document-list li{font-family:Roboto;list-style:none;display:flex;gap:16.29px;align-items:center;cursor:pointer}.document-list span{font-size:13px;font-weight:300;line-height:15.23px;color:#7c8187}.document-list p{font-size:15px;font-weight:400;line-height:17.58px;color:#fff;margin-top:3px}.doc-name-tablet{display:none}.file-info{font-family:Roboto}.delete-btn{cursor:pointer}dialog{background-color:#fff;border-radius:4px;border-style:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:343px;padding:24px}.dialog::backdrop{background-color:#151619}.dialog-delete{display:flex;flex-direction:column;gap:16px}.dialog-delete h3{font-family:Roboto Slab;font-size:20px;font-weight:700;line-height:26.38px;color:#35393f}.dialog-delete p{font-family:Roboto Slab;font-size:14px;font-weight:400;line-height:24px;color:#7c8187}.confirm-delete-cancel-btns{display:flex;flex-direction:column;gap:12px}.confirm-delete-btn,.cancel-btn{border-style:none;border-radius:4px;padding:11px;width:100%;color:#fff;font-family:Roboto;font-size:15px;font-weight:400;line-height:17.58px}.confirm-delete-btn{background-color:#e46643}.cancel-btn{background-color:#7c8187}.menu-open{overflow:hidden}.header-open{transform:translate(250px)}.grid{display:grid}.none{display:none}.theme-switch{display:flex;align-items:center;gap:10px;margin-top:auto}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#5a6069;height:22px;width:48px;display:inline-flex;margin-inline:16px;border-radius:15px;box-sizing:border-box;padding:4px;transition:all .8s ease-in-out;cursor:pointer}.switch:after{content:"";background-color:#fff;width:14px;height:14px;border-radius:50%;transition:transform .4s ease-out,opacity .3s linear}.switch:checked:after{transform:translate(180%)}@media (min-width: 768px){.save-btn:hover,.menu-content button:hover{background-color:#f39765}.hamburger-menu:hover{background-color:#e46643}.document-list p:hover{color:#e46643}.confirm-delete-btn:hover{background-color:#f39765}.cancel-btn:hover{background-color:#c1c4cb}.file-info{display:flex;flex-direction:column;gap:3px}.doc-name-tablet{display:block;font-size:13px;font-weight:300;line-height:15.23px;color:#7c8187}.bigscreen{display:grid;grid-template-columns:1fr 1fr}.markdown-preview-area label{width:100%}.titles{display:flex;width:100%}.titles span{width:50%;height:42px;align-content:center;padding-left:16px}.titles span:nth-last-child(1){display:flex;justify-content:space-between;align-items:center;border-left:1px solid #E4E4E4}.tablet-titles{display:flex;justify-content:space-between}.preview-container{border-left:1px solid #E4E4E4}.preview-container.border-none{border:none}.save-btn{display:flex;align-items:center;justify-content:center;gap:7.83px}.save-text{display:block;border-radius:4px;font-size:15px;font-weight:400;line-height:17.58px;color:#fff;font-family:Roboto}}@media (width >= 1280px){.markdown-text-desktop{display:block;align-content:center;align-self:center;font-family:Commissioner;font-size:15px;font-weight:700;line-height:18.35px;letter-spacing:5px;text-align:left;padding-inline:29px;color:#fff;border-right:1px solid #5a6069;height:40px}}body.dark-mode .text-container{background-color:#15161a}body.dark-mode .mobile-textarea{background-color:#15161a;color:#c1c4cb}body.dark-mode .markdown-preview-area{background-color:#1d1f22}body.dark-mode .preview-container{border-left:1px solid #5A6069}body.dark-mode .titles span:nth-last-child(1){border-left:1px solid #5A6069}body.dark-mode .markdown-preview-area label{color:#c1c4cb}body.dark-mode .preview-container h1,body.dark-mode .preview-container h2,body.dark-mode .preview-container h3,body.dark-mode .preview-container h4,body.dark-mode .preview-container h5{color:#fff}body.dark-mode .preview-container p,body.dark-mode .preview-container ul,body.dark-mode .preview-container ol{color:#c1c4cb}body.dark-mode .preview-container ul li::marker{color:#e46643}body.dark-mode pre{background-color:#2b2d31;color:#fff}body.dark-mode dialog{background-color:#1d1f22}body.dark-mode .dialog-delete h3{color:#fff}body.dark-mode .dialog-delete p{color:#c1c4cb}body.dark-mode .dialog::backdrop{background-color:#7c8187}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate;height:100%}a{color:inherit}html,body{height:100%}::selection{background-color:#e46643;color:#fff}