:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--true-width:60%;background-color:#191919;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{justify-content:center;place-items:flex-start;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}@media (max-width:768px){:root{--true-width:90%}}.filtersBtns{background-color:#242424;border:2px solid #5a5a5a;border-radius:8px;justify-content:space-around;width:80%;padding:5px;display:flex}.filtersBtns button{color:#adadad;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;height:5vh;font-size:.7rem;font-weight:700}.filtersBtns button.active{color:#fff;border-bottom:2px solid #646cff;outline:none}.headerFilters{width:var(--true-width);flex-direction:row;align-items:center;gap:10px;margin-bottom:2rem;display:flex}.headerFilters select{cursor:pointer;background-color:#242424;border:2px solid #5a5a5a;border-radius:8px;width:30%;height:100%}.main{flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.actualNote,.noteForm{width:var(--true-width);border:2px solid #5a5a5a;border-radius:10px;flex-direction:column;margin-bottom:20px;display:flex;overflow:hidden}.titleForm{background-color:#191919;border:none;border-bottom:2px solid #5a5a5a;margin:0;padding:5%;font-size:2rem}.titleForm:focus,.contentForm:focus,.tagsForm input:focus,.editingNote input:focus,.editingNote textarea:focus{outline:none}.contentForm{resize:none;background-color:#272727;border:none;border-bottom:2px solid #5a5a5a;height:15vh;margin:0;padding:5%;font-size:1rem}.tagsForm{resize:none;border:none;align-items:center;gap:3%;height:10vh;margin-inline:5%;font-size:1rem;display:flex}.tagsForm input{background-color:#313131;border:2px solid #5a5a5a;border-radius:5px;width:70%;padding:1%;font-size:1rem}.tagsForm button{color:#fff;cursor:pointer;background-color:#646cff;border:none;border-radius:5px;width:30%;padding:1% 0%;font-size:medium}.actualNote{gap:0;width:100%}.actualNote header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.actualNote header h3{text-overflow:ellipsis;white-space:nowrap;width:50%;margin:0;padding:2% 5%;font-size:1.5rem;overflow:hidden}.actualNote header aside{gap:10px;padding:0% 5%;display:flex}.actualNote header aside button{color:#cfcfcf;cursor:pointer;background-color:#3d3e38;border:none;border-radius:99px;padding:5%;font-size:small}.actualNote p{word-break:break-word;overflow-wrap:break-word;white-space:normal;padding:0% 5%;display:block}.notesContainer{width:var(--true-width)}.actualNote footer{flex-wrap:wrap;gap:10px;padding:0% 0% 2% 5%;display:flex}.actualNote footer article{color:#cfcfcf;cursor:pointer;background-color:#3d3e38;border:none;border-radius:99px;padding:.5% 2%;font-size:small}.actualNote footer article button{color:#cfcfcf;cursor:pointer;background:0 0;border:none;margin-left:5px;font-size:small;font-weight:700}.editingNote input{background-color:#0000;border:none;border-radius:5px;width:70%;padding:2.5% 5%;font-size:1.2rem}.editingNote textarea{resize:none;background-color:#0000;border:none;width:95%;height:15vh;margin:0 0 2%;padding:2.5% 5%;font-size:1rem}.actualNote footer button{color:#fff;cursor:pointer;background-color:#3d3e38;border:none;border-radius:5px;font-size:1rem}@media (max-width:768px){.filtersBtns{background-color:#242424;border:2px solid #5a5a5a;border-radius:8px;width:auto;padding:5px}.headerFilters{width:var(--true-width);display:block}.headerFilters select{cursor:pointer;background-color:#242424;border:2px solid #5a5a5a;border-radius:8px;width:100%;height:auto;display:flex}}