body{margin:0;padding:0;font-family:Segoe UI,serif;background-color:#f5f5f5}main{display:flex;align-items:center;justify-content:center}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#ffffffeb;z-index:1}.overlay.active{display:block;animation:fade 1s}.overlay.hidden{display:none}.market-list{margin:2rem;width:100%;max-width:620px;min-height:200px;text-align:center}.market-list .title{font-size:2.3rem;font-weight:500;margin:1.6rem 0;-webkit-user-select:none;user-select:none}.market-list .number-items{font-size:1.4rem;font-weight:500;margin-bottom:1.5rem;-webkit-user-select:none;user-select:none}.market-list .main-add-btn{margin:1rem 0;border:none;width:100%;height:46px;font-size:1.2rem;color:#fff;background-color:#01a8ff;border-radius:.2rem;transition:all .3s;-webkit-user-select:none;user-select:none}.market-list .main-add-btn:hover{opacity:.8;cursor:pointer}.market-list .main-add-btn:active{opacity:1}form{box-sizing:border-box;z-index:1;position:fixed;padding:1rem 2rem;width:100%;min-height:200px;max-width:420px;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background-color:#fff;border-radius:.3rem;box-shadow:0 2px 6px 2px #0000001a}form h2{font-size:2rem;font-weight:500;margin:.3rem 0 1.6rem}form input{box-sizing:border-box;width:100%;height:48px;padding:0 .5rem;font-size:1rem;outline:none;border:2px solid #cecece;border-radius:inherit}form input:focus{border-color:#01a8ff}form input::placeholder{font-size:1rem;letter-spacing:.1rem}form .btn-container{width:100%;display:flex;gap:1rem}form .btn-container button{margin:1.3rem 0 .3rem;border:none;width:100%;height:48px;font-size:1.2rem;color:#fff;background-color:#01a8ff;border-radius:.2rem;-webkit-user-select:none;user-select:none}form .btn-container button:hover{cursor:pointer}form .btn-container button:active{opacity:1}form .btn-container .add-btn:hover{background-color:#01a6ffb9}form .btn-container .close-btn{background-color:#ddd;color:#000}form .btn-container .close-btn:hover{background-color:#ddddddaf}form.active{display:block;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}form.hidden{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8) translateY(800px);opacity:0}to{transform:scale(1) translate(-50%,-50%);opacity:1}}.list-item{box-sizing:border-box;width:100%;min-height:50px;margin:1.2rem 0;padding:.5rem 1.2rem;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:.2rem;box-shadow:0 3px 3px #0000000d}.list-item.completed .item{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff0000a6}.list-item .item{font-size:1.1rem;font-weight:500;-webkit-user-select:none;user-select:none;cursor:pointer}.list-item .delete-btn{border:none;background-color:transparent;width:62px;font-size:1.15rem;font-family:Segoe UI,serif;font-style:italic;border-radius:inherit;transition:all .2s;-webkit-user-select:none;user-select:none}.list-item .delete-btn:hover{cursor:pointer;background-color:#ff000073}.list-item .delete-btn:active{background-color:#ff0000a6}footer{position:fixed;text-align:center;letter-spacing:.05rem;bottom:2%;left:1.5%}footer a:hover svg g{fill:#01a8ff;transition:all ease .4s}@media (max-width: 768px){footer{display:none}}