@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700&family=Playfair+Display:wght@700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d0f;color:#e8e8ee;font-family:DM Sans,sans-serif;min-height:100vh}.sb-item{transition:all .12s ease;cursor:pointer}.todo-card{transition:all .2s cubic-bezier(.23,1,.32,1);border-left:3px solid transparent;animation:fadeUp .3s ease both}@media (hover:hover){.sb-item:hover{background:hsla(0,0%,100%,.05)!important}.todo-card:hover{background:#1c1c24!important;transform:translateX(3px)}}.f-btn{transition:all .12s ease;cursor:pointer}.add-btn{transition:all .2s ease;cursor:pointer}.cat-pill,.chk{transition:all .15s ease;cursor:pointer}.del-btn{transition:all .12s ease;cursor:pointer}@media (hover:hover){.add-btn:hover,.f-btn:not(.f-sel):hover{color:#e8a87c!important}.add-btn:hover{border-color:#e8a87c!important}.cat-pill:hover{transform:scale(1.03)}.chk:hover{transform:scale(1.15);border-color:#e8a87c!important}.del-btn:hover{background:rgba(232,93,117,.08)!important;color:#e85d75!important}}.fi{transition:border-color .2s ease}.fi:focus{outline:none;border-color:#e8a87c!important;box-shadow:0 0 0 2px hsla(24,70%,70%,.1)}.prog-fill{transition:width .5s cubic-bezier(.23,1,.32,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-enter{animation:slideIn .25s ease both}.cats-enter{animation:fadeUp .2s ease both}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(.7)}.mob-btn{display:none}@media (max-width:700px){.desktop-sb{display:none!important}.mob-btn{display:flex!important}}