:root{--sidebar-background-color: rgb(33, 29, 43);--main-background-color: rgb(30, 27, 37);--scrollbar-width: 4px;--sidebar-item-background-color: rgb(19, 17, 25);--sidebar-bottom-background-color: rgb(12, 11, 15);--sidebar-item-hover-border-color: rgb(56, 51, 70);--sidebar-item-hover-background-color: rgb(15, 14, 20);--sidebar-padding: 13px;--black-background-container-zindex: 10}*{font-family:Roboto,Arial,Helvetica,sans-serif}*:disabled{opacity:20%!important;cursor:not-allowed!important}input:read-only{opacity:45%;cursor:not-allowed}body{margin:0;padding:0}.hidden-styled-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.black-background-container{position:fixed;inset:0;background-color:#00000080;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--black-background-container-zindex);animation:smoothBackgroundLoad .2s ease-in forwards}.centered-screen{display:flex;align-items:center;justify-content:center}.container{position:fixed;display:grid;grid-template-columns:auto 1fr;grid-template-rows:100%;inset:0}.left-menu{position:relative;background-color:var(--sidebar-background-color);border-right:1px solid rgba(255,255,255,.1);display:grid;grid-template-rows:auto 1fr auto;height:100vh;width:270px;padding:var(--sidebar-padding);padding-bottom:0;box-sizing:border-box;transition:width .3s}@media (min-width: 1600px){.left-menu{width:320px}}@media (max-width: 800px){.left-menu{width:230px}}.menu-upper-controls{display:flex;flex-direction:column}#search-input{height:30px;background-color:#0003;outline:none;border:.3em solid rgba(0,0,0,.2);padding-left:8px;color:#9e9e9e;border-radius:.4em;transition:border-color .3s}#search-input:focus{border-color:#4b3581}#search-input::placeholder{color:#525252}.menu-divider{margin:15px 0;height:1px;background-color:#ffffff1a}#search-result-count{margin-top:0;color:#5a5a5a;font-size:.8em}.menu-lower-items{display:flex;flex-direction:column;margin-top:5px;margin-right:-13px;margin-left:-13px;padding:8px 13px;overflow:hidden;gap:8px}.menu-lower-items:hover{overflow-y:auto}.note-item{display:flex;flex-shrink:0;align-items:center;padding:10px;font-size:14px;box-sizing:border-box;background-color:var(--sidebar-item-background-color);border-radius:.5em;min-height:45px;width:100%;color:#adadad;box-shadow:.2em .2em 10px #00000020;-webkit-user-select:none;user-select:none;line-height:130%;z-index:2;transition:scale .3s,background-color .3s}.note-item:hover{outline:1px solid var(--sidebar-item-hover-border-color);scale:103%;cursor:pointer;height:max-content;background-color:var(--sidebar-item-hover-background-color)}.note-item-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.note-item:hover .note-item-title{overflow:visible;white-space:normal}.note-item:active{scale:97%}.menu-footer-controls{height:60px;display:flex;justify-content:space-between;align-items:center;padding:10px;box-sizing:border-box;margin-left:calc(var(--sidebar-padding) * -1);margin-right:calc(var(--sidebar-padding) * -1);background-color:var(--sidebar-bottom-background-color);border-top-left-radius:12px;border-top-right-radius:12px;transition:margin-bottom .5s}.footer-control-button{display:flex;height:100%;aspect-ratio:1;align-items:center;justify-content:center;background-color:#685d85;border:none;border-radius:8px;font-size:35px;color:#0009;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s}.footer-control-button:hover:not(:disabled){background-color:#8276a1}.sidebar-pfp{display:flex;height:100%;aspect-ratio:1;justify-content:center;align-items:center;border-radius:100%;color:#919191;background-color:#3232ee;-webkit-user-select:none;user-select:none}.sidebar-pfp:hover{cursor:pointer}.page-alert-wrapper{position:fixed;display:flex;justify-content:center;align-items:start;padding-top:20px;inset:0;pointer-events:none;z-index:20}.page-alert-container{border-radius:8px;color:#dcdcdce6;font-size:16px;max-width:500px;line-height:130%;word-break:break-all;padding:10px 15px;border-style:solid;border-width:1px;-webkit-user-select:none;user-select:none;transition:opacity .1s ease;animation:alertWarningShowup .2s ease-out forwards}.page-alert-container:hover{cursor:pointer}.alert-level-success{background-color:#50ff5099;border-color:#5feb5f66}.alert-level-info{background-color:#5079ff99;border-color:#5252f166}.alert-level-warn{background-color:#ffea2a99;border-color:#fbff0080}.alert-level-error{background-color:#ff3c3c99;border-color:#d1777780}.private-warning-container{-webkit-user-select:text;user-select:text;display:flex;flex-direction:column;padding:18px;box-sizing:border-box;gap:18px;width:400px;background-color:#2b2632;border:1px solid rgb(129,76,76);border-radius:20px;animation:smoothToggleModal .25s cubic-bezier(.25,.1,.25,1.5) forwards}.private-warning-header{display:flex;align-items:center;gap:8px;background-color:#ff313131;border:1px solid rgba(255,69,69,.637);color:#b37b7b;font-size:18px;font-weight:450;border-radius:10px;box-sizing:border-box;padding:8px}.private-warning-header>img{width:22px;height:22px}.private-warning-body{color:#99969e}.private-warning-footer{display:flex;justify-content:end}.private-warning-divisor{border-top:1px solid rgb(115,109,126);width:100%}.private-warning-btn-ok{border:none;font-size:16px;font-weight:450;border-radius:5px;background-color:#bdb2d865;padding:8px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s}.private-warning-btn-ok:hover{background-color:#bc9fff65}.sidebar-loader-container{position:absolute;display:flex;inset:0;align-items:center;justify-content:center;pointer-events:none}#sidebar-loader{scale:.5}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-thumb{cursor:default!important}::-webkit-scrollbar-thumb{background:#88888880;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8888884d}.loader{pointer-events:none;width:50px;aspect-ratio:1;border-radius:50%;border:8px solid rgba(255,255,255,.5);animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.shaky{animation:shake .3s infinite}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-2px)}30%{transform:translateY(-2px)}40%{transform:translate(2px)}50%{transform:translateY(2px)}60%{transform:translate(-2px)}70%{transform:translateY(-2px)}80%{transform:translate(2px)}90%{transform:translateY(2px)}to{transform:translate(0)}}@keyframes alertWarningShowup{0%{filter:blur(2px);opacity:10%;scale:70%}to{filter:blur(0px);opacity:100%;scale:100%}}@keyframes smoothBackgroundLoad{0%{opacity:0}to{opacity:1}}.main-content{position:relative;display:flex;align-items:center;justify-content:center;height:auto;width:auto;background-color:var(--main-background-color)}.empty-content-box{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.empty-content-box>span{color:#b4b4b480;font-size:30px;letter-spacing:2px}.note-frame-image{max-height:100%;max-width:100%;object-fit:contain}.note-frame-text{width:100%;height:100%;overflow-y:auto;background-color:#0000001a;color:#b1b1b1;padding:10px;box-sizing:border-box}.note-frame-pdf{height:100%;width:100%;border:none}.note-frame-audio{width:70%}.note-frame-video{max-height:100%;max-width:100%;object-fit:contain;border:none;outline:none}:root{--file-too-large-color: rgb(175, 45, 45)}.modal-screen-container{position:relative;display:flex;padding:20px;box-sizing:border-box;height:max-content;max-height:98vh;width:400px;background-color:#24212e;border-radius:10px;box-shadow:5px 5px 15px #0003;animation:smoothToggleModal .3s cubic-bezier(.25,.1,.25,1.5) forwards}.modal-screen-contents{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.modal-title{font-size:2em;font-weight:700;margin:10px 0 0;color:#929292}.modal-action-row{display:flex;align-items:center;gap:10px;box-sizing:content-box}.modal-action-row>div{width:100%;flex-grow:1;flex-shrink:0}.modal-row-section{display:flex;flex-direction:column;gap:3px}.modal-input-section{display:flex;flex-direction:column;max-width:100%;gap:3px}.input-label{display:flex;align-items:center;gap:3px;padding-left:3px;box-sizing:content-box;color:#acacac;font-size:17px}.note-modal-std-in{color:#b4b4b4;padding:10px 8px;font-size:14px;background-color:#0003;border:solid 1px rgb(50,42,70);border-radius:8px;outline:none;transition:border-color .3s}.note-modal-std-in::placeholder{opacity:40%}.note-modal-std-in:focus{border-color:#5c4791}.modal-dropdown-input:hover:not(:focus){cursor:pointer}.modal-dropdown-input option{background-color:#1d1b25;outline:none;padding:50px}.create-note-payload-container{background-color:#0f0;min-height:100px}textarea#modal-content-in{resize:vertical;height:60px;max-height:160px;min-height:30px;background-color:#1d1b25}.modal-content-in-styled{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background-color:#1d1b25;border-radius:10px;color:#969696;border:2px dashed rgb(102,74,146);height:100px;cursor:pointer}.modal-content-in-styled.file-too-large{border-color:var(--file-too-large-color)}.modal-chosen-file{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;background-color:#262431;border-radius:8px;box-shadow:3px 3px 10px #0003;box-sizing:border-box;max-width:90%;max-height:60%;overflow:hidden}.modal-chosen-file .file-name{word-wrap:break-word;word-break:break-all;padding:5px;box-sizing:border-box;max-height:100%;overflow-y:auto}.modal-chosen-file .file-size{padding-left:5px;border-top-left-radius:8px;border-bottom-left-radius:8px;padding-right:5px;display:flex;align-items:center;height:100%;background-color:#543966}.modal-chosen-file .file-size.file-too-large{background-color:var(--file-too-large-color)}.modal-bottom-container{display:flex;align-items:center;gap:3px;justify-content:end}.create-note-loader-container{display:flex;align-items:center;justify-content:end;height:35px;width:35px;gap:3px;overflow:hidden}.create-note-loader-container>.loader{scale:.5}.modal-bottom{color:#000000b3;font-size:16px;font-weight:600;padding:10px;min-width:100px;border-radius:8px;border:none;cursor:pointer;background-color:#a899cc;transition:background-color .3s}.modal-submit-button:hover{background-color:#c5b9df}.modal-button-loader{scale:50%;border:8px solid rgba(0,0,0,.6)}.required-hint{color:#ff3c3c}.optional-hint{font-size:11px;opacity:50%}.invalid-note-modal-input{border-color:#ee3636!important;background-color:#ee36360d!important;border-width:2px}.help-hint{position:relative;display:flex;align-items:center;justify-content:center;background-color:#74747433;border:solid 1px rgba(116,116,116,.5);font-size:45%;height:13px;aspect-ratio:1;color:gray;border-radius:10px;cursor:help}.modal-help-hint-text{position:absolute;bottom:18px;right:-22px;font-size:12px;color:#a5a5a5;max-width:200px;width:max-content;background-color:#14131b;padding:8px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s}.help-hint:hover .modal-help-hint-text{opacity:1}.input-error-msg{color:#ee3636;font-size:11px;margin-left:5px}.close-tab-container{position:absolute;display:flex;justify-content:center;align-items:center;height:30px;width:30px;border:none;background-color:transparent;border-radius:5px;inset:6px 6px auto auto;cursor:pointer;opacity:.5}.close-tab-container:hover{opacity:1}.close-tab-icon{color:#888;font-size:2rem;transform:rotate(45deg)}@keyframes smoothToggleModal{0%{opacity:0;scale:70%}to{opacity:1;scale:100%}}:root{--background-auth-modal-color: rgb(33, 27, 42);--background-auth-modal-border-color: rgb(46, 37, 59);--background-auth-modal-input-color: rgb(26, 21, 34)}.auth-modal-container{display:flex;flex-direction:column;height:max-content;max-height:450px;width:350px;gap:20px;box-sizing:border-box;padding:20px;border-radius:10px;border:1px solid var(--background-auth-modal-border-color);background-color:var(--background-auth-modal-color);overflow-y:auto}.auth-modal-header{display:flex;gap:10px;flex-direction:column}.auth-modal-header-title{color:#92899b}.auth-modal-division{width:100%;border-bottom:1px solid rgb(81,77,94)}.auth-base-form{display:flex;flex-direction:column;gap:20px}.auth-modal-body{display:flex;flex-direction:column;gap:15px}.auth-form-control{display:flex;gap:3px;flex-direction:column}.auth-form-label{display:flex;gap:3px;color:#979797;padding-right:10px}.auth-form-input{outline:1px solid rgb(64,53,80);border-radius:5px;border:none;padding:8px 6px;color:#949494;font-size:14px;background-color:var(--background-auth-modal-input-color);transition:outline-color .2s}.auth-form-input:focus{outline:2px solid rgb(76,64,95)}.auth-form-input:not(:valid):is(:focus){outline-color:#ff4545}.auth-modal-footer{display:flex;align-items:center;gap:3px;justify-content:end}.auth-footer-loader-container{display:flex;align-items:center;justify-content:center;height:35px;width:35px;overflow:hidden}.auth-footer-loader-container>.loader{scale:.5}.auth-proceed-btn{padding:8px 16px;color:#161616;font-weight:450;font-size:16px;border-radius:8px;background-color:#7f72a0;border:none;cursor:pointer;transition:background-color .2s}.auth-proceed-btn:hover{background-color:#9a8dbb}#display-box a{color:#1582ff}#display-box table{min-width:70%;max-width:100%;border-collapse:separate;border-spacing:0}#display-box table>thead>tr{background-color:#fff3}#display-box table>tbody>tr{background-color:#ffffff05}#display-box table th,#display-box table td{border:1px solid rgba(255,255,255,.2);padding:8px}