@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);*{box-sizing:border-box}body{--primary-color:#339989;--accent-color:#7de2d1;--nav-section-text-color:#2b2c28;--body-color:#fff;--nav-item-color:#fff;--body-accent-color:#e1e4e8;--alternate-table-color:#eaecef;--primary-text-color:#24292e;--link-color:var(--primary-color);--table-border-color:#ddd;--source-code-font:"Source Code Pro",monospace;--open-sans-font:"Open Sans",sans-serif;--color-transition:0.3s ease-out;background-color:var(--body-color);transition:background-color var(--color-transition);margin:0;color:var(--primary-text-color);font-family:var(--open-sans-font)}.dark{--body-color:#1a1a1d;--body-accent-color:#202124;--primary-text-color:silver;--table-border-color:#3b3b3b;--alternate-table-color:#2b2c2f}::-webkit-scrollbar{width:0}.btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;border-radius:.3rem;display:inline-block;color:var(--nav-item-color);background-color:var(--primary-color);transition:color,background-color var(--color-transition);border:none;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease;margin:0 .5rem;padding:.4rem .4rem .15rem}.btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.btn:focus{outline:none;-webkit-filter:brightness(.9);filter:brightness(.9)}.navbar{margin:0;background-color:var(--primary-color);transition:background-color var(--color-transition);color:var(--nav-item-color);height:3.75rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar .title{margin:0;line-height:30px;display:flex;align-items:center;letter-spacing:.09rem;font-size:1.4rem}.navbar .title #svg{height:2.2rem}.navbar .title #svg-background{fill:var(--primary-color)}.navbar .nav-right{height:100%;display:flex;align-items:center}.navbar .nav-right .theme-toggle{position:relative}.navbar .nav-right .theme-toggle .theme-icon{display:flex;justify-content:center;align-items:center;margin:0 1rem}.navbar .nav-right .theme-toggle .theme-icon img{position:static;cursor:pointer;width:1.9rem;transition:-webkit-filter .1s linear;transition:filter .1s linear;transition:filter .1s linear,-webkit-filter .1s linear}.navbar .nav-right .theme-toggle .theme-icon img:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.navbar .nav-right .theme-toggle .toggle-btn{cursor:pointer;width:2rem;height:2rem;border-radius:50%;border:.15rem solid #fff;display:flex;align-items:center;justify-content:center}.navbar .nav-right .theme-toggle .toggle-btn img{width:50%}.navbar .nav-right .theme-toggle .toggle-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.navbar .nav-right .theme-toggle .all-theme-wrapper{position:absolute;right:-2.5rem;top:2.2rem;width:15.625rem;background-color:var(--primary-color);transition:background-color,border var(--color-transition);border:.1rem solid var(--accent-color);padding:1rem 1.5rem 1.5rem;border-radius:.6rem;z-index:999;box-shadow:0 0 14px 5px rgba(0,0,0,.17)}.navbar .nav-right .theme-toggle .all-theme-wrapper h3{margin:.5rem 0 1rem;padding-bottom:1rem;border-bottom:.1rem solid var(--accent-color)}.navbar .nav-right .theme-toggle .all-theme-wrapper h4{margin-bottom:0}.navbar .nav-right .theme-toggle .theme-btn{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;flex-wrap:wrap}.navbar .nav-right .github{cursor:pointer;height:1.9rem;transition:-webkit-filter .1s linear;transition:filter .1s linear;transition:filter .1s linear,-webkit-filter .1s linear}.navbar .nav-right .github:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.work-area{width:100vw;height:calc(100vh - 3.75rem);margin:auto;display:flex;align-items:center;justify-content:center}.wrapper-card{width:100%;height:100%;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.24)}.markdown-edit,.markdown-preview{padding:2rem;display:flex;flex-direction:column;position:relative}.section-title{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding:0 1rem;height:2.5rem;width:100%;background-color:var(--accent-color);transition:background-color var(--color-transition);color:var(--nav-section-text-color);text-transform:uppercase}.section-title h3{font-weight:600;margin:0}.section-title right-section{height:100%}.section-title a{text-transform:none;text-decoration:none}.section-title *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown-edit{width:100%}.markdown-edit textarea{color:var(--primary-text-color);border:none;background-color:var(--body-color);transition:background-color var(--color-transition);font-size:1rem;font-weight:400;margin-top:2rem;font-family:var(--source-code-font);width:100%;resize:none;height:100%}.markdown-edit textarea:focus{outline:none}.markdown-preview{width:100%}.markdown-preview .html-div{background-color:var(--body-color);transition:background-color var(--color-transition);overflow-y:scroll;max-height:100%}.markdown-preview .preview-fullscreen{padding:1rem;margin-top:0;height:100%}.fullscreen{max-height:100%;margin-top:2rem;overflow-y:scroll}.gutter{height:100%!important;width:10px!important;cursor:col-resize;background-color:#444857}.html-div p{margin:0 0 1rem;line-height:1.5}.html-div a{color:var(--link-color)}.html-div a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.html-div hr{border:none;height:.187rem;margin:1.5rem 0;background-color:var(--body-accent-color)}.html-div hr,.html-div pre{transition:background-color var(--color-transition)}.html-div pre{line-height:1.45;border-radius:6px;font-size:.9em;padding:1rem;width:100%;overflow:auto;margin-top:0;margin-bottom:1rem}.html-div :not(pre)>code{font-size:85%;border-radius:.3em;padding:.2em .4em;margin:0;transition:color var(--color-transition);transition:background-color var(--color-transition)}.html-div code{font-family:var(--source-code-font)}.html-div li+li{margin-top:.25em}.html-div blockquote{border-left:.312em solid var(--body-accent-color);transition:border-color var(--color-transition);padding-left:1rem}.html-div img{max-width:100%}.html-div h1,.html-div h2{padding-bottom:.3em;border-bottom:1px solid var(--body-accent-color);transition:border-color var(--color-transition)}.html-div h1,.html-div h2,.html-div h3,.html-div h4{margin:1.5rem 0 1rem;line-height:1.33}.html-div table{border-collapse:collapse;margin:1.5rem .5rem}.html-div td,.html-div th{border:.08rem solid var(--table-border-color);transition:border-color var(--color-transition);text-align:left;text-align:center;padding:.5rem 1.25rem}.html-div tr:nth-child(2n){background-color:var(--alternate-table-color)}.html-div th,.html-div tr:nth-child(2n){transition:background-color var(--color-transition)}.html-div th{background-color:var(--primary-color);color:#fff}.html-div summary:focus{outline:none}@media screen and (max-width:600px){html{font-size:14px}.wrapper-card{width:100%;height:100%;flex-direction:column}.markdown-edit,.markdown-preview{padding:1rem 1.3rem;width:100%!important;display:flex;flex-direction:column;position:relative}.gutter{height:10px!important;width:100%!important;cursor:row-resize}}@media screen and (min-width:600px){.markdown-edit,.markdown-preview{height:100%!important}}
/*# sourceMappingURL=main.2446be8c.chunk.css.map */