@font-face{font-family:NanumSquareNeo-Variable;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2)format("woff2");font-weight:400;font-style:normal}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}body{min-height:100vh;color:#333;background-color:#d8d9f8;justify-content:center;align-items:center;font-family:NanumSquareNeo-Variable;display:flex}button,input,textarea{background:0 0;border:none;outline:none;font-family:NanumSquareNeo-Variable}button{cursor:pointer}#wrap{width:550px;height:80vh;max-height:80vh;flex-direction:column;justify-content:space-between;gap:25px;display:flex}#wrap main{border-radius:10px;flex-direction:column;flex-grow:1;justify-content:space-between;display:flex;box-shadow:0 0 4px #00000027}#wrap main header{height:80px;background-color:#575be0;border-radius:10px 10px 0 0}#wrap main header .date{text-align:center;color:#fff;cursor:default;font-size:16px;line-height:80px}#wrap main>section{max-height:calc(80vh - 150px);background-color:#fff;border-radius:0 0 10px 10px;flex-direction:column;flex-grow:1;padding:20px 5px;display:flex;position:relative}#wrap main>section>ul{width:100%;flex-grow:1;padding:0 10px;overflow-y:auto}#wrap main>section>ul::-webkit-scrollbar{width:4px}#wrap main>section>ul::-webkit-scrollbar-thumb{background:#575be0;border-radius:20px}#wrap main>section>ul::-webkit-scrollbar-track{background:#eee;border-radius:20px}#wrap main>section>ul li{border-bottom:1px solid #d6d6e3;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:8px 13px;display:flex}#wrap main>section>ul li.checked p{color:#a0a0b3;text-decoration:line-through}#wrap main>section>ul li:hover{background-color:#f2f2fd}#wrap main>section>ul li p{cursor:default;flex-grow:1;line-height:1.2}#wrap main>section>ul li>div span{width:max-content;white-space:nowrap;color:#a0a0b3;cursor:default;font-size:10px;line-height:1.3;display:block}#wrap main>section>ul li button{min-width:42px;border-radius:3px;padding:5px 8px}#wrap main>section>ul li button.edit{background-color:#d6d6e3}#wrap main>section>ul li button.edit:hover{background-color:#c7c7d9}#wrap main>section>ul li button.del{color:#fff;background-color:#f67273}#wrap main>section>ul li button.del:hover{background-color:#f45a5b}#wrap main>section .options{justify-content:space-between;align-items:center;padding:20px 15px 0;display:flex}#wrap main>section .options button{color:#fff;background-color:#f67273;border-radius:3px;padding:8px 10px;display:none}#wrap main>section .options button:hover{background-color:#f45a5b}#wrap main>section .no-todo{width:210px;height:18px;color:#a0a0b3;text-align:center;cursor:pointer;margin:auto;line-height:1.3;transition:color .1s;display:none;position:absolute;inset:0}#wrap main>section .no-todo:hover{color:#9292a8}#wrap main>section .loading{width:48px;height:48px;background-image:url(icons8-dots-loading.34622715.gif);margin:auto;display:block;position:absolute;bottom:10px;left:0;right:0}#wrap>form{width:100%;height:45px;display:flex;box-shadow:0 0 4px #00000027}#wrap>form>input{background-color:#fff;border:1px solid #575be0;border-radius:5px 0 0 5px;flex:1;padding:0 10px}#wrap>form>button{color:#fff;background-color:#575be0;border-radius:0 5px 5px 0}#wrap>form>button:hover{background-color:#4146dc}@keyframes rise-up{0%{transform:translateY(50vh)}to{transform:translateY(0)}}.bg--blur{width:100vw;height:100vh;-webkit-backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000001a;justify-content:center;align-items:center;display:none;position:fixed}.bg--blur .del--modal{width:340px;background-color:#fff;border-radius:3px;animation:.5s rise-up;overflow:hidden}.bg--blur .del--modal header{background-color:#575be0;justify-content:flex-end;padding:5px;display:flex}.bg--blur .del--modal header button{color:#f67273;font-weight:800;transition:color .2s}.bg--blur .del--modal header button:hover{color:#f45a5b;transform:scale(1.2)}.bg--blur .del--modal .del--check{padding:20px}.bg--blur .del--modal .del--check p{text-align:center;margin-bottom:20px}.bg--blur .del--modal .del--check .confirm{justify-content:center;gap:20px;display:flex}.bg--blur .del--modal .del--check .confirm button{width:55px;border-radius:3px;padding:5px 8px;transition:background-color .2s}.bg--blur .del--modal .del--check .confirm button.yes{background-color:#d6d6e3}.bg--blur .del--modal .del--check .confirm button.yes:hover{background-color:#c7c7d9}.bg--blur .del--modal .del--check .confirm button.no{background-color:#f67273}.bg--blur .del--modal .del--check .confirm button.no:hover{background-color:#f45a5b}
/*# sourceMappingURL=index.6e5c650f.css.map */