@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Sofia&display=swap";@import"https://fonts.googleapis.com/css2?family=Sofia&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--font-primary: "Noto Sans", sans-serif;--font-code: "Source Code Pro", monospace;--font-decorative: "Sofia", cursive;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--delete-icon-color:rgb(221, 76, 76)}:root[data-theme=graphite]{--text-color-dim: #828a96;--text-color: #b6b7c0;--text-color-bright: #e1e2ed;--menu-bar-color: #b6b7c0;--list-item-color: #828a96;--dropdown-text: #99a2af;--checkbox-unchecked-color: #828a96;--checkbox-color: #b6b7c0;--checkbox-color-hover: #c1c2cc;--main-bg: #181823;--menu-bar-bg: rgb(43, 43, 57);--sidebar-bg: rgb(33, 33, 44);--tabs-bg: rgb(33, 33, 44);--selected-tab-bg: #353640;--drag-tab-bg: rgb(37, 37, 49);--tab-bg: rgb(37, 37, 49);--accent-bg: #353640;--editor-menu-bg: #272933;--menu-bg: #181823;--hover-bg: rgba(255, 255, 255, .05);--create-note-button-color: #b6b7c0;--create-note-button-bg: #353640;--create-note-button-hover: #3c3d48;--selection-bg: #393971}:root[data-theme="pitch black"]{--text-color-dim: #828a96;--text-color: #b6b7c0;--text-color-bright: #e1e2ed;--menu-bar-color: #b6b7c0;--list-item-color: #828a96;--dropdown-text: #828a96;--checkbox-unchecked-color: #828a96;--checkbox-color: #b6b7c0;--checkbox-color-hover: #c1c2cc;--main-bg: #000000;--menu-bar-bg: rgb(25, 25, 25);--sidebar-bg: rgb(16, 16, 16);--tabs-bg: rgb(16, 16, 16);--selected-tab-bg: #323232;--drag-tab-bg: rgb(24, 24, 24);--tab-bg: rgb(24, 24, 24);--accent-bg: #1d1d1f;--editor-menu-bg: #1d1d1f;--menu-bg: #101010;--hover-bg: rgba(255, 255, 255, .05);--create-note-button-color: #b6b7c0;--create-note-button-bg: #323232;--create-note-button-hover: #3b3b3b;--selection-bg: #3b3848}:root[data-theme="earth core"]{--text-color-dim: #828a96;--text-color: #b6b7c0;--text-color-bright: rgb(225, 226, 237);--menu-bar-color: #faaf6e;--list-item-color: #b1888c;--dropdown-text: #d09ba0;--checkbox-unchecked-color: rgb(209, 166, 170);--checkbox-color: #d8695d;--checkbox-color-hover: #e37569;--main-bg: #291619;--menu-bar-bg: #8c3e35;--sidebar-bg: #331b1f;--tabs-bg: #2b2d0b;--selected-tab-bg: #595a20;--drag-tab-bg: #404112;--tab-bg: #373714;--accent-bg: #604242;--editor-menu-bg: #382424;--menu-bg: #2b1616;--hover-bg: rgba(255, 255, 255, .05);--create-note-button-color: #b6b7c0;--create-note-button-bg: rgb(113, 50, 50);--create-note-button-hover: rgb(125, 57, 57);--selection-bg: #8c3e35}:root[data-theme=cornflower]{--text-color-dim: #828a96;--text-color: #b6b7c0;--text-color-bright: #e1e2ed;--menu-bar-color: #b6b7c0;--list-item-color: #828a96;--dropdown-text: #99a2af;--checkbox-unchecked-color: #828a96;--checkbox-color: #7c8cc1;--checkbox-color-hover: #8999cd;--main-bg: #1b183a;--menu-bar-bg: #38345e;--sidebar-bg: #272448;--tabs-bg: #272448;--selected-tab-bg: #414d79;--drag-tab-bg: #2f2b52;--tab-bg: #2f2b52;--accent-bg: #414d79;--editor-menu-bg: #272448;--menu-bg: #1b183a;--hover-bg: rgba(255, 255, 255, .05);--create-note-button-color: #b6b7c0;--create-note-button-bg: #414d79;--create-note-button-hover: #49547d;--selection-bg:#414d79}:root[data-theme="midnight horizon"]{--text-color-dim: #7a8999;--text-color: #b8c5d4;--text-color-bright: #e4e9ef;--menu-bar-color: #fec506;--list-item-color: #e45f89;--dropdown-text: #fec506;--checkbox-unchecked-color: #7a8999;--checkbox-color: #f04b80;--checkbox-color-hover: #ee2363;--main-bg: #1a1a2e;--menu-bar-bg: #2a2a45;--sidebar-bg: #1f1f35;--tabs-bg: #1f1f35;--selected-tab-bg: #98445f;--drag-tab-bg: #2a2a45;--tab-bg: #2a2a45;--accent-bg: #98445f;--editor-menu-bg: #1f1f35;--menu-bg: #1f1f35;--hover-bg: rgba(255, 255, 255, .05);--create-note-button-color: #b6b7c0;--create-note-button-bg: #81203f;--create-note-button-hover: #902748;--selection-bg: #7f681d}:root[data-theme="desert rose"]{--text-color-dim: #9891b6;--text-color: #dbb3cb;--text-color-bright: #f8cac8;--menu-bar-color: #ffc98b;--list-item-color: #f18787;--dropdown-text: #dbb3cb;--checkbox-unchecked-color: #9891b6;--checkbox-color: #f18787;--checkbox-color-hover: #f39e9e;--main-bg: #2a2536;--menu-bar-bg: #362f45;--sidebar-bg: #2f2a3d;--tabs-bg: #2f2a3d;--selected-tab-bg: #453a55;--drag-tab-bg: #383147;--tab-bg: #383147;--accent-bg: #453a55;--editor-menu-bg: #2f2a3d;--menu-bg: #2a2536;--hover-bg: rgba(255, 255, 255, .05);--create-note-button-bg: #cc6c6c;--create-note-button-hover: #d46a6a;--create-note-button-color: #000000;--selection-bg: #554a84}:root[data-theme="dirt core"]{--text-color-dim: #828a96;--text-color: #c4b5a2;--text-color-bright: #e5dcd1;--menu-bar-color: #c4b5a2;--list-item-color: #a28f76;--dropdown-text: #c4b5a2;--checkbox-unchecked-color: #594737;--checkbox-color: #246572;--checkbox-color-hover: #2d7a8a;--main-bg: #100b09;--menu-bar-bg: #1a1311;--sidebar-bg: #1a1311;--tabs-bg: #1a1311;--selected-tab-bg: #37150c;--drag-tab-bg: #241510;--tab-bg: #241510;--accent-bg: #37150c;--editor-menu-bg: #1a1311;--menu-bg: #100b09;--hover-bg: rgba(255, 255, 255, .05);--create-note-button-color: #c4b5a2;--create-note-button-bg: #246572;--create-note-button-hover: #2d7a8a;--selection-bg: #594737}:root[data-theme=parchment]{--text-color-dim: #6b7684;--text-color: #394250;--text-color-bright: #1a2028;--menu-bar-color: #1a2028;--list-item-color: #394250;--dropdown-text: #394250;--checkbox-check-color: #c4b5a2;--checkbox-unchecked-color: #6b7684;--checkbox-color: #394250;--checkbox-color-hover: #4d5666;--main-bg: #e3e0da;--menu-bar-bg: #dccfc9;--sidebar-bg: #dccfc9;--tabs-bg: #dccfc9;--selected-tab-bg: #c4b1ab;--drag-tab-bg: #c5cdd6;--tab-bg: #c5cdd6;--accent-bg: #c4b1ab;--editor-menu-bg: #dccfc9;--menu-bg: #c5cdd6;--hover-bg: rgba(0, 0, 0, .05);--create-note-button-color: #d1dae8;--create-note-button-bg: #394250;--create-note-button-hover: #4d5666;--selection-bg: #acb4c2}@media (prefers-color-scheme: dark){:root:not([data-theme]){@extend :root[data-theme="pitch black"];}}@media (prefers-color-scheme: light){:root:not([data-theme]){@extend :root[data-theme="graphite"];}}:root{font-family:Noto Sans,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}#root{width:100%;height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) rgba(0,0,0,0)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;width:100vw;height:100vh;color:var(--text-color);overflow:hidden}.loading-spinner{width:16px;height:16px;border:2px solid var(--text-color);border-top:2px solid transparent;border-bottom:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.large{width:32px;height:32px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{width:25px;height:25px;padding:0;border-radius:4px;cursor:pointer;color:var(--text-color);border:1px solid transparent;background-color:transparent;display:flex;align-items:center;justify-content:center}button .label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;font-weight:600;color:var(--text-color);transition:all .1s ease-in-out}button:hover{border:1px solid transparent;background-color:#ffffff0d;color:var(--text-color)}button:hover .label{color:var(--text-color-bright)}ul{list-style:disc;padding-left:2rem}ol{list-style:decimal;padding-left:2rem}li{margin-bottom:0}h1{font-size:2.1rem;line-height:1.4;color:#e18181}h2{font-size:1.9rem;line-height:1.4;color:#e1a981}h3{font-size:1.7rem;line-height:1.4;color:#e1cf81}h4{font-size:1.5rem;line-height:1.4;color:#bae181}h5{font-size:1.4rem;line-height:1.4;color:#81e1ba}h6{font-size:1.2rem;line-height:1.4;color:#81bae1}h1,h2,h3,h4,h5,h6{margin-bottom:0rem;font-weight:400;font-family:Sofia,cursive;color:var(--text-color)}blockquote{border-left:3px solid var(--text-color);padding-left:1rem;margin:1rem 0;color:var(--text-color);font-style:italic;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.05em;text-align:left}pre{font-family:Source Code Pro,monospace}.sign-in-card{border-radius:6px;box-shadow:0 4px 20px #0000004d;padding:2rem;max-height:90%;width:min(90%,400px);overflow:auto;background-color:var(--menu-bg);border:1px solid rgb(37,37,70)}.sign-in-card-title{font-family:Sofia,cursive;margin-bottom:1.5rem;text-align:center;font-size:2rem}.sign-in-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#b8b8d0;font-size:.9rem}.form-group input{padding:.8rem;background:#161629;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:Noto Sans,sans-serif;font-weight:600;font-size:1rem;color:#e1e2edb3;transition:all .2s}.form-group input:focus{outline:none;border-color:#7676ff;box-shadow:0 0 0 2px #7676ff33}.form-group input::placeholder{color:#666680}.sign-in-button{height:50px;width:100%;background:#5c5cff;color:#e1e2edcc;font-weight:700;padding:.8rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .1s,transform .1s;margin-top:1rem}.sign-in-button:hover{background:#4f4fde}.sign-in-button:active{background:#4242d4}.error-message{color:#ff7676;font-weight:600;font-size:1rem;margin-top:.5rem;font-family:Noto Sans,sans-serif;border:1px solid #ff76763b;background-color:#ff767620;border-radius:4px;padding:.5rem;display:flex;align-items:center}.error-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:.5rem}.error-text{margin-right:.5rem;font-size:1.1rem}.signing-in-container{display:flex;justify-content:center;align-items:center}.worm-logo{-webkit-user-select:none;user-select:none;height:64px;vertical-align:middle;opacity:.8}.copyright-notice{text-align:center;font-size:.8rem;color:#666;margin-top:1rem}.sign-out-button{width:100%;background-color:#a73535;font-weight:700;padding:.8rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .1s,transform .1s;margin-top:1rem;color:var(--text-color)}.sign-out-button:hover{background-color:#943333;color:var(--text-color)}.home-button{margin-top:1rem;width:100%;height:50px;background-color:#5c5cff;color:#e1e2edcc;font-weight:700;padding:.8rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .1s,transform .1s}.home-button:hover{background-color:#4f4fde;color:#e1e2edcc}.sign-in-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#181823}.status-display{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;max-width:300px;z-index:1000}.status-message{padding:.3rem 1rem;border-radius:4px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:row;align-items:center;gap:.5rem;animation:slideIn .2s ease-out;width:250px}.status-message.fade-out{animation:fadeOut .2s ease-out forwards}.status-message-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.status-message-text{width:calc(100% - 20px);height:100%;font-size:.8rem;font-weight:600;word-wrap:break-word;flex-shrink:0}.status-message.success{background-color:#604242;color:#e1e2edb3}.status-message.error{background-color:#582020;border:1px solid #7e3b3b;color:#e1e2edb3}.status-message.info{background-color:#132a4e;border:1px solid #23416e;color:#e1e2edb3}@keyframes slideIn{0%{transform:translate(50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{transform:translate(0);opacity:1}to{transform:translate(50%);opacity:0}}.layout-container{width:100%;height:100%;display:flex;flex-direction:row;opacity:0;transition:opacity .2s ease-in-out}.layout-container.ready{opacity:1}.layout-container.default,.layout-container.default *{cursor:default!important}.layout-container.nesw-resize,.layout-container.nesw-resize *{cursor:nesw-resize!important}.layout-container.nwse-resize,.layout-container.nwse-resize *{cursor:nwse-resize!important}.layout-container.ew-resize,.layout-container.ew-resize *{cursor:ew-resize!important}.layout-container.ns-resize,.layout-container.ns-resize *{cursor:ns-resize!important}.main-content{width:100%;height:100%}.menu{position:fixed;top:0;left:0;width:200px;z-index:1000;-webkit-user-select:none;user-select:none;background-color:var(--menu-bg);padding:.3rem;transition:opacity .06s ease-in-out,transform .06s ease-in-out;opacity:0;pointer-events:none;transform:scale(.95) translateY(-10px);border-radius:4px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 2px #ffffff0d}.menu.show{opacity:1;pointer-events:auto;transform:scale(1) translateY(0);transition:opacity .08s ease-in-out,transform .08s ease-in-out}.menu-item{padding:.1rem 1rem;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-color);border-radius:4px;width:100%;display:flex;flex-direction:row;align-items:center;gap:.5rem}.menu-item:hover{color:var(--text-color-bright);background-color:#ffffff1a}.menu-item-icon{display:flex;justify-content:center;align-items:center}.menu-item-label{flex:1}.settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;pointer-events:none;z-index:1000;display:flex;justify-content:center;align-items:center;transform:translateY(-10px)}.settings-modal-overlay.open{transform:translateY(0);opacity:1;pointer-events:auto}.settings-modal-container{width:min(1000px,90%);height:min(800px,90%);background-color:var(--main-bg);border-radius:4px;box-shadow:0 0 10px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.settings-modal-header{display:flex;justify-content:flex-end;padding:.25rem;margin-left:auto}.settings-modal-body{display:flex;flex-direction:row;height:100%}.settings-modal-body-sidebar{height:100%;width:300px;padding:1rem;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--hover-bg)}.settings-modal-body-sidebar-item{padding:.5rem 2rem;font-size:.875rem;font-weight:600;color:var(--text-color);cursor:pointer}.settings-modal-body-sidebar-item:hover,.settings-modal-body-sidebar-item.selected{background-color:var(--hover-bg)}.settings-modal-body-content{width:100%;display:flex;flex-direction:row}.settings-panel-container{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:1rem .5rem 1rem 2rem}.settings-item{width:100%;padding:1rem;background-color:var(--hover-bg);border-radius:4px;display:flex;flex-direction:row}.settings-item-text{color:var(--text-color);flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.settings-item-text-label{font-size:.875rem;font-weight:600;color:var(--text-color)}.settings-item-text-description{font-size:.75rem;font-weight:400;color:#999bac}.settings-item-input{width:200px;height:100%;display:flex;justify-content:center;align-items:center}.check{background-color:transparent;border:1.5px solid var(--unchecked-color);cursor:pointer;color:#000;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:border .1s ease-in-out,background-color .1s ease-in-out}.check:hover{border:1.5px solid var(--background-color-hover)}.check.checked{border:1.5px solid var(--background-color);background-color:var(--background-color)}.check.checked:hover{border:1.5px solid var(--background-color-hover);background-color:var(--background-color-hover)}.check-icon{padding:0;opacity:0;transition:opacity .1s ease-in-out;display:flex;align-items:center;justify-content:center}.check-icon.checked{opacity:1}.drop-down-select{position:relative;width:100%;-webkit-user-select:none;user-select:none;color:var(--dropdown-text);flex-shrink:0}.drop-down-select-header{height:30px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:.5rem;padding:0 .5rem;border-radius:4px;background-color:var(--accent-bg);transition:background-color .2s ease;font-size:.8rem;font-weight:700;color:var(--dropdown-text)}@container (max-width: 200px){.drop-down-select-header{border-radius:0;gap:.2rem}}.drop-down-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 2px #ffffff18;padding:.25rem;display:flex;flex-direction:column;gap:.25rem;background-color:var(--menu-bg);opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .1s ease,transform .1s ease;border:1px solid rgba(255,255,255,.1)}@container (max-width: 200px){.drop-down-select-options{border-radius:0;top:100%}}.drop-down-select-options.open{opacity:1;pointer-events:auto;transform:translateY(0)}.drop-down-select-option{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:30px;padding:0 .75rem;font-size:.8rem;font-weight:700;color:var(--dropdown-text);border-radius:4px}.drop-down-select-option:hover,.drop-down-select-option.selected{background-color:#ffffff0d}.drop-down-select-check{color:var(--dropdown-text)}.drop-down-select-header-left{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;flex-shrink:0}.drop-down-select-header-left:hover{background-color:#ffffff1a}.drop-down-select-header-right{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;flex-shrink:0}.drop-down-select-header-right:hover{background-color:#ffffff1a}.drop-down-select-header-text{width:calc(100% - 30px);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-shortcut-menu{position:absolute;top:0;left:0;z-index:100;background-color:var(--menu-bg);box-shadow:0 2px 2px #ffffff1a}.editor-shortcut-menu-items{display:flex;flex-direction:column;overflow-y:auto;height:100%;height:145px;width:240px;scrollbar-width:none;border:1px solid rgba(255,255,255,.1)}.editor-shortcut-menu-item{position:relative;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-color);width:100%;flex-shrink:0;padding:.25rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.editor-shortcut-menu-item.hovered{background-color:#ffffff14}.editor-shortcut-menu-item-label{flex:1}.editor-shortcut-menu-item-shortcut{width:25px;height:25px;text-align:center;background-color:#ffffff1a;border-radius:4px;display:flex;justify-content:center;align-items:center}.more-icon{position:absolute;right:0;top:0;height:100%;width:20px;display:flex;justify-content:center;align-items:center}.editor-shortcut-menu-item-children{position:absolute;top:0;left:100%;background-color:var(--menu-bg);box-shadow:0 2px 2px #ffffff1a;width:240px;height:145px;overflow-y:auto;scrollbar-width:none;border:1px solid rgba(255,255,255,.1);border-left:none}.editor-shortcut-menu-item-child{padding:.25rem 1.5rem;font-size:.8rem;font-weight:500;color:var(--text-color);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.editor-shortcut-menu-item-child:hover{background-color:#ffffff14}.editor-shortcut-menu-item-child-label{flex:1}.editor-shortcut-menu-item-child-shortcut{height:25px;padding:0 .5rem;text-align:center;background-color:#ffffff1a;border-radius:4px;display:flex;justify-content:center;align-items:center}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .1s ease-in-out}.confirm-modal-overlay.hidden{opacity:0;pointer-events:none}.confirm-modal-overlay.visible{opacity:1;pointer-events:all}.confirm-modal-container{background-color:var(--menu-bg);border-radius:4px;display:flex;flex-direction:column;width:400px;transition:transform .1s ease-in-out}.confirm-modal-overlay.visible .confirm-modal-container{transform:translateY(0)}.confirm-modal-overlay.hidden .confirm-modal-container{transform:translateY(-10px)}.confirm-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--text-color);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem}.confirm-modal-header-text{font-size:1rem;font-weight:600}.confirm-modal-text{font-size:.8rem;font-weight:500;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.confirm-modal-buttons{display:flex;flex-direction:row;gap:1rem;padding:1rem}.confirm-modal-button{padding:.5rem 1rem;border-radius:4px;background-color:var(--hover-bg);color:var(--text-color);font-weight:600;font-size:.8rem;width:100%;padding:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.confirm-modal-button-icon{display:flex;align-items:center;justify-content:center}.confirm-modal-button:hover{background-color:#ffffff26}.notes-page{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;width:100%;overflow:hidden;background-color:var(--main-bg);transition:background-color .2s ease}.notes-page-sidebar{height:100%}.notes-page-main{height:100%;flex-grow:1;overflow:hidden}.resizable-container{position:relative;width:100%;height:100%;-webkit-user-select:auto;user-select:auto;flex-shrink:0;overflow:hidden}.resizable-container.no-user-select,.resizable-container.no-user-select *{-webkit-user-select:none;user-select:none;overflow:hidden;pointer-events:none}.resizable-container .resizable-container-resize-handle{position:absolute;width:5px;height:5px}.resizable-container .resizable-container-resize-handle.left{left:0;top:0;height:100%}.resizable-container .resizable-container-resize-handle.left:not(.resizing){cursor:ew-resize}.resizable-container .resizable-container-resize-handle.right{right:0;top:0;height:100%}.resizable-container .resizable-container-resize-handle.right:not(.resizing){cursor:ew-resize}.resizable-container .resizable-container-resize-handle.right.resizing{border-right:2px solid var(--text-color)}.resizable-container .resizable-container-resize-handle.top{top:0;left:0;width:100%}.resizable-container .resizable-container-resize-handle.top:not(.resizing){cursor:ns-resize}.resizable-container .resizable-container-resize-handle.bottom{bottom:0;left:0;width:100%}.resizable-container .resizable-container-resize-handle.bottom:not(.resizing){cursor:ns-resize}.tab-container{width:100%;height:100%}.tab-container-tabs{display:flex;flex-direction:row;align-items:end;justify-content:flex-start;height:50px;padding:.25rem 1rem .25rem .5rem;overflow-x:auto;scrollbar-width:none;scrollbar-color:transparent transparent;gap:.2rem;background-color:var(--tabs-bg);transition:background-color .2s ease-in-out}.tab-container-content{position:relative;width:100%;height:calc(100% - 50px)}.tab-container-content-container{position:absolute;top:0;left:0;width:100%;height:100%;display:none;opacity:0}.tab-container-content-container.selected{display:block;opacity:1;pointer-events:auto;z-index:1}.tab-container-tab-add{display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:1px solid transparent;background:none;cursor:pointer;transition:none;flex-shrink:0}.tab-container-tab-add:hover{color:var(--text-color);background-color:#ffffff14;border-radius:4px}.editor-empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#8e92987d;font-size:1.2rem;font-weight:400}.note-editor-container{width:100%;height:100%;display:flex;flex-direction:column}.note-editor-container.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.note-editor-container.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#291619}.note-editor-scroll-container{overflow-y:auto;scrollbar-color:var(--accent-bg) transparent;min-height:calc(100% - 60px);display:flex;flex-direction:column}.note-editor-scroll-container.loading{display:flex;flex-direction:column;align-items:center}.note-editor-loading-spinner{margin:auto;padding-bottom:100px}.note-editor{width:100%;padding-top:0;margin:0 auto;outline:none;border:none;padding:0rem max((100% - (800px + 4rem)) / 2,1rem);padding-bottom:6rem;flex-grow:1;user-drag:none}.note-editor.wide{padding:0rem 1rem 6rem}.note-editor-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;height:25px;flex-shrink:0;color:#828a96;padding:0 .5rem;gap:.5rem;border-top:1px solid rgba(255,255,255,.05)}.word-count,.element-count{font-size:.8rem;font-weight:500;padding:0 .5rem;border-radius:4px;height:100%;display:flex;align-items:center;justify-content:center}::-moz-selection{background:var(--selection-bg)}::selection{background:var(--selection-bg)}.command-header{width:100%;display:flex;justify-content:flex-end;align-items:center;height:35px;flex-shrink:0;padding:0 .5rem;gap:.2rem}@container (min-width: 200px){.command-header{padding:0 1rem}}.command-header-title{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 2rem}.command-header-title-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;-webkit-user-select:text;user-select:text;font-size:.7rem;font-weight:500;width:100%;transition:color .2s ease-in-out}.command-header-action{background-color:transparent;border:none;outline:none;cursor:pointer;width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:4px;display:flex;justify-content:center;align-items:center;color:var(--text-color);flex-shrink:0}.command-header-action:hover{border:1px solid transparent;background-color:transparent;background-color:#ffffff14}.menu-open{background-color:#ffffff14}.command-header-action-icon{color:var(--text-color);width:25px;height:25px;padding:0;display:flex;justify-content:center;align-items:center}.tooltip{position:fixed;min-width:80px;max-width:200px;width:max-content;background-color:#000;border:.5px solid rgba(255,255,255,.2);color:var(--text-color);border-radius:4px;padding:.3rem .6rem;font-size:.7rem;font-weight:500;transition:opacity .06s ease-in-out;z-index:1000;pointer-events:none}.title-editor{font-size:1.9rem;font-family:"Sofia, sans-serif";font-weight:700;line-height:1.7;padding:2rem max((100% - 800px) / 2,3rem);width:100%;outline:none;border:none;background-color:transparent;color:color;transition:color .2s ease;-webkit-user-select:text;user-select:text}.title-editor.wide{padding:2rem 3rem}.editor-element-container{position:relative;border:.5px solid transparent}.editor-element-container.command-mode:hover,.editor-element-container.shortcut-menu-open{background-color:#ffffff05;border:.5px solid rgba(255,255,255,.1)}.editor-content{padding:.25rem 2rem}.element-handle,.element-menu{position:absolute;top:0;bottom:0;justify-content:center;width:25px;-webkit-user-select:none;user-select:none;transition:opacity .1s ease-in-out;display:none}.element-handle{left:0}.element-menu{right:0}.element-handle-button,.element-menu-button{display:flex;justify-content:center;align-items:center;width:100%;height:2rem;padding:0;margin:0;background-color:transparent;border:none;user-select:none;-webkit-user-select:none}.element-handle-button{cursor:grab}.element-menu-button{cursor:pointer}.editor-element-container.command-mode:hover .element-handle,.editor-element-container.command-mode:hover .element-menu{display:flex}.heading-element{font-weight:700}.heading-element-1{font-size:2.2em}.heading-element-2{font-size:1.9em}.heading-element-3{font-size:1.6em}.heading-element-4{font-size:1.4em}.heading-element-5{font-size:1.2em}.heading-element-6{font-size:1em}.list-item-element{list-style-position:inside;font-size:1rem;line-height:1.5}.list-item-element::marker{font-size:.95rem}.checklist-item-element{display:flex;gap:.5rem;height:100%}.checklist-item-checkbox{-webkit-user-select:none;user-select:none;display:flex;align-items:stretch;justify-content:center;margin-top:.3rem}.code-element{padding:.5rem 2rem}.code-element-pre{background-color:#0000004d;width:100%;padding:.5rem;overflow-x:auto;border-radius:4px}.tab-container-content-empty{display:none;height:100%;width:100%;color:#8e92987d;overflow:hidden}.tab-container-content-empty-message{font-size:1.4rem;font-weight:500}.tab-container-content-empty.selected{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:10}.tab-container-content-empty-button{border-radius:4px;padding:.5rem 1rem;cursor:pointer;width:max-content;height:max-content;background-color:transparent;font-size:.8rem;font-weight:600;background-color:var(--create-note-button-bg);color:var(--create-note-button-color)}.tab-container-content-empty-button:hover{background-color:var(--create-note-button-hover);color:var(--create-note-button-color)}.tab-container-content-empty-recently-opened{font-size:.8rem;font-weight:500;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem;width:min(90%,400px);max-height:calc(100% - 100px);overflow-y:auto}.tab-container-content-empty-recently-opened-note{font-size:.8rem;font-weight:500;color:var(--text-color-dim);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;flex-shrink:0}.tab-container-content-empty-recently-opened-note:hover{background-color:#ffffff14;color:var(--text-color)}.canvas-container-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.canvas-container{width:100%;height:100%;overflow:hidden;position:relative;scrollbar-width:none}.canvas-inner{position:absolute;top:0;left:0;overflow:hidden}.no-space-selected{height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:600;color:#c7c4d3}.context-menu{position:absolute;background-color:#393947;border:1px solid #ffffff2f;min-width:150px;z-index:10000;padding:5px;border-radius:4px;display:flex;flex-direction:column;opacity:0;gap:3px}.context-menu.visible{opacity:1}.context-menu-item{width:100%;display:flex;align-items:center;border-radius:4px;padding:5px 10px;cursor:pointer}.context-menu-item:hover{background-color:#4062d2;background-color:#2f52c2;color:#fff}.context-menu-item-button{display:flex;flex-direction:row;align-items:center;gap:10px}.context-menu-item-label{width:100%;height:100%;font-size:14px;font-weight:700}.canvas-element{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;width:100px;height:100px;transition:opacity .2s ease-in-out;background-color:#4e115333;outline:1px solid transparent;border:1px solid transparent;cursor:pointer}.canvas-element.show{opacity:1}.canvas-element.hide{opacity:0}.canvas-element.editing{border:1px solid rgba(169,197,223,.581)}.resize-handle{position:absolute;width:5px;height:5px}.resize-handle.right{right:-3px;height:100%}.resize-handle.right:not(.resizing){cursor:ew-resize}.resize-handle.bottom{top:calc(100% - 2px);width:100%}.resize-handle.bottom:not(.resizing){cursor:ns-resize}.resize-handle.top{top:-3px;width:100%}.resize-handle.top:not(.resizing){cursor:ns-resize}.resize-handle.left{left:-3px;height:100%}.resize-handle.left:not(.resizing){cursor:ew-resize}.canvas-text-element{width:100%;height:100%;white-space:pre-wrap;word-wrap:break-word;padding:10px;pointer-events:none;overflow:hidden;border:1px solid rgba(255,255,255,.05);font-weight:700;background-color:var(--sidebar-bg)}.canvas-text-element-title{width:100%;height:45px;font-size:20px;color:#c7c4d3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:20px;font-family:Source Code Pro,monospace;font-weight:600;background-color:#ffffff0d;padding:5px 10px;border-radius:4px}.canvas-text-element-text{width:100%;height:calc(100% - 65px);white-space:pre-wrap;word-wrap:break-word;font-size:15px;font-weight:600;overflow:hidden;color:#c7c4d3;font-family:Source Code Pro,monospace;font-weight:500;padding:5px 10px}.element-editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color .15s ease-in-out;pointer-events:none;z-index:1000}.element-editor-overlay.visible{pointer-events:auto;background-color:#00000080}.element-editor{position:absolute;top:0;left:0;width:200px;height:200px;background-color:transparent;z-index:10001;opacity:0}.element-text-editor-container{position:relative;width:100%;height:100%;border:1px solid rgba(255,255,255,.15)}.element-text-editor-text-container{display:flex;flex-direction:column;width:100%;height:calc(100% - 40px);padding-top:20px}.element-text-editor{position:relative;width:100%;white-space:pre-wrap;word-wrap:break-word;background-color:transparent;resize:none;font-size:15px;color:#c7c4d3;flex-grow:1;padding:20px;font-family:Source Code Pro,monospace;font-weight:500;border:none;outline:none}.element-text-editor-title-container{width:100%;height:35px;border-bottom:1px solid rgba(255,255,255,.15);padding:0 20px;display:flex;justify-content:center;align-items:center}.element-text-editor-title{width:100%;height:100%;font-size:20px;background-color:transparent;border:none;outline:none;color:#c7c4d3;font-family:Source Code Pro,monospace;font-weight:600}.element-text-editor-title:focus{outline:none}.element-text-editor:focus{outline:none}.element-text-editor-bottom-toolbar{width:100%;height:40px}.color-picker-popup{position:absolute;bottom:45px;right:5px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background-color:#1e1b2d;width:240px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.color-picker-popup.visible{opacity:1;pointer-events:auto;transform:translateY(0);z-index:10002}.color-picker-color-list{display:flex;flex-wrap:wrap;gap:8px;padding:10px;max-height:200px;overflow-y:auto}.color-picker-color-item{width:20px;height:20px;border-radius:4px;cursor:pointer;border:1px solid rgba(255,255,255,.35);transition:border .1s ease-in-out}.color-picker-color-item:hover,.color-picker-color-item.selected{border:1px solid rgba(255,255,255,.65)}.color-picker-custom-color-container{position:relative;width:100%;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:10px;padding:5px 10px}.color-picker-custom-color-input{width:100%;height:100%;outline:none;background-color:transparent;border:none;color:#c7c4d3}.color-picker-custom-color-input:focus{outline:none}.color-picker-custom-color-display{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.35);flex-shrink:0}.color-picker-custom-color{position:absolute;bottom:0;right:0;width:40px;height:37px;outline:none;cursor:pointer;opacity:0}.color-picker-custom-color-save{color:#c7c4d3;cursor:pointer;border-radius:4px}.reorderable-list{position:relative;width:100%;height:100%;overflow:hidden}.reorderable-list-item{position:absolute;transition:opacity .1s ease}.tab-container-tab{position:relative;flex-shrink:0;padding:0 2rem 0 1rem;height:25px;width:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;background-color:var(--tab-bg)}.tab-container-tab.dragged,.tab-container-tab.selected,.tab-container-tab:hover{background-color:var(--selected-tab-bg)}.tab-container-tab-label{font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px;min-width:100px;color:var(--text-color-dim)}.tab-container-tab-close{position:absolute;right:.5rem;padding:0;border:none;background:none;cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transition:none;color:var(--text-color);border-radius:3px}.tab-container-tab-close:hover{border:none;background-color:#ffffff1a}.tab-container-tab:hover .tab-container-tab-close,.tab-container-tab.selected .tab-container-tab-close{opacity:1;color:var(--text-color)}.tab-container-tab.selected .tab-container-tab-label{font-weight:500;color:var(--text-color)}.notes-sidebar{display:flex;flex-direction:column;height:100%;background-color:var(--sidebar-bg);transition:background-color .2s ease;container-type:inline-size}.notes-sidebar-menubar{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.notes-sidebar-toolbar{width:100%;height:35px}.multi-select-header{width:100%;height:100%;padding:.25rem 1rem;padding-bottom:0}.multi-select-header-inner{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 .5rem}.multi-select-count{font-size:.8rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:4px;padding:.1rem 1rem}.multi-select-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem;padding:0 .5rem;flex-grow:1}.multi-select-action{flex-shrink:0}.multi-select-action.active{background-color:#ffffff1a}.menu-bar-title{padding:.3rem 1rem .3rem 1.5rem;height:50px;font-family:Sofia,cursive;font-size:1.6rem;font-weight:300;transition:color .2s ease;width:100%;background-color:var(--menu-bar-bg);color:var(--menu-bar-color);transition:background-color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (max-width: 200px){.menu-bar-title{padding:.3rem .5rem}}.notes-sidebar-body{width:100%;height:calc(100% - 155px)}@container (max-width: 200px){.notes-sidebar-body{height:calc(100% - 155px + .25rem)}}.notes-sidebar-filter{width:100%;padding:0 1rem;margin-top:.25rem;flex-shrink:0}@container (max-width: 200px){.notes-sidebar-filter{padding:0;margin:0}}.notes-sidebar-footer{width:100%;height:35px;padding:.25rem 1rem;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}@container (max-width: 200px){.notes-sidebar-footer{padding:.25rem .5rem}}.notes-sidebar-list{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.notes-sidebar-list-items{width:100%;flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-color:var(--accent-bg) transparent;scrollbar-width:thin;padding:.25rem 1rem 4rem}@container (max-width: 200px){.notes-sidebar-list-items{padding:0rem}}.notes-sidebar-list-item{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;padding:.3rem 1rem .3rem 2rem;cursor:pointer;gap:.3rem;border:1px solid transparent;flex-shrink:0}.notes-sidebar-list-item:hover{padding-right:2rem;background-color:var(--hover-bg)}.notes-sidebar-list-item-icon{position:absolute;left:.5rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--list-item-color)}.notes-sidebar-list-item-title-container{display:flex;flex-direction:column;gap:.5rem;flex-grow:1;max-width:100%}.notes-sidebar-list-item-title{font-size:.8rem;font-weight:500;color:var(--list-item-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.notes-sidebar-list-item.menu-open{background-color:var(--hover-bg);padding-right:2rem}.notes-sidebar-list-item.multi-select{background-color:var(--hover-bg)}.notes-sidebar-list-items.multi-select-active .notes-sidebar-list-item{padding-right:2rem}.notes-sidebar-list-item.selected .notes-sidebar-list-item-icon{color:var(--text-color)}.notes-sidebar-list-item.selected .notes-sidebar-list-item-title{color:var(--text-color);text-decoration:underline}.notes-sidebar-list-item-menu{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;width:20px;height:20px;border-radius:4px;opacity:0;pointer-events:none;color:var(--list-item-color)}.notes-sidebar-list-item.menu-open .notes-sidebar-list-item-menu,.notes-sidebar-list-item:hover .notes-sidebar-list-item-menu{opacity:1;pointer-events:auto}.notes-sidebar-list-item-menu:hover,.notes-sidebar-list-item.menu-open .notes-sidebar-list-item-menu{color:var(--text-color)}.notes-sidebar-list-item-multi-select-checkbox{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.country-item{border-radius:4px;padding:.2rem 2rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;width:max-content;background-color:var(--tab-bg);transition:background-color .1s ease-in-out}.country-item:hover,.country-item.dragging{background-color:var(--selected-tab-bg)}