*{font-family:Spoqa Han Sans}.App{display:flex;flex-direction:column;align-items:center}input,button{background-color:transparent}li,ul{margin:0;text-decoration:none;list-style:none;padding:0}button{width:100px}.wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.card-wrapper{display:flex;flex-direction:column;font-size:12px;width:120px;height:200px;background-color:#6176ff46;padding:10px;border-radius:5px;margin:10px;animation:fadeIn 1s forwards;position:relative;transition:all .2s ease-in}.card-wrapper:hover{filter:none;-webkit-filter:grayscale(0)}.header{width:500px;border-radius:5px;padding:12px;box-shadow:#00000029 0 1px 4px;margin:10px}@keyframes fadeIn{0%{opacity:.1}to{opacity:1}}span{padding:2px 0}.btn-active{width:30px;height:30px;border-radius:50%;font-size:10px;position:absolute;right:5px;top:5px}.btn-delete{width:30px;height:20px;font-size:10px;position:absolute;right:5px;bottom:5px;background-color:#ff6262f3;padding:0 0 0 1px}.btn-modify{width:30px;height:20px;font-size:10px;position:absolute;right:35px;bottom:5px;background-color:#d0ff62f3;padding:0 0 0 1px}.card-title{font-size:16px;font-weight:600}.input-mod{height:14px;width:60px;position:absolute;left:5px;bottom:5px}.row{display:flex;justify-content:space-between}.form{display:flex;padding:20px 120px;margin:5px;box-shadow:#0000003d 0 3px 8px}.listview{display:block;position:relative;min-height:120px;margin-bottom:8px;background-color:#fff;padding:16px;border-radius:16px;border:.5px solid black}.listview ol{margin:0;padding-left:2em}.listview ol li{clear:both;margin-bottom:8px}.listview ol li span{float:left;font-size:16px;position:relative}.listview ol li.completed span:after{width:100%}.listview ol li button{float:right;margin-left:4px;cursor:pointer;border:none;color:#fff;background-color:#06f;padding:4px 8px}.listview ol li button.remove{background-color:#fa466a}.listview ol li span:after{content:"";position:absolute;left:0;top:50%;transition:width .2s ease-in-out;width:0%;height:3px;background-color:#06f}:root{--loading-grey: #ededed}.image{display:block;width:500px;height:500px}.skeleton{background-color:var(--loading-grey);background:linear-gradient(100deg,#fff0 40%,#ffffff80,#fff0 60%) var(--loading-grey);background-size:200% 100%;background-position-x:180%;animation:1s loading ease-in-out infinite}@keyframes loading{to{background-position-x:-20%}}.button-17{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;fill:currentcolor;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0}.button-17:hover{background:#f6f9fe;color:#174ea6}.button-17:active{box-shadow:0 4px 4px #3c40434d,0 8px 12px 6px #3c404326;outline:none}.button-17:focus{outline:none;border:2px solid #4285f4}.button-17:not(:disabled){box-shadow:#3c40434d 0 1px 3px,#3c404326 0 4px 8px 3px}.button-17:not(:disabled):hover{box-shadow:#3c40434d 0 2px 3px,#3c404326 0 6px 10px 4px}.button-17:not(:disabled):focus{box-shadow:#3c40434d 0 1px 3px,#3c404326 0 4px 8px 3px}.button-17:not(:disabled):active{box-shadow:#3c40434d 0 4px 4px,#3c404326 0 8px 12px 6px}.button-17:disabled{box-shadow:#3c40434d 0 1px 3px,#3c404326 0 4px 8px 3px}