.note{background-color:#8a2be2;border-radius:30px;flex-direction:column;width:260px;height:280px;padding:25px;display:flex}.note_text{resize:none;background-color:#0000;border:none;outline:none;flex:1;font-size:1rem;line-height:1.875rem}.note_footer{justify-content:space-between;align-items:center;display:flex}.note_footer img{cursor:pointer;opacity:0;width:18px;transition:all .3s}.note:hover .note_footer img{opacity:1}.note-container{height:100%}.note-container h2{margin-bottom:20px}.note-container_notes{flex-wrap:wrap;gap:20px;height:90%;display:flex;overflow-y:scroll}.sidebar{flex-direction:column;gap:40px;display:flex}.sidebar img{cursor:pointer;width:60px}.sidebar_list{flex-direction:column;align-items:center;gap:20px;height:0;transition:all .3s;display:flex}.sidebar_list_active{height:300px}.sidebar_list_item{border-radius:50%;width:24px;height:24px;list-style:none}*{box-sizing:border-box;margin:0;padding:0}.App{gap:20px;height:100vh;padding:20px;display:flex}.custom-scroll::-webkit-scrollbar{width:8px}.custom-scroll::-webkit-scrollbar-track{background-color:#0000}.custom-scroll::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:20px;transition:all .3s}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:gray}
/*# sourceMappingURL=index.f0e9d9a3.css.map */