body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tilesidebar{background-color:var(--primary-lowprio);height:100%;position:relative;transition:.2s ease-in-out;width:.6rem}.note-tile:hover .tilesidebar{opacity:1!important}.priofragment{bottom:0;left:0;position:absolute;transition:.2s ease-in-out;width:100%}@media (pointer:fine){.priofragment:hover{background-color:var(--primary)!important}.tilesidebar:hover .priofragment{background-color:initial}}.priofragment.active{background-color:var(--primary)}pre{-webkit-margin-start:1rem;-webkit-margin-end:1rem;border:1px solid var(--secondary-border);border-left:10px solid var(--secondary);border-radius:.5rem;box-shadow:2px 2px 2px 0 #0002;color:#000a;font-family:JetBrainsMono,monospace;margin-inline-end:1rem;margin-inline-start:1rem;overflow:hidden;position:relative;text-align:left}.pre-wrap{overflow-x:auto;padding:1rem}.tile-editor pre{overflow:hidden}.tile-editor pre:before{display:none}@media (max-width:480px){pre{-webkit-margin-start:.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;margin-inline-start:.5rem}.pre-wrap{padding:.5rem}}pre:before{align-items:center;color:var(--secondary);content:var(--fc);display:flex;font-size:.7rem;font-weight:700;justify-content:flex-end;position:absolute;right:.3rem;top:.1rem;width:100%}pre.language-css{--secondary:#80a;--secondary-border:#80aa}pre.language-html{--secondary:#080;--secondary-border:#080a}pre.language-javascript,pre.language-js{--secondary:#b90;--secondary-border:#b90a}pre.language-bash,pre.language-powershell,pre.language-shell{--secondary:#888;--secondary-border:#888a}code{background:none;color:inherit;font-size:.8rem;overflow-x:scroll;padding:0;position:relative;white-space:pre}.hljs-comment,.hljs-quote{color:#9f9f9f}.hljs-attribute,.hljs-link,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#f98181}.hljs-built_in,.hljs-builtin-name,.hljs-meta,.hljs-params,.hljs-type{color:#be5dcd}.hljs-bullet,.hljs-string,.hljs-symbol{color:#329f32}.hljs-section,.hljs-title{color:#208ca9}.hljs-keyword,.hljs-selector-tag{color:#ed8b00}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--checkbox-margin:0.1em}@media (pointer:coarse){:root{--checkbox-margin:0}}.node-checklist{margin-bottom:.2rem}.checkbox-entry{padding-right:2rem;white-space:nowrap!important}.checkbox{border-radius:3px;box-sizing:initial;cursor:pointer;display:inline-block;float:left;height:1em;margin-left:calc(var(--checkbox-indent)*1.5rem);margin-top:0;min-height:1rem;min-width:2rem;padding:0;position:relative;text-align:center;width:2rem}.checkbox.checked:after,.tile-editor checklist[checked=true]:after{background-color:var(--primary);border-color:var(--primary);color:#fff;content:"\2714";font-weight:700}#allnote-content .checkbox:after{margin-top:.1em}.checkbox:after,.tile-editor checklist:after{align-items:center;border:1px solid #0008;border-radius:3px;color:#fff;content:"";display:flex;font-size:.7rem;font-weight:700;height:.9rem;justify-content:center;position:absolute;right:.6rem;top:0;transition:.15s ease-in-out;width:.9rem}.tile-editor checklist:after{left:0;right:auto}.tile-editor checklist{display:block;margin-bottom:.2rem;margin-left:1.5rem;position:relative}.tile-editor checklist:after{margin-left:-1.5rem;margin-top:.1em;margin-top:var(--checkbox-margin)}duedate{background-color:#eb6f0a22;border-radius:.2rem;padding-left:1rem;padding-right:.3rem;position:relative}duedate:after{content:"Due";font-size:.5em;left:0;margin-left:.3rem;position:absolute;top:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:bottom center;transform-origin:bottom center}.date,date{background-color:#f15f2433;border:1px solid #f15f2433}a>em{pointer-events:none}:root{--primary:#eb6f0a;--primary-lowprio:#eb6f0a55;--primary-border:#eb6f0aa0;--secondary:#208ca9;--secondary-border:#208ca9a0;--bg:#15181e;--font-size:calc(10px + 1vmin);--tile-size:calc(10rem + 25vmin);--tile-height:calc(5rem + 12.5vmin);--vh:1vh;--scrollbar-track:var(--bg);--editor-padding:1rem;--note-bg:#fff;--note-fg:#000}body{font-family:Roboto;font-size:calc(10px + 1vmin);font-size:var(--font-size)}@media (pointer:fine){::-webkit-scrollbar{width:10px}::-webkit-resizer,::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:#15181e;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#8886;cursor:default}::-webkit-scrollbar-thumb:hover{background:#888;cursor:default}}.App{box-sizing:border-box;color:#fff;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);text-align:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding-bottom:1rem;padding-right:1rem;position:relative}#button-bar{bottom:1rem;display:flex;height:60px;position:fixed;right:1rem;-webkit-user-select:none;user-select:none}.circle-button{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:60px;justify-content:center;margin-left:10px;text-decoration-line:none;width:60px}.circle-button>svg{max-height:50%;max-width:50%;opacity:.8;pointer-events:none}#undo-delete-container,#undo-delete>svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#undo-delete-container{position:relative}#undo-delete{--fill:#83818133;border:3px dashed #83818133}#undo-delete-2{--fill:#666;border:3px dashed #666}#undo-delete-2>svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes unwrap{0%{height:60px}to{height:0}}@keyframes unwrap{0%{height:60px}to{height:0}}.undo-delete-2-wrapper{-webkit-animation:unwrap 10s linear forwards;animation:unwrap 10s linear forwards;height:60px;left:0;overflow:hidden;position:absolute;top:0}.circle-button.fade-in{-webkit-animation:tada .3s forwards;animation:tada .3s forwards}.circle-button.fade-out{-webkit-animation:adat .3s forwards;animation:adat .3s forwards}@-webkit-keyframes tada{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes adat{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes adat{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}#undo-delete:hover{background:#fff2}#add-anything{background-color:#eb6f0a;background-color:var(--primary);box-shadow:0 0 7px 3px #fff3,inset -2px -2px 3px 0 #0002,inset 2px 2px 3px 0 #fff2;transition:.4s ease-in-out}#add-anything:hover{box-shadow:0 0 10px 3px #fffa}#add-anything:active{box-shadow:inset -2px -2px 3px 0 #fff3,inset 2px 2px 3px 0 #0008;-webkit-filter:brightness(.8);filter:brightness(.8)}#add-notebook{background:linear-gradient(-19deg,#0003,#0001);border:3px dashed #9b9da0;border-radius:.5rem;box-shadow:none;box-sizing:border-box;color:#fff8}#add-notebook:hover{background-color:#fff1}#add-notebook input{background-color:initial;border:0;color:#fffa;font-size:calc(10px + 2vmin);max-width:100%;outline:transparent;padding:1rem;text-align:center}#add-notebook .action{font-size:large;left:0;position:absolute;top:0;width:100%}#add-notebook>button{background-color:#9b9da0;border-radius:0 0 .5rem .5rem;bottom:calc(-1rem - 3px);color:#282c34;height:25%;left:calc(-1rem - 3px);position:absolute;width:calc(100% + 6px)}.vanish{height:0!important;margin-left:0!important;margin-top:0!important;min-width:0!important;width:0!important}.notebook{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:5px 5px 5px #0002;color:#000;cursor:pointer;display:flex;height:calc(5rem + 12.5vmin);height:var(--tile-height);justify-content:center;margin:1rem 0 0 1rem;min-width:calc(10rem + 25vmin);min-width:var(--tile-size);overflow:hidden;position:relative;text-decoration-line:none;transition:.15s ease-in-out;width:calc(10rem + 25vmin);width:var(--tile-size)}@media (max-width:480px){.notebook{min-width:calc(100% - 1rem);width:calc(100% - 1rem)}}.notebook:hover{background-color:#ffebe2;box-shadow:5px 5px 5px #000c}.notebook>span{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}#notebook-content{display:flex;flex-direction:column;flex-grow:1;outline:none;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none}.foxtale-title{align-self:flex-start;color:#fffa;font-weight:700;margin-left:1rem;margin-top:1rem}.foxtale-title,.notebook-title{letter-spacing:1px}.notebook-titlebar{color:#fffa;display:flex;font-weight:700;justify-content:space-between;margin-left:1rem;margin-right:1rem;margin-top:1rem}.titlebar-close{color:#fff6;scale:.6}.close-note,.titlebar-close{cursor:pointer;-webkit-user-select:none;user-select:none}.close-note{color:#000a;font-size:.8rem;font-weight:700;padding:1rem;position:absolute;right:0;top:0;z-index:999}.tile-editor-container{color:#000;display:flex;height:100%;max-height:100%;overflow-y:hidden;padding:30px 0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.tile-editor{margin:auto;overflow:hidden;padding:0 1rem}.tile-editor>*{margin-left:0;margin-right:0}.tile-editor>:first-child{margin-top:1rem;margin-top:var(--editor-padding)}.tile-editor>:last-child{padding-bottom:1rem;padding-bottom:var(--editor-padding)}.tile-editor>img{max-height:calc(5rem + 12.5vmin);max-height:var(--tile-height)}.bglogo{bottom:0;max-height:40vh;max-width:80vw;opacity:.3}.bg,.bglogo{left:0;position:fixed}.bg{background:linear-gradient(-19deg,#15181e,#282c34);height:100vh;pointer-events:none;top:0;-webkit-user-select:none;user-select:none;width:100vw;z-index:-1}.tiptapWrapper{background-color:#fff;background-color:var(--note-bg);color:#000;color:var(--note-fg);height:100%;overflow:auto;transition:.2s ease-in-out;width:100%}.tiptapWrapper.with-excalidraw{box-sizing:border-box;opacity:.8;width:400px}.tiptapWrapper.with-excalidraw:focus-within{opacity:1;z-index:9}.excalidrawWrapper .excalidraw .App-bottom-bar{align-items:flex-start;margin-right:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.excalidrawWrapper .excalidraw .App-bottom-bar>.Island,.excalidrawWrapper .excalidraw .App-top-bar{flex-direction:column-reverse}.excalidrawWrapper .excalidraw .App-toolbar-content .dropdown-menu--mobile{min-width:16em;top:50px!important}.excalidrawWrapper .excalidraw .dropdown-menu-button{background:transparent}.singleNoteContent{display:flex;height:100%;outline:none!important;overflow:auto;overflow-x:hidden;position:relative}.excalidrawWrapper{background-color:#fff;background-color:var(--note-bg);border-left:1px solid #a9a9a9;box-shadow:0 0 5px 2px #0005;height:100%;position:relative;width:100%}.openDraw{--svg-bg:#888;bottom:50%;cursor:pointer;height:9em;opacity:.6;position:absolute;right:-1px;-webkit-transform:translateY(50%);transform:translateY(50%)}.openDraw:hover{--svg-bg:var(--primary);opacity:.9}.closeDraw{--svg-bg:#888;cursor:pointer;height:9em;left:-1px;opacity:.6;position:absolute;top:50%;-webkit-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%);z-index:3}.closeDraw:hover{--svg-bg:var(--primary);opacity:.9}.excalidrawWrapper .excalidraw .App-menu__left{right:0}.excalidrawWrapper .excalidraw .layer-ui__wrapper__top-right{justify-self:flex-start!important}.excalidrawWrapper .excalidraw-button.sidebar__close{pointer-events:none;visibility:hidden}.excalidrawWrapper .excalidraw .App-menu_top{align-items:flex-start}.excalidrawWrapper .excalidraw.excalidraw--mobile .App-toolbar__extra-tools-dropdown{top:-10px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media (max-aspect-ratio:1/1){.singleNoteContent{flex-direction:column}.excalidrawWrapper .excalidraw .App-menu_top{margin-top:1rem}.tiptapWrapper.with-excalidraw{height:auto;max-height:8rem;width:100%}.closeDraw{left:50%;top:-1px;-webkit-transform:translateY(-50%) rotate(-90deg) translateX(-50%);transform:translateY(-50%) rotate(-90deg) translateX(-50%)}.openDraw{bottom:-1px;left:50%;position:fixed;-webkit-transform:rotate(90deg) translate(-50%,50%);transform:rotate(90deg) translate(-50%,50%);-webkit-transform-origin:bottom;transform-origin:bottom}.excalidrawWrapper{border-top:1px solid #a9a9a9;box-sizing:border-box;height:100%;overflow:hidden}}.ignore-pointer{pointer-events:none}#allnote-content{--scrollbar-track:var(--note-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;border:none;border-radius:.5rem;display:flex;flex-direction:column;flex-grow:1;margin:1rem;outline:none;overflow:hidden;padding:0;text-align:left}.note-tile{overflow-y:hidden!important}.note-tile h1,.note-tile h2,.note-tile h3,.note-tile h4,.note-tile h5,.note-tile h6{margin:0;-webkit-transform:scale(.8);transform:scale(.8)}.note-tile blockquote{margin:1rem .5rem;padding:.5rem}.tiptap{word-wrap:break-word;flex-grow:1;font-size:1rem;height:100%;left:0;overflow-wrap:anywhere!important;overflow-x:hidden;padding:0 1rem;padding:0 var(--editor-padding);position:absolute;top:0}.tiptap:focus-visible{outline:none!important}.tiptap>:first-child{margin-top:1rem;margin-top:var(--editor-padding)}.tiptap>:last-child:not(pre){padding-bottom:1rem;padding-bottom:var(--editor-padding)}#allnote-content .tiptap>:first-child{margin-right:2rem}.tiptap hr{color:#0006}.note-content:focus{outline:none}.note-content{border:none;color:#000;height:100%;margin-top:.5rem;resize:none;text-align:left}.dialog{background-color:#fff;border-radius:.5rem;box-shadow:5px 5px 5px #000a;color:#000;left:50%;padding:1rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30rem}.contextActions{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.contextActions>a{align-items:center;background:#fff;border-bottom:1px solid #0006;cursor:pointer;display:flex;flex:1 1;justify-content:center}.contextActions>a:hover{background-color:#ffebe2}blockquote{-webkit-margin-start:1rem;-webkit-margin-end:1rem;border:1px solid #eb6f0aa0;border-left:10px solid #eb6f0a;border:1px solid var(--primary-border);border-left:10px solid var(--primary);border-radius:.5rem;box-shadow:2px 2px 2px 0 #0002;margin-inline-end:1rem;margin-inline-start:1rem;padding:1rem}@media (max-width:480px){blockquote{-webkit-margin-start:.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;margin-inline-start:.5rem;padding:.5rem}}.selected-tile{outline:4px solid #eb6f0a;outline:4px solid var(--primary)}#add-notebook.selected-tile{border:3px solid #eb6f0a;border:3px solid var(--primary);color:#eb6f0a;color:var(--primary);font-weight:700;outline:none}button{background-color:#eb6f0a;background-color:var(--primary);border:0 solid transparent;border-radius:3px;color:#fff;cursor:pointer;font-weight:700}.notebook button{margin:1rem;min-width:10rem;padding:.5rem 2rem}h1,h2,h3,h4,h5{-webkit-margin-after:.3em;margin-block-end:.3em}p{margin:0}a{cursor:pointer}.tiptap>img{max-width:100%}.node-duedate.ProseMirror-selectednode.focused,.tiptap>hr.focused,.tiptap>img.focused{border-radius:.5rem;outline:2px solid #208ca9;outline:2px solid var(--secondary)}ul{-webkit-padding-start:25px;padding-inline-start:25px;text-align:left}@media (max-width:480px){ul{-webkit-padding-start:18px;padding-inline-start:18px}}a,button,div,img,input,select,textarea{-webkit-tap-highlight-color:transparent}.rotateX{-webkit-animation:rotateX .15s ease-out forwards;animation:rotateX .15s ease-out forwards}.rotateXOut{-webkit-animation:rotateXOut .15s ease-out forwards;animation:rotateXOut .15s ease-out forwards}@-webkit-keyframes rotateX{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes rotateX{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes rotateXOut{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes rotateXOut{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}.fade-out{-webkit-animation:fade-out .15s forwards;animation:fade-out .15s forwards}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-in{-webkit-animation:fade-in .15s forwards;animation:fade-in .15s forwards}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.expand{-webkit-animation:zoomin .15s forwards;animation:zoomin .15s forwards;height:100%;left:0;top:0;width:100%;z-index:999}@-webkit-keyframes zoomin{0%{min-height:0;min-width:0;opacity:0}to{left:0;min-height:calc(100% - 2rem);min-width:calc(100% - 2rem);opacity:1;top:0}}@keyframes zoomin{0%{min-height:0;min-width:0;opacity:0}to{left:0;min-height:calc(100% - 2rem);min-width:calc(100% - 2rem);opacity:1;top:0}}
/*# sourceMappingURL=main.860c8486.css.map*/