.container:has(.checklist){background-image:linear-gradient(#e5e5e5 1px,#0000 1px),linear-gradient(90deg,#e5e5e5 1px,#0000 1px);background-size:20px 20px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-overlay .modal-content{text-align:center;background:#fff;border-radius:12px;min-width:300px;padding:2rem;box-shadow:0 4px 20px #0003}.modal-overlay .modal-content .modal-content p{color:#000;font-size:1rem}.checklist .title{justify-content:space-between;align-items:center;display:flex}.checklist .title .title2{align-items:center;gap:10px;display:flex}.checklist .title .title2 span{font-size:2em}.checklist .title h3{font-family:GangwonEduHyeonokT;font-size:2.5rem}.checklist .title h3 span{vertical-align:middle;font-size:1.5rem}.checklist .list{width:100%;min-height:60vh;position:relative}.checklist .list.active{flex-wrap:wrap;align-content:start;align-items:start;display:flex}.checklist .list.active .bundle{position:static}.checklist .list .bundle{cursor:grab;position:absolute;top:0;left:0}.checklist .list .bundle:active{cursor:grabbing!important}.checklist .list .bundle.editing{border:1px solid #58d3ff}.checklist .list .bundle.editing .del-btn,.checklist .list .bundle.editing .add-btn,.checklist .list .bundle.editing .del-sub-btn{display:block}.checklist .list .bundle .del-btn,.checklist .list .bundle .add-btn,.checklist .list .bundle .del-sub-btn{display:none}.checklist .list .bundle{text-align:left;border:1px solid #0000;flex-direction:column;width:220px;margin-bottom:10px;padding:10px 10px 5px;display:flex;overflow:hidden}.checklist .list .bundle .edit-btn{color:gray;cursor:pointer;font-size:1.2rem;position:absolute;top:10px;right:10px}.checklist .list .bundle input{color:#000;background:0 0;border:none;outline:none;font-family:GangwonEduHyeonokT}.checklist .list .bundle input::placeholder{color:#000}.checklist .list .bundle .border{border-bottom:1px solid #000;height:50px}.checklist .list .bundle .border .category{-webkit-text-stroke:.5px #000;z-index:5;width:fit-content;display:inline-block;position:relative}.checklist .list .bundle .border .category .hidden-text{visibility:hidden;white-space:pre;padding:0 5px;font-family:GangwonEduHyeonokT;font-size:2.5rem;display:inline-block}.checklist .list .bundle .border .category input{-webkit-text-stroke:.5px #000;cursor:grab;width:100%;height:100%;font-size:2.5rem;position:absolute;top:0;left:0}.checklist .list .bundle .border .category input:active{cursor:grabbing!important}.checklist .list .bundle .border .category:after{content:"";z-index:-1;background-color:#ff0;width:100%;height:15px;position:absolute;bottom:35%;left:0}.checklist .list .bundle .item-list{margin:15px 0 5px}.checklist .list .bundle .item-list .item{align-items:center;display:flex}.checklist .list .bundle .item-list .item .check-box{appearance:auto;flex:none;width:15px;height:15px}.checklist .list .bundle .item-list .item .check-text{cursor:grab;flex:1;min-width:0;margin:0 3px;font-size:1.8rem}.checklist .list .bundle .item-list .item .check-text:active{cursor:grabbing!important}.checklist .list .bundle .item-list .item .check-text.done{color:#000;opacity:.5;text-decoration:line-through}.checklist .list .bundle .item-list .item .del-sub-btn{color:gray;font-size:1rem}.checklist .list .bundle .add-btn{cursor:pointer;align-self:center;font-size:1.5rem}@media (max-width:1024px){.checklist .title .title2 span{font-size:1.7em}.checklist .title h3{padding:3px;font-size:2rem}.checklist .title h3 span{font-size:1.3rem}.checklist .list .bundle{width:200px}.checklist .list .bundle .border{height:40px}.checklist .list .bundle .border .category .hidden-text,.checklist .list .bundle .border .category input{font-size:2rem}.checklist .list .bundle .item-list{margin:10px 0 5px}.checklist .list .bundle .item-list .item .check-box{width:13px;height:13px}.checklist .list .bundle .item-list .item .check-text{font-size:1.5rem}}@media (max-width:950px){.checklist .title .title2 span{font-size:1.5em}.checklist .title h3{padding:0;font-size:1.8rem}.checklist .title h3 span{font-size:1rem}.checklist .list .bundle{width:200px}.checklist .list .bundle .border{height:37px}.checklist .list .bundle .border .category .hidden-text,.checklist .list .bundle .border .category input{font-size:1.8rem}.checklist .list .bundle .item-list{margin:8px 0 5px}.checklist .list .bundle .item-list .item .check-box{width:13px;height:13px}.checklist .list .bundle .item-list .item .check-text{font-size:1.5rem}}@media (max-width:480px){.checklist .title .title2 span{font-size:1.3em}.checklist .title h3{padding:0;font-size:1.7rem}.checklist .title h3 span{font-size:1rem}.checklist .list .bundle{width:50%;margin-bottom:5px}.checklist .list .bundle .edit-btn{font-size:1rem;top:13px}.checklist .list .bundle .border{height:30px}.checklist .list .bundle .border .category .hidden-text,.checklist .list .bundle .border .category input{font-size:1.3rem}.checklist .list .bundle .item-list{margin:5px 0 0}.checklist .list .bundle .item-list .item .check-box{width:11px;height:11px}.checklist .list .bundle .item-list .item .check-text,.checklist .list .bundle .add-btn{font-size:1.2rem}}