@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Tangerine:wght@400;700&display=swap";[data-theme=default]{--bg:#d0def4;--accent1:#3964a3;--accent2:#2a4c7e;--logo:#2a4c7e;--btn:#516eff;--btn-hover:#5e78ff;--red:#ff6b6b;--red-hover:#ff8080;--green:#00af5b;--green-hover:#29d180;--toggle:#d0def4;--note-item-hover:#516eff30;--item-active:#516eff15;--text:#fff;--text-alt:#000;--input-area:#fff;--tooltip:#143059}[data-theme=curcuma]{--bg:#f1f4d0;--accent1:#ffaf02;--accent2:#d08e00;--logo:#2a4c7e;--btn:#ff9a51;--btn-hover:#ffb27b;--red:#ff6b6b;--red-hover:#ff8080;--green:#00af5b;--green-hover:#29d180;--toggle:#d0def4;--note-item-hover:#ff9a5130;--item-active:#ff9a5115;--text:#fff;--text-alt:#000;--input-area:#fff;--tooltip:#593a14}[data-theme=vanille-fraise]{--bg:#ff9ed8;--accent1:#ff2baa;--accent2:#f0ba1b;--logo:#2a4c7e;--btn:#ffda09;--btn-hover:#ffe762;--red:#ff6b6b;--red-hover:#ff8080;--green:#00af5b;--green-hover:#29d180;--toggle:#fe00a9;--note-item-hover:#ffda0930;--item-active:#ffda0915;--text:#fff;--text-alt:#000;--input-area:#fff;--tooltip:#59143f}[data-theme=lime]{--bg:#93d69c;--accent1:#00a216;--accent2:#008111;--logo:#2a4c7e;--btn:#00680e;--btn-hover:#72c36f;--red:#ff6b6b;--red-hover:#ff8080;--green:#00af5b;--green-hover:#29d180;--toggle:#93d69c;--note-item-hover:#00680e30;--item-active:#00680e15;--text:#fff;--text-alt:#000;--input-area:#fff;--tooltip:#145935}[data-mode=dark]{--bg:#46425e;--logo:#d0def4;--note-item-hover:#516eff30;--item-active:#516eff15;--text:#fff;--text-alt:#fff;--input-area:#46425e}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body,#app{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex}body{font-family:Quicksand,sans-serif;font-size:16px}.editor-container,.canvas-panel{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.splash-panel{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.splash-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:50%;padding:25px 50px;display:flex}.splash-container span{display:flex}.splash-header,.splash-instructions{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.splash-options{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.splash-picker{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.splash-logout{flex-direction:row;justify-content:flex-end;align-items:flex-end;width:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;display:flex}.header,.body{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;display:flex}.header{height:150px;position:fixed;top:0;left:0}.body{height:calc(100vh - 150px);margin-top:150px}#logo-container,#header-main{z-index:100;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}#logo-container{border-bottom:1px solid var(--text);width:270px}#header-main{justify-content:flex-end;width:-webkit-fill-available;width:-moz-available;width:stretch}#side-menu{flex-direction:row;justify-content:left;align-items:flex-start;width:fit-content;height:100%;display:flex}#main-window{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:-webkit-fill-available;width:-moz-available;width:stretch;height:100%;display:flex}.main-menu,#sub-menu{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.main-menu{justify-content:space-around}#sub-menu{background-color:var(--accent1);justify-content:flex-start;height:115px}.tabs-options,.tabs-display,.note-viewer,.note-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.tabs-options{background-color:var(--accent1);justify-content:flex-start;gap:10px;width:70px;padding:5px 3px}.note-viewer{width:100%;height:100%}.note-container{background-color:var(--accent2);width:90%;height:100%}.splash-options[data-is-hidden=true],.splash-picker[data-is-hidden=true]{display:none!important}.menu-option,.menu-dropdown{background-color:var(--accent2);color:var(--text);border:1px solid var(--text);z-index:0;cursor:pointer;border-bottom:none;border-radius:5px 5px 0 0;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100px;padding:5px 15px;display:flex;transform:translateY(1.5px)}.menu-option svg,.menu-dropdown svg{width:20px;height:20px;fill:var(--text);flex-shrink:0}.menu-dropdown{border-bottom:1px solid var(--text);z-index:999;position:relative}.profile-options,.about-dropdown{z-index:1000;padding:5px;display:none;position:absolute;top:100%;left:0}.profile-options.is-open,.about-dropdown.is-open{flex-direction:column;justify-content:center;align-items:center;width:max-content;display:flex}.menu-option[data-is-selected],.menu-option:hover{background-color:var(--accent1);z-index:999}#sub-menu{color:var(--text);border:1px solid var(--text);z-index:1;border-radius:5px 0 0;padding:2px 3px}.sub-menu-wrapper{margin-top:3px;display:none}.sub-menu-wrapper[data-is-visible]{flex-direction:row;justify-content:space-around;align-items:flex-start;width:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;display:flex}.sub-module,.module-unit{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:-webkit-fill-available;width:-moz-available;width:stretch;display:flex}.sub-module span,.module-unit span{margin:0 auto;display:inline-block}.sub-module{justify-content:flex-start;height:100%;margin:auto}.large-module{margin-top:auto}.module-option-info{opacity:0;pointer-events:none;font-size:.7em;font-style:italic;transition:opacity .25s ease-in-out}.module-option-info[data-is-visible]{opacity:1}.module-content{flex-direction:row;justify-content:space-evenly;align-items:center;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:5px auto;display:flex}.module-subunit{flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.module-subunit-option,.header-sub-option{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.module-subunit-option svg,.header-sub-option svg{width:32px;height:32px}.module-subunit-option:hover,.header-sub-option:hover{background-color:var(--btn-hover)}.middle-module{border-left:1px dashed var(--text);border-right:1px dashed var(--text)}.right-module{border-left:1px dashed var(--text)}.large{width:50px;height:50px}.large svg{width:48px;height:48px}.tab-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.tab-wrapper[data-is-hidden=true]{display:none!important}.tab-option{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.tab-option svg{width:40px;height:40px}.tab-option:hover{background-color:var(--btn-hover)}.tab-option.tab-active{background-color:var(--accent2);border-color:var(--text)}.tab-option.tab-active svg{fill:var(--text)}.tab-option .tooltip{opacity:0;white-space:nowrap;clip-path:polygon(15px 0,100% 0,100% 100%,15px 100%,0 50%);background-color:var(--tooltip);width:fit-content;color:var(--text);pointer-events:none;z-index:1000;border-radius:0 8px 8px 0;padding:2px 10px 2px 20px;transition:opacity .25s ease-in-out;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tab-option .tooltip[data-is-visible]{opacity:1}#tabs-display{flex-direction:column;justify-content:flex-start;align-items:center;width:0;transition:width .25s ease-in-out;display:flex}#tabs-display[data-is-visible]{background-color:var(--accent1);border-left:1px dotted var(--text);width:200px}.auth-container{background-color:#d0def4;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.auth-card{color:#fff;background-color:#3964a3;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:25px;display:flex}.app-name{cursor:default;flex-direction:row;justify-content:center;align-items:center;gap:5px;font-size:2.5em;display:flex}.auth-form-container{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;display:flex}.login-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;display:flex}.auth-form{flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0 25px;font-size:1.1em;display:flex}#register-form{border-left:2px dotted #fff}.form-group{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.form-group input{border:1px solid #fff;border-radius:5px;padding:3px 5px}.form-group input::placeholder{color:#00000040;font-style:italic}.form-btn{color:#fff;cursor:pointer;background-color:#516eff;border:1px solid #fff;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:80%;margin-top:10px;display:flex}.form-btn:hover{background-color:#5e78ff}.form-btn svg{fill:#fff;width:24px;height:24px}.auth-error{color:#ff4242;background-color:#ff8b8b;border:2px solid #ff4242;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:20px;padding:3px 5px;font-weight:600;display:flex}.auth-error.is-hidden{display:none}.auth-error svg{fill:#ff4242;width:32px;height:32px}input{background-color:var(--input-area);border:1px solid var(--input-area);color:var(--text-alt);border-radius:5px;padding:2px 3px;font-size:1rem}.custom-dropdown-container{width:100%;margin-top:6px;font-family:inherit;position:relative}details{width:100%;margin:5px 0}summary{cursor:pointer;width:100%;font-size:.8rem;font-weight:600}summary:hover{background-color:var(--note-item-hover)}details::details-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.custom-dropdown-trigger{background-color:var(--input-area);border:1px solid var(--input-area);color:var(--text-alt);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 10px;transition:border-color .15s;display:flex}.trigger-caret svg{width:16px;height:16px;fill:var(--text-alt);transition:transform .2s}.custom-dropdown-menu{background-color:var(--input-area);border:1px solid var(--input-area);z-index:999;border-radius:5px;width:100%;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.custom-dropdown-option{color:var(--text-alt);cursor:pointer;padding:4px 10px;transition:background-color .1s,color .1s}.custom-dropdown-option:hover{background-color:var(--note-item-hover)}.custom-dropdown-option.is-selected{background-color:var(--item-active);font-weight:500}.is-hidden{display:none!important}.splash-panel,.canvas-panel{background-color:var(--bg)}.splash-panel[data-is-hidden=true],.canvas-panel[data-is-hidden=true]{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent2);border:1px solid var(--text);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent1)}.splash-container{background-color:var(--accent1);color:var(--text);border-radius:5px;width:60%}.splash-header{font-size:1.2em;line-height:1.6}.app-name{flex-direction:row;justify-content:center;align-items:center;gap:5px;font-family:Tangerine,cursive;font-size:4rem;font-weight:700;display:flex}.app-name svg{fill:var(--text);width:48px;height:48px}.splash-greetings{font-size:1.3em}.logout-btn{background-color:var(--red);border:1px solid var(--text);color:var(--text);cursor:pointer;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:5px;display:flex}.logout-btn:hover{background-color:var(--red-hover)}.logout-btn svg{width:24px;height:24px;fill:var(--text)}.splash-button{background-color:var(--btn);border:1px solid var(--text);color:var(--text);cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100px;height:100px;margin-top:20px;display:flex}.splash-button:hover{background-color:var(--btn-hover)}.splash-button svg{width:62px;height:62px;fill:var(--text)}.splash-picker{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.splash-picker h3{margin:2px auto}.splash-list-instruction{margin-top:5px;font-style:italic;display:inline-block}.splash-menu-list{color:var(--text-alt);background-color:#fff;border-radius:5px;width:70%;margin:10px auto}.splash-note-item{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px;width:100%;display:flex}.splash-note-item:hover{background-color:var(--note-item-hover)}.back-btn{color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;gap:5px;display:flex}.back-btn:hover{text-decoration:underline}.back-btn svg{width:24px;height:24px;fill:var(--text)}.modal-overlay{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.modal-overlay.is-hidden{display:none!important}.modal-card{background-color:var(--accent1);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;min-width:400px;max-width:500px;height:fit-content;padding:5px 10px;display:flex}.modal-card h3{color:var(--text)}.modal-card.danger{background-color:var(--red);border:1px solid #fff}.modal-info-message{border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:5px 20px;display:flex}.modal-info-message.theme-warning{color:#e08300;background-color:#ffe1a4}.modal-info-message.theme-warning svg{fill:#e08300}.modal-info-message.theme-error{color:#ff2525;background-color:#ff8080}.modal-info-message.theme-error svg{fill:#ff2525}.modal-info-message.theme-info{color:#009fe3;background-color:#8dddff}.modal-info-message.theme-info svg{fill:#009fe3}.modal-info-message.theme-success{color:#00af5b;background-color:#0fc}.modal-info-message.theme-success svg{fill:#00af5b}.modal-info-icon{flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.modal-info-icon svg{fill:#000;width:48px;height:48px}.modal-actions-toolbar{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;margin:10px auto;display:flex}#editor-modal-form{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.modal-fields-group{color:var(--text);flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;width:100%;display:flex}.modal-fields-group label,.modal-fields-group input,.modal-fields-group select{width:-webkit-fill-available;width:-moz-available;width:stretch;margin:3px;font-family:Quicksand,sans-serif;display:block}.modal-notes-list{color:var(--text-alt);background-color:#fff;border-radius:5px;width:100%;margin:10px auto}#editor-modal-content{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.btn-text,.btn-primary{border:1px solid var(--text);color:var(--text);cursor:pointer;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-bottom:5px;padding:2px 5px;font-size:1.1rem;display:flex}.btn-text svg,.btn-primary svg{width:18px;height:18px;fill:var(--text)}.btn-text{background-color:var(--btn)}.btn-text:hover{background-color:var(--btn-hover)}.btn-primary{background-color:var(--green)}.btn-primary:hover{background-color:var(--green-hover)}.btn-danger{background-color:var(--red)}.btn-danger:hover{background-color:var(--red-hover)}.open-note-item{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px;width:100%;display:flex}.open-note-item span{display:inline-block}.open-note-item:hover{background-color:var(--note-item-hover)}#logo-container{color:var(--logo)}#logo-container svg{fill:var(--logo)}#logo-container .app-name{font-size:3rem}.view-btn.is-active{background-color:var(--accent2);border-color:var(--text)}.view-btn.is-active svg{fill:var(--text)}#header-options{position:relative}.header-sub-options{width:max-content;height:fit-content;display:none;position:absolute;top:110%}.header-sub-options.is-open{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.module-unit-title{font-size:.8rem}.module-subunit-option.for-later{display:none}#mode-submodule svg{width:25px;height:25px;fill:var(--text)}#mode-toggle{appearance:none;cursor:pointer;background-color:var(--accent2);border:1px solid var(--text);border-radius:20px;width:38px;height:20px;transition:background-color .25s,border-color .25s;position:relative}#mode-toggle:before{content:"";background-color:var(--toggle);border:2px solid var(--accent2);border-radius:50%;width:18px;height:18px;transition:background-color .25s,border-color .25s,transform .25s;position:absolute;top:0;left:0}#mode-toggle:checked:before{transform:translate(18px)}.theme-wrapper{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.theme-option{cursor:pointer;flex-direction:row;justify-content:left;align-items:center;gap:5px;width:100%;padding:2px 5px;display:flex}.theme-option.active{font-weight:600}.theme-option:hover{background-color:var(--accent2);transition:background-color .25s,color .25s}.swatch{border:1px solid var(--text);border-radius:20px;width:10px;height:10px}.checkmark{color:var(--text);opacity:0;margin-left:10px;font-weight:500;transition:color .25s}.theme-option.active .checkmark{opacity:1}.profile-options{background-color:var(--red);border:1px solid var(--text);border-radius:0 5px 5px;display:none}.profile-options.is-open{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}#delete-account-btn{color:var(--text);cursor:pointer;background-color:#0000;border:none;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;padding:4px 5px;font-size:1rem;display:flex}#delete-account-btn:hover{background-color:var(--red-hover)}#delete-account-btn svg{width:16px;height:16px}.tab-wrapper{gap:5px;width:100%;height:100%;padding:2px 5px}.tab-container{background-color:var(--input-area);border:1px solid var(--input-area);width:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;color:var(--text-alt);border-radius:5px;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:.8rem;display:flex;overflow-y:auto}.tab-title{color:var(--text);margin:5px auto;font-size:1.1em;font-weight:700}#explorer-filter-panel,.tag-manager-section{flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;width:100%;margin-top:5px;display:flex}#explorer-filter-panel .subtitle,.tag-manager-section .subtitle{color:var(--text);font-size:1em;font-weight:600;display:inline-block}.explorer-item{justify-content:center;align-items:space-between;flex-direction:row;width:100%;display:flex}.explorer-item.is-active{background-color:var(--item-active)}.explorer-item:hover{background-color:var(--note-item-hover)}.explorer-nav-item{cursor:pointer;background:0 0;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px;width:100%;display:flex}.nav-item-icon svg,.link-icon svg{width:16px;height:16px}.explorer-delete-note-btn{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.explorer-delete-note-btn svg{width:16px;height:16px;fill:var(--red)}.explorer-delete-note-btn:hover{background-color:var(--red-hover)}.explorer-delete-note-btn:hover svg{fill:var(--text)}.filter-placeholder,.inspector-empty{opacity:.7;font-style:italic}.explorer-empty,.toc-empty,.links-empty{opacity:.7;padding-left:3px;font-style:italic}.link-item{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px;width:100%;padding:2px;display:flex}.link-item:hover{background-color:var(--note-item-hover)}.tag-chip{cursor:pointer;border:2px solid;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:3px;width:fit-content;padding:1px 2px 1px 4px;font-weight:600;display:flex}.tag-delete-btn{cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.tag-delete-btn svg{width:12px;height:12px;fill:var(--red)}.tag-delete-btn:hover{background-color:var(--red-hover)}.tag-delete-btn:hover svg{fill:var(--text)}.tag-management-pool{background-color:var(--input-area);color:var(--text-alt);border:1px solid var(--input-area);border-radius:5px;width:100%;height:3.5rem;padding:2px 3px;font-size:.8rem;overflow-y:auto}#new-tag-creation{border-top:1px dotted var(--text);margin-top:5px;padding-top:5px}.tag-creation-form{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.tag-creation-form label{color:var(--text);font-size:.75rem}.tag-creation-form input{width:100%;font-size:.8rem}.tag-creation-form #new-tag-name-input{padding:2px 3px;font-size:1em}.tag-creation-form button{background-color:var(--btn);border:1px solid var(--text);color:var(--text);cursor:pointer;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:5px;padding:4px;font-size:1rem;display:flex}.tag-creation-form button svg{width:18px;height:18px;fill:var(--text)}.tag-creation-form button:hover{background-color:var(--btn-hover)}.toc-item{cursor:pointer;width:100%}.toc-item.toc-level-1{padding-left:.5rem;font-size:1.1em;font-weight:600}.toc-item.toc-level-2{padding-left:1.25rem;font-size:1.05em}.toc-item.toc-level-3{padding-left:2rem;font-size:1em}.toc-item.toc-level-4{padding-left:2.75rem;font-size:.95em}.toc-item.toc-level-5{padding-left:3.5rem;font-size:.9em}.toc-item.toc-level-6{padding-left:4.25rem;font-size:.9em}.toc-item:hover{background-color:var(--note-item-hover)}.section-instruction{color:var(--text);flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;font-style:italic;display:flex}#md-container{font-size:.8rem}.md-intro{align-self:center;padding:2px 3px}.md-category{align-self:center;margin:8px 3px 3px;font-size:.9rem;font-weight:600;text-decoration:underline}.md-point{margin-top:5px}.md-syntax-group{flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:2px 3px;display:flex}.md-element{white-space:nowrap;font-weight:550}.md-syntax{white-space:nowrap;background-color:#00000020;border-radius:5px;padding:2px 3px}.md-note{align-self:center;margin-bottom:2px;font-size:.7rem;font-style:italic}.about-title{align-self:center;margin:5px auto;font-size:1rem;font-weight:700}.about-subtitle{align-self:center;margin:10px auto 3px;font-size:.9rem;font-weight:600}.about-article{padding:0 2px}.about-footer{margin:20px auto;font-style:italic}.about-footer-badges{flex-direction:column;justify-content:center;align-items:center;gap:3px;margin-top:10px;font-size:.7rem;display:flex}.note-viewer{justify-content:flex-start;overflow:hidden}.note-viewer[data-is-hidden=true]{display:none!important}.note-container{justify-content:flex-start}.note-title{appearance:none;color:var(--text);field-sizing:content;background:0 0;border:none;min-width:80px;max-width:100%;margin:5px;font-family:Quicksand,sans-serif;font-size:1.7em;font-weight:600}.note-title:focus{background-color:#00000030;border:none;outline:none}.editor-canvas-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.editor-canvas-container .cm-editor{width:95%;height:100%;max-height:100%;resize:none!important}.editor-canvas-container .cm-scroller{scroll-behavior:smooth;overflow:auto}.editor-canvas-container .cm-occurrence-highlight{background-color:#ffd70059;border-bottom:2px solid gold;border-radius:2px}.preview-canvas-container{width:100%;height:100%;color:var(--text);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:5px 25px;display:flex;overflow-y:auto}.preview-canvas-container a{color:var(--green)}.resizable-image-wrapper{vertical-align:top;z-index:1;align-self:flex-start;max-width:100%;display:inline-block;position:relative}.resizable-image-wrapper:hover .resize-handle,.resizable-image-wrapper.is-resizing .resize-handle{opacity:1}.rendered-note-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;height:auto;display:block}.resize-handle{cursor:nwse-resize;opacity:0;background-color:#0fc;border:2px solid #111116;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;bottom:-2px;right:-2px;z-index:9999!important;touch-action:none!important}.resize-handle:after{content:"";background:0 0;position:absolute;inset:-10px}