@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@-webkit-keyframes Shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes Shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.shake-animation{-webkit-animation:Shake .42s cubic-bezier(.26,.07,.19,.97) both;animation:Shake .42s cubic-bezier(.26,.07,.19,.97) both}.notes-list{align-items:center;display:flex;flex-flow:column wrap;gap:15px;justify-content:center}@media screen and (min-width:700px){.notes-list{flex-flow:row wrap}}@media screen and (min-width:970px){.notes-list{justify-content:start}}.notes-list .note{align-items:flex-start;background-color:#f6f6f6;border:2px solid #e9e9e9;border-radius:10px;color:#5b5757;display:flex;flex-flow:column nowrap;height:300px;justify-content:space-between;padding:10px;width:300px}.notes-list .note:hover{border:2px solid #b0b0b0}.notes-list .note span{overflow-y:scroll;padding:8px;scroll-behavior:smooth;width:100%}.notes-list .note span::-webkit-scrollbar{height:4px;width:4px}.notes-list .note span::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:9999px}.notes-list .note span::-webkit-scrollbar-track{background-color:initial}.notes-list .note.new{background-color:#c8e9ff;border:2px solid #6ab9ee}.notes-list .note.new:focus-within,.notes-list .note.new:hover{border:2px solid #16a2ff}.notes-list .note.new .textbox{background:none;border:none;color:#242428;font-family:Roboto,Courier,monospace;font-size:1rem;height:220px;outline:none;overflow-y:scroll;padding:8px;resize:none;width:100%}.notes-list .note.new .textbox::-webkit-scrollbar{width:0}.notes-list .note.new .textbox::-webkit-input-placeholder{font-style:italic}.notes-list .note.new .textbox::placeholder{font-style:italic}.notes-list .note.new .textbox.error::-webkit-input-placeholder{color:#ff7676}.notes-list .note.new .textbox.error::placeholder{color:#ff7676}.notes-list .note.new .note-footer .character-count.error{color:#d00202}.notes-list .note.new .note-footer .add-btn{align-items:center;background-color:initial;border-radius:5px;display:flex;flex-direction:row;font-size:.85rem;gap:3px;justify-content:center;padding:10px}.notes-list .note.new .note-footer .add-btn:hover{background-color:#ddffe7}.notes-list .note.new .note-footer .add-btn .check-icon{color:#00ba34;font-size:1.05rem}.notes-list .note .note-footer{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;width:100%}.notes-list .note .note-footer .delete-btn{align-items:center;background-color:#f6f6f6;border-radius:5px;display:flex;flex-direction:row;gap:3px;justify-content:center;padding:5px}.notes-list .note .note-footer .delete-btn:hover{background-color:#ffd1d1}.notes-list .note .note-footer .delete-btn .delete-icon{color:#d00202;font-size:1.5rem}.notes-list .note .note-footer p{color:#5b5757;font-size:.85rem;padding:8px}.notes-list .note .note-footer .date{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:center;padding:8px}.notes-list .note .note-footer .date p{padding:0}.notes-list .note .note-footer .date .date-icon{color:#16a2ff;font-size:1.1em}.dark .notes-list .note{background-color:#333336;border:2px solid #5b5757;color:#e9e9e9}.dark .notes-list .note:hover{border:2px solid #969696}.dark .notes-list .note.new{background-color:#3495ef;border:2px solid #6ab9ee}.dark .notes-list .note.new:focus-within,.dark .notes-list .note.new:hover{border:2px solid #c8e9ff}.dark .notes-list .note.new .textbox{color:#e9e9e9}.dark .notes-list .note.new .textbox::-webkit-input-placeholder{color:#e9e9e9}.dark .notes-list .note.new .textbox::placeholder{color:#e9e9e9}.dark .notes-list .note.new .textbox.error::-webkit-input-placeholder{color:rgba(216,0,0,.918)}.dark .notes-list .note.new .textbox.error::placeholder{color:rgba(216,0,0,.918)}.dark .notes-list .note.new .note-footer .character-count.error{color:#d00202}.dark .notes-list .note.new .note-footer .add-btn{background-color:initial}.dark .notes-list .note.new .note-footer .add-btn:hover{background-color:#ddffe7}.dark .notes-list .note.new .note-footer .add-btn:hover .check-icon{color:#00ba34}.dark .notes-list .note.new .note-footer .add-btn .check-icon{color:#38e86a;font-size:1.05rem}.dark .notes-list .note .note-footer .delete-btn{background-color:initial}.dark .notes-list .note .note-footer .delete-btn:hover{background-color:#ffd1d1}.dark .notes-list .note .note-footer .delete-btn:hover .delete-icon{color:#d00202}.dark .notes-list .note .note-footer .delete-btn .delete-icon{color:#ff7676;font-size:1.5rem}.dark .notes-list .note .note-footer p{color:#e9e9e9}.dark .notes-list .note .note-footer .date .date-icon{color:#16a2ff;font-size:1.1em}.container{align-items:center;display:flex;flex-flow:column wrap;gap:10px;justify-content:space-between;margin:0 auto;max-width:970px;padding:20px}.dark .container,.dark body{background-color:#242428}.header{align-items:center;color:#5b5757;display:flex;flex-flow:column wrap;gap:20px;justify-content:center;margin:0 0 20px;width:100%}@media screen and (min-width:500px){.header{flex-flow:row wrap;justify-content:space-between}}.header .logo{font-size:1.5rem;font-weight:400}.header .logo span{color:#16a2ff;font-size:1.05em;font-weight:600}.header .search-bar{align-items:center;background-color:#fefefe;border:2px solid #e9e9e9;border-radius:10px;color:#16a2ff;display:flex;flex-flow:row nowrap;gap:10px;justify-content:start;max-width:100%;min-width:230px;outline:none;padding:10px}.header .search-bar input{background-color:initial;border:none;color:#242428;font-size:1rem;width:100%}.header .search-bar input:active,.header .search-bar input:focus{outline:none}.header .search-bar input::-webkit-input-placeholder{font-style:italic}.header .search-bar input::placeholder{font-style:italic}.header .search-bar:focus-within{background-color:#f6f6f6;border:2px solid #b0b0b0}.header .change-theme-btn{align-items:center;background-color:#fefefe;border:2px solid #e9e9e9;border-radius:10px;color:#16a2ff;display:flex;flex-flow:row wrap;font-size:1.5em;justify-content:space-between;padding:8px}.header .change-theme-btn:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}.header .change-theme-btn:active{border:2px solid #b0b0b0}.header .change-theme-btn svg{margin:auto}.dark .header{color:#e9e9e9}.dark .header .logo span{color:#16a2ff}.dark .header .search-bar{background-color:#333336;border:2px solid #5b5757;color:#16a2ff}.dark .header .search-bar input{background-color:initial;color:#e9e9e9}.dark .header .search-bar input:active,.dark .header .search-bar input:focus{outline:none}.dark .header .search-bar input::-webkit-input-placeholder{color:#969696}.dark .header .search-bar input::placeholder{color:#969696}.dark .header .search-bar:focus-within{border:2px solid #969696}.dark .header .change-theme-btn{background-color:#333336;border:2px solid #5b5757;color:#6ab9ee}.dark .header .change-theme-btn:hover{background-color:#5b5757}.dark .header .change-theme-btn:active{border:2px solid #969696}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:.35rem}::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:9999px}::-webkit-scrollbar-track{background-color:initial}.dark ::-webkit-scrollbar-thumb{background-color:#5b5757}body{font-family:Roboto,sans-serif;font-size:16px}p,span{font-size:1rem;font-weight:400;white-space:break-spaces;word-break:normal}a,button{background:none;border:none;cursor:pointer;outline:none}
/*# sourceMappingURL=main.1167200e.css.map*/