@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);:root{--background:#efefef;--secondary-bg:#dedede;--text-primary:#121212;--accent:#8e05c2;--wrapper-bg:#fefefe;--text-white:#fff;--font-family:"Ubuntu",sans-serif}[data-theme=dark]{--background:#000;--secondary-bg:#232323;--text-primary:#fff;--accent:#8e05c2;--wrapper-bg:#191919;--text-white:#fff}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}::selection{background-color:var(--accent);color:var(--text-white)}body{font-family:var(--font-family);overflow-x:hidden}.app{min-height:100vh;padding:2%;width:100vw}.app,main{background-color:var(--background);height:100%;transition:all .2s ease-in-out}.wrapper{background-color:var(--wrapper-bg);border-radius:10px;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;padding:2rem 1rem;transition:all .2s ease-in-out}.title_switch,.wrapper{align-items:center;display:flex;width:100%}.title_switch{justify-content:space-between}.dark-mode-switch .switch-icons{color:var(--accent);cursor:pointer;font-size:2rem}.title{color:var(--text-primary);display:inline;font-size:2.5rem;transition:all .2s ease-in-out}.todo-form{display:flex;gap:6px;width:100%}.task-input{background-color:var(--background);border:1px solid var(--accent);border-radius:4px;flex:1 1;font-size:20px;outline:none;padding:8px}.task-input,.task-input::placeholder{color:var(--text-primary);transition:all .2s ease-in-out}.task-input::placeholder{opacity:.8}.add-btn{background-color:var(--accent);border:none;border-radius:4px;color:var(--text-white);cursor:pointer;font-size:20px;font-weight:600;outline:none;padding:6px 12px}.todo{border-radius:10px;width:100%}.todo-content{align-items:center;background-color:var(--secondary-bg);border-bottom:1px dotted var(--accent);border-radius:10px 10px 0 0;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:8px 12px;transition:all .2s ease-in-out;width:100%}.todo-content .title-checkbox{margin-right:.5rem}.todo-content label{border:3px solid #8e05c2;border-radius:50%;cursor:pointer;height:15px;margin-right:.5rem;position:relative;width:15px}.todo-content label .check-icon{color:#8e05c2;font-size:large;left:0;pointer-events:none;position:absolute;top:-6px;transform:rotate(-5deg)}.todo-content label input{opacity:0;pointer-events:none}.task-title{cursor:pointer;margin-right:1rem;overflow-x:auto;-webkit-user-select:none;user-select:none;width:100%}.completed{font-style:italic;opacity:.8;text-decoration:line-through}.icons{align-items:center;display:flex;gap:10px}.delete-icon,.edit-icon{color:var(--accent);cursor:pointer;font-size:18px;transition:all .2s ease-in-out}.task-input-editing{background-color:var(--background);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;padding:8px;transition:all .2s ease-in-out}.confirm-btn{background-color:var(--accent);border:none;border-radius:4px;color:var(--text-white);cursor:pointer;font-size:20px;font-weight:600;outline:none;padding:6px 12px}.filter-options,.sort-options{background-color:var(--secondary-bg);padding:10px}.filter-options,.sort-options,.task-priority-options{border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:1rem;margin:0 auto;outline:none;transition:all .2s ease-in-out;width:fit-content}.task-priority-options{background-color:var(--background);padding:6px}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.priority-selector-title,.sort-selector-title{color:var(--text-primary);font-size:20px;margin-right:1rem;transition:all .2s ease-in-out}.notes-toggle-btn{align-items:center;background-color:var(--background);border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px 4px 4px}.notes-toggle-btn,.todo-notes{color:var(--text-primary);outline:none;transition:all .2s ease-in-out}.todo-notes{background-color:var(--secondary-bg);border:none;border-radius:0 0 10px 10px;font-size:16px;padding:8px;width:100%}.todo-notes .title{font-size:1rem;padding:1rem 0;word-break:break-all}.notes-textarea{background-color:var(--background);border:none;border:1px dotted var(--accent);border-radius:4px;color:var(--text-primary);font-size:16px;margin:1rem 0;max-width:100%;min-height:2.5rem;outline:none;padding:8px;resize:vertical;transition:color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.save-notes-btn{background-color:var(--accent);border:none;border-radius:4px;color:var(--text-white);cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:6px 12px}.d-flex{display:flex}.align-center{align-items:center}@media screen and (max-width:425px){.wrapper{padding:1rem .5rem}.todo-form{flex-direction:column}.title{font-size:2rem}}
/*# sourceMappingURL=main.1dd5ddc3.css.map*/