*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}*{scrollbar-width:thin;scrollbar-color:#616161 #fff}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizespeed}a{text-decoration:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,input[type=submit],input[type=button]{cursor:pointer;background:0 0;border:0}address{font-style:normal}#preview{line-height:1.4}#preview *,#preview :before,#preview :after{margin:auto;padding:auto}#preview h1,#preview h2,#preview h3,#preview h4,#preview h5,#preview h6{padding-bottom:.5em}#preview h1:not(h1:first-child),#preview h2:not(h2:first-child),#preview h3:not(h3:first-child),#preview h4:not(h4:first-child),#preview h5:not(h5:first-child),#preview h6:not(h6:first-child){padding-top:1em}#preview ul,#preview ol{padding-top:.3em;padding-left:1em;list-style:auto}#preview a{text-decoration:none}#preview img,#preview picture{max-width:100%;display:block}#preview pre{white-space:pre-wrap;padding:1em 0 1em 1em}#preview address{font-style:auto}body{font-family:Rubik,sans-serif}.header .menu-btn:after{letter-spacing:3px;text-transform:uppercase;font-size:1.2rem}.header .doc-info>span{text-transform:capitalize;font-size:.8em}.header .remove-btn{font-size:.7rem}.menu>div p #saved-num{font-size:.8rem}.menu>div p i{color:#000;font-size:1.2rem}@media (min-width:600px){.header .save-btn:after{text-transform:capitalize;font-size:.9em}.document-container .document .fa-file{font-size:1.2rem}}@keyframes fade{0%{opacity:0}to{opacity:1}}.active:after{animation:1s fade}.markdown,.preview,.document-container{animation:.5s fade}body{overflow:hidden}textarea{cursor:auto}.header{background-color:#ddd;justify-content:space-between;padding-right:5em;display:flex;overflow-x:auto;overflow-y:hidden}.header div{display:flex}.header>div{gap:.5em}.header nav{align-items:center;padding:.5em;display:flex}.header .long-nav:after{content:"";width:25%;height:51px;background-image:linear-gradient(90deg,#0000,#4b4b4b);position:absolute;top:0;right:0}.header .long-nav .add-btn{color:#fff;z-index:1;opacity:1;border-radius:5px;position:absolute;top:16px;right:55px}.header .save-btn{z-index:1;background-color:#ff9980;border-radius:4px;margin:.5em;padding:.5em;transition:background-color .35s;position:absolute;top:-1px;right:5px}.header .save-btn:hover,.header .save-btn:focus{background-color:#ffb6a3}.header .add-btn{opacity:.3;margin-left:1em;padding:.1em;transition:opacity .35s}.header .add-btn:hover,.header .add-btn:focus{opacity:.8}.header ul li:last-child{align-self:center}.header .active{cursor:pointer;position:relative}.header .active:after{content:"";height:125%;width:115%;background-color:#f1f1f1;border-radius:0 0 10px 10px;position:absolute;translate:-10px -15px}.header .active:hover,.header .active:focus{opacity:1}.header .menu-btn{z-index:2;align-items:center;padding:1em;display:flex;position:relative}.header .menu-btn:after{content:"markitdown";opacity:.8;border-right:1px solid #0006;padding:0 1em;display:none}.header .menu-btn i{transition:rotate .35s}.header .menu-btn:hover>i,.header .menu-btn:focus>i{rotate:90deg}.header .menu-btn-mode{background-image:linear-gradient(90deg,#ddd 90%,#0000);position:sticky;left:0}.header::-webkit-scrollbar{height:5px}.header .files-container{height:140%}.header .document-container>i{z-index:1;align-self:center}.files-container{gap:.5em;display:flex}.document-container{cursor:pointer;gap:.8em;margin-left:1em;transition:opacity .35s;display:flex}.document-container:first-child{padding-left:0}.document-container:hover,.document-container:focus{opacity:.5}.document-container .remove-btn{opacity:.8;z-index:1;align-self:center;transition:opacity .35s}.document-container .remove-btn:hover,.document-container .remove-btn:focus{opacity:.3}.document-container #file-name{white-space:nowrap;max-width:70px;min-width:60px;outline:0;overflow:hidden}.document-container .doc-info{z-index:1;align-self:center}.document-container .doc-info>span{opacity:.8;display:none}.markdown header,.preview header{text-transform:uppercase;background-color:#f1f1f1;justify-content:space-between;padding:.5em 1em;display:flex}.preview{z-index:1;width:100%;min-height:100vh;background-color:#fff;position:absolute;top:0}.preview-btn{transition:opacity .35s}.preview-btn:hover,.preview-btn:focus{opacity:.5}main{position:relative}.menu{height:100vh;min-width:200px;z-index:2;background-color:#fff;transition:left .35s;position:absolute;left:-100vw}.menu>div{justify-content:space-between;align-items:center;display:flex}.menu>div p{padding:1em}.menu>div p #saved-num{opacity:.6;margin-left:.2em}.menu>div i{padding-right:1em}.menu>div .theme-btn{transition:opacity .35s}.menu>div .theme-btn:hover,.menu>div .theme-btn:focus{opacity:.5}.menu .document-container{justify-content:space-between;padding:.5em 1em}.menu .document-container .menu-file-btns{gap:1em;display:flex}.menu .document-container .menu-file-btns .download-btn{transition:opacity .35s}.menu .document-container .menu-file-btns .download-btn:hover,.menu .document-container .menu-file-btns .download-btn:focus{opacity:.5}.menu .document-container .document{display:flex}.menu .document-container .document #file-name{max-width:auto;min-width:auto;padding-left:.5em}.menu .files-container{flex-direction:column-reverse}#text{width:100%;max-height:100%;resize:none;border:0;outline:none;padding:1em 2em;overflow:hidden}#preview{word-break:break-all;padding:1em 2em;overflow-x:hidden}#text::-webkit-scrollbar-thumb,#preview::-webkit-scrollbar-thumb,.header::-webkit-scrollbar-thumb{background-color:#b3b3b3;border:0 solid #ddd;border-radius:10px}#text::-webkit-scrollbar-track,#preview::-webkit-scrollbar-track,.header::-webkit-scrollbar-track{background-color:#ddd}#text::-webkit-scrollbar,#preview::-webkit-scrollbar{width:8px}.show{left:0}.hide{display:none}@media (min-width:600px){.header{padding-right:12em}.header>div .logo{display:block}.header .save-btn{top:3px}.header .save-btn:after{content:"save file";padding-left:.8em}.header .active:after{height:122%}.header .long-nav:after{content:"";width:35%;height:55px}.header .long-nav .add-btn{right:160px}.header .document-container{width:150px}.header .menu-btn{padding-right:0}.header .menu-btn:after{display:inline-block}.header .menu-btn-mode{background:#ddd}.document-container .doc-info{flex-direction:column;gap:.3em;display:flex}.document-container .doc-info>span{display:block}main{grid-template-columns:repeat(2,1fr);gap:.1em;display:grid}main .markdown{grid-column:1/-1}.preview{position:initial;translate:initial;z-index:initial;width:initial;background-color:initial;min-height:initial}.preview button{display:none}}.dark-theme,.dark-theme #text{background-color:#181a1b}.dark-theme .files-container,.dark-theme .remove-btn,.dark-theme .preview-btn,.dark-theme .save-btn,.dark-theme .markdown header,.dark-theme .preview header,.dark-theme #text,.dark-theme #preview,.dark-theme .menu,.dark-theme .menu i,.dark-theme .add-btn,.dark-theme .logo{color:#fff}.dark-theme .header{background-color:#2b2f31}.dark-theme .header .long-nav:after{background-image:linear-gradient(90deg,#0000,#000)}.dark-theme .header .save-btn{background-color:#7f1900}.dark-theme .header .save-btn:hover,.dark-theme .header .save-btn:focus{background-color:#a72100}.dark-theme .header .active:after{background-color:#1a1c1d}.dark-theme .header::-webkit-scrollbar-thumb{background-color:#868686;border:0 solid #2b2f31}.dark-theme .header::-webkit-scrollbar-track{background-color:#2b2f31}.dark-theme .header .add-btn{opacity:.8}.dark-theme .header .add-btn:hover,.dark-theme .header .add-btn:focus{opacity:.4}.dark-theme .header .menu-btn{color:#dfdfdf}.dark-theme .header .menu-btn-mode{background-image:linear-gradient(90deg,#2b2f31 90%,#0000)}.dark-theme .markdown header,.dark-theme .preview header{background-color:#202324}.dark-theme .preview,.dark-theme .menu{background-color:#181a1b}@media (min-width:600px){.dark-theme .header .menu-btn-mode{background:#2b2f31}.dark-theme .header .menu-btn:after{border-right:1px solid #fff9}}
/*# sourceMappingURL=index.82e3d0b1.css.map */