@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";main{overflow:hidden}.search-input{width:40%}@media (max-width:1000px){.search-input{width:100dvw}}.menu-wrapper{width:100%;overflow-x:auto;white-space:nowrap}.nav-pills{flex-wrap:nowrap;padding:10px}.nav-pills .nav-item{display:inline-block;margin-right:5px}.card-thumb{padding:0 5px}.card{padding:10px;margin-bottom:2vh;position:relative;min-height:170px;cursor:pointer}.card .card-title,.card p.card-text{cursor:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .card-title{-webkit-line-clamp:1}.card .date-block{cursor:auto;position:absolute;left:15px;bottom:15px;font-size:.8rem;color:#a6a6a6}.card .remove-note{position:absolute;right:15px;font-size:1.2rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.add-new-note{position:fixed;z-index:2;right:100px;top:80dvh;width:55px;height:55px;color:#333;border-radius:50%;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity));transition:.3s;cursor:pointer}@media (max-width:1000px){.add-new-note{right:20px}}@media (hover:hover){.add-new-note:hover{opacity:.5;transform:scale(1.1)}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;color:#000;z-index:110;overflow:auto;opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;transition:.5s}.modal.visible{opacity:1;visibility:visible}.modal.visible .modal-body{opacity:1;visibility:visible;transform:translate(0) scale(1)}.modal .modal-body{transform:translate(500px,500px) scale(0);max-width:700px;min-height:500px;overflow:auto;position:relative;z-index:100;margin:auto;padding:40px 30px;background-color:#fff;border-radius:10px;transition:.5s;opacity:0;visibility:hidden}.modal .modal-body .close-modal-x{position:absolute;top:10px;left:35px;transform:scale(2.2);font-weight:600;cursor:pointer;transition:.3s}.modal .modal-body .close-modal-x:hover{transform:scale(2.5)}.modal .modal-body .category-choose-button{position:absolute;top:15px;right:35px;font-weight:600;cursor:pointer;transition:.3s;font-size:1.2rem}.modal .modal-body .category-choose-button:hover{transform:scale(1.3)}.add-new-category{z-index:2;margin:10px auto auto;width:55px;height:55px;color:#333;border-radius:50%;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity));transition:.3s;cursor:pointer}.add-category-modal{background-color:#0000004d}.category-modal-body{max-height:800px;overflow-y:scroll}.add-category-modal .modal-body{min-height:0;height:200px;margin-bottom:150px}.fullNote-date-block{font-size:.85rem}.fullNote-text-length-block{font-size:.85rem;margin-left:15px}.input-fullNote{margin-top:20px}.text-area-fullNote{width:100%;height:100%;border:0;outline:0}.input-fullNote{font-size:1.2rem;font-weight:600;border:0;outline:0;width:100%}.todo-item{background-color:#fff}.category-change-button{display:flex;justify-content:space-between;align-items:center}@media (max-width:720px){.modal .modal-body{width:100%;height:100%}.add-todo .modal .modal-body{bottom:10px;min-height:0;height:200px;margin-bottom:50px}.add-category-modal .modal-body{min-height:0;height:200px;margin-bottom:0}}.gray{background:#d9d9d9}.todo-item{transition:.5s}