:root{--font-weight-regular:400;--font-weight-heading:500;--bg1:#111b21;--bg2:#202c33;--fg1:#e9edef;--fg2:#d1d7f0;--header-size-primary:1.063rem;--header-size-secondary:1rem;--text-size-primary:0.875rem;--text-size-secondary:0.888rem;--main-spacing:0.5rem;--main-transition:.3s}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111b21;background:var(--bg1);color:#e9edef;color:var(--fg1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-size:var(--text-size-primary);font-weight:400;font-weight:var(--font-weight-regular)}.dashboard{align-items:center;display:flex;height:90vh;justify-content:space-between;left:50%;max-width:1500px;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media (min-width:576px){.dashboard{height:98%}}.left-pane,.right-pane{height:100%}.left-pane{border-right:1px solid #444;position:relative;-webkit-user-select:none;user-select:none;width:30%}@media (max-width:576px){.right-pane{display:none}.left-pane{width:100%}}@media (min-width:320px){.left-pane{min-width:320px}}.right-pane{width:70%}.left-pane-top-nav{align-items:center;background-color:#202c33;background-color:var(--bg2);display:flex;height:60px;justify-content:space-between;max-height:60px;padding:1em 2em!important;width:100%}.left-pane-bottom-nav,.left-pane-note-list-primary-container,.left-pane-search,.left-pane-top-nav{padding:.5em 1em;width:100%}.left-pane-search{align-items:center;display:flex;justify-content:space-between}.left-pane-note-list-primary-container{height:77%;overflow:scroll}.left-pane-note-list-primary-container::-webkit-scrollbar{display:none}.left-pane-bottom-nav{bottom:0;height:60px;padding:0!important;position:absolute;right:0}.left-pane-bottom-nav,.left-pane-top-nav>div{align-items:center;display:flex;justify-content:space-between}.logo,.menu,.user{cursor:pointer}.menu{font-size:1rem;margin-right:1em;position:relative}.menu .menu-drop-down{background:#202c33;background:var(--bg2);left:-1.75em;max-height:0;overflow:hidden;position:absolute;top:100%;transition:max-height .3s linear;transition:max-height linear var(--main-transition);width:13rem;z-index:5}.menu:hover .menu-drop-down{max-height:400px}.menu .menu-drop-down p{border-bottom-right-radius:50px;border-top-right-radius:50px;padding:1.2em 1.5em}.menu .menu-drop-down p:hover{background-color:#111b21;background-color:var(--bg1)}.logo{font-size:1.2rem;font-weight:500;font-weight:var(--font-weight-heading)}.user{font-size:1rem;position:relative;text-align:right}.user .user-drop-down{background-color:#202c33;background-color:var(--bg2);height:0;left:-65px;overflow:hidden;position:absolute;text-align:left!important;top:100%;transition:.3s;transition:var(--main-transition);width:120px;z-index:5}.user:hover .user-drop-down{height:120px}.user .user-drop-down p{padding:1em .7em}.user .user-drop-down p:hover{background-color:#111b21;background-color:var(--bg1)}.user .user-drop-down .logout:hover{background-color:#c80000}.user-profile-pane{align-items:center;background-color:#111b21;background-color:var(--bg1);border-right:thin solid #d1d7f0;border-right:thin solid var(--fg2);flex-direction:column;height:100%;position:absolute;right:0;row-gap:4em;top:0;z-index:10}.user-profile-pane,.user-profile-pane .profile{display:flex;justify-content:flex-start;width:100%}.user-profile-pane .profile{align-items:flex-end;background-color:#202c33;background-color:var(--bg2);-webkit-column-gap:1.5em;column-gap:1.5em;font-size:1.2rem;font-weight:600;height:60px;max-height:110px;padding:1em 1em .3em}.cancel-profile-icon:hover{color:#df3333;transition:.3s;transition:var(--main-transition)}.profile-photo{background-color:#202c33;background-color:var(--bg2);border-radius:100%;padding:1.5em;width:45%}.form-container,.profile-photo img{width:100%}.user-profile-form{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:2em;width:100%}.user-profile-form>div{padding:0 1em;position:relative;width:100%}.user-profile-form label{font-weight:500;font-weight:var(--font-weight-heading)}.user-profile-form input{background-color:initial;border:none;border-bottom:2px solid #202c33;border-bottom:2px solid var(--bg2);color:#d1d7f0;color:var(--fg2);font-size:1.1rem;font-weight:400;font-weight:var(--font-weight-regular);height:40px;padding:0 1em;width:100%}.user-profile-form .update-profile-btn{background-color:initial;border:thin solid #d1d7f0;border:thin solid var(--fg2);color:#d1d7f0;color:var(--fg2);font-size:1.2rem;height:60px;max-width:300px;width:90%}.user-profile-form>div>span{color:#666;font-size:1.2rem;position:absolute;right:1em;top:1.5em}.left-pane-search .search-container{align-items:center;background-color:#202c33;background-color:var(--bg2);border:2px solid #202c33;border:2px solid var(--bg2);border-radius:5px;display:flex;height:35px;justify-content:space-between;margin-right:.2em;padding:.1em 0;width:calc(100% - 63px)}.left-pane .collection,.left-pane .sort,.left-pane label{cursor:pointer}.search-container input{background:transparent;border:none;font-size:1rem;font-size:var(--header-size-secondary);height:100%;padding:.5em;width:calc(100% - 30px)}.search-container label{text-align:center;width:28px}.collection-list-sec{background:#202c33;background:var(--bg2);max-height:0;overflow:hidden;overflow:scroll;position:absolute;right:.5em;transition:max-height .3s linear;transition:max-height var(--main-transition) linear;z-index:5}.collection-list-sec::-webkit-scrollbar{display:none}.collection:hover .collection-list-sec{max-height:60%}.collection .drop-down-header{border-bottom:2px solid #111b21;border-bottom:2px solid var(--bg1);cursor:default;font-weight:500;font-weight:var(--font-weight-heading);margin:.5em 0;text-align:center}.collection .new-collection{border:1px solid #d1d7f0!important;border:1px solid var(--fg2)!important;font-weight:500;font-weight:var(--font-weight-heading)}.collection-list-sec p{background-color:#202c33;background-color:var(--bg2);color:#d1d7f0;color:var(--fg2);padding:1.2em 1.5em;transition:.3s;transition:var(--main-transition)}.collection-list-sec .child:hover{background-color:#111b21;background-color:var(--bg1);border-bottom-right-radius:50px;border-top-right-radius:50px}.search-and-notelist-parent{height:100%}.note-list-container-secondary{padding:0 0 1em;position:relative;width:100%}.add-note-btn{background-color:#202c33;background-color:var(--bg2);border:2px solid #444;color:#d1d7f0;color:var(--fg2);cursor:pointer;display:inline-block;font-size:large;height:60px;margin-bottom:1em;position:-webkit-sticky;position:sticky;top:0;transition:.3s;transition:var(--main-transition);width:100%;z-index:4}.add-note-btn:hover{background-color:initial}.single-note{align-items:flex-start;border-bottom:1px solid #202c33;border-bottom:1px solid var(--bg2);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:1em 0;position:relative;transition:.3s}.single-note:hover{background-color:#202c33;background-color:var(--bg2)}.single-note .note-title{font-size:1.063rem;font-size:var(--header-size-primary);font-weight:500;font-weight:var(--font-weight-heading);margin-bottom:.5em}.single-note .note-snippet{color:#d1d7f0;color:var(--fg2);width:75%}.single-note .updated-at{color:#d1d7f0;color:var(--fg2);position:absolute;right:1em;top:1em}.single-note .note-options{border-radius:50%;display:none;font-size:1.063rem;font-size:var(--header-size-primary);height:40px;line-height:30px;padding-top:.25em;position:absolute;right:1.5em;text-align:center;top:2.5em;transition:.3s;width:40px}@media (max-width:560px){.single-note .note-options{display:block}}.single-note .note-options:hover{background-color:#111b21;background-color:var(--bg1)}.single-note:hover .note-options{display:block}.options-modal-center{background-color:#202c33;background-color:var(--bg2);bottom:0;left:0;max-height:0;overflow:hidden;position:-webkit-sticky;position:sticky;transition:max-height .3s linear;transition:max-height var(--main-transition) linear;width:100%;z-index:5}.close-note-options{border:2px solid #d1d7f0;border:2px solid var(--fg2);border-radius:50%;cursor:pointer;font-size:1.5rem;height:50px;line-height:50px;margin:1.5em auto auto;text-align:center;transition:.3s;transition:var(--main-transition);width:50px}.close-note-options:hover{border-color:#df3333}@media (min-width:250px){.options-modal-center{min-width:157px}}.options-modal-center .options-modal-child{cursor:pointer;font-weight:500;font-weight:var(--font-weight-heading);padding:1.2em 1.5em}.options-modal-center .options-modal-child:hover{background-color:#111b21;background-color:var(--bg1);border-bottom-right-radius:50px;border-top-right-radius:50px}.options-modal-center .delete-note-option:hover{background-color:#c80000;cursor:pointer}.add-to-coll{position:relative}.collections-options{align-items:flex-start;border-left:2px solid #666;display:flex;flex-direction:column;gap:1.5em;justify-content:space-between;left:11.5em;max-height:0;overflow:hidden;position:absolute;top:70%;transition:max-height .1s linear;width:100%;z-index:6}.add-to-coll:hover .collections-options{max-height:400px}.collections-options label{padding:0 .5em;width:100%}.collections-options label:hover{border-bottom:2px solid #111b21;border-bottom:2px solid var(--bg1)}.left-pane-bottom-nav .note-btn,.left-pane-bottom-nav .todo-btn{background:#202c33;background:var(--bg2);border:none;color:#e9edef;color:var(--fg1);cursor:pointer;font-weight:500;font-weight:var(--font-weight-heading);height:100%;transition:.3s;width:50%}.left-pane-bottom-nav .note-btn:hover,.left-pane-bottom-nav .todo-btn:hover{background-color:#111b21;background-color:var(--bg1)}.left-pane-bottom-nav .divider{background-color:#444;height:100%;width:1px}.right-pane{position:relative}.right-pane-top-nav{align-items:center;background:#202c33;background:var(--bg2);display:flex;height:60px;justify-content:space-between;max-height:60px;padding:0 2em;width:100%}@media (min-width:576px){.right-pane-top-nav{padding:0 4em}}.note-inview-title{background-color:initial;border:none;border-bottom:2px solid #111b21;border-bottom:2px solid var(--bg1);color:#e9edef;color:var(--fg1);font-size:1.063rem;font-size:var(--header-size-primary);font-weight:500;font-weight:var(--font-weight-heading);padding:1em 1em 0;width:90%}.right-pane-top-nav .upload-pin{align-items:center;-webkit-column-gap:1em;column-gap:1em;display:flex;justify-content:space-between}.upload-pin>span{cursor:pointer}.view-pane{height:calc(100% - 120px)}.right-pane-bottom-nav{align-items:center;background-color:#202c33;background-color:var(--bg2);bottom:0;display:flex;height:60px;justify-content:space-between;left:0;padding:0 2em;position:absolute;width:100%}@media (min-width:576px){.right-pane-bottom-nav{padding:0 4em}}.right-pane-bottom-nav .bottom-nav-left-options{align-items:center;-webkit-column-gap:1.5em;column-gap:1.5em;display:flex;justify-content:space-between}.bottom-nav-left-options span{align-items:center;-webkit-column-gap:.5em;column-gap:.5em;display:flex;justify-content:center}.right-pane-bottom-nav span{cursor:pointer}.right-pane-bottom-nav .close{font-size:1.063rem;font-size:var(--header-size-primary);font-weight:400;font-weight:var(--font-weight-regular)}.right-pane-view-layer2{align-items:center;background-color:#202c33;background-color:var(--bg2);color:#d1d7f0;color:var(--fg2);display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;position:absolute;row-gap:2em;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media (max-width:576px){.right-pane-view-layer2{display:none}}.right-pane-view-layer2 .view-layer2-header{font-size:1.8rem;font-weight:200}.signin-form-container{height:100vh}.signin-form,.signin-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.signin-form{padding:1em 2em;row-gap:3em}.signin-form .form-input{align-items:center;border-bottom:thin solid;-webkit-column-gap:.5em;column-gap:.5em;display:inline-block;display:flex;justify-content:center;max-width:500px;width:100%}.form-input input{background:transparent;border:none;color:#ddd;height:40px;padding:0 1em;width:calc(100% - 50px)}.signin-form .signin-btn{font-size:1.5rem;height:50px;max-width:250px;width:100%}
/*# sourceMappingURL=main.de540b1e.css.map*/