{"version":3,"sources":["webpack:///./src/components/todo.css"],"names":[],"mappings":"AAMA,iBAHI,SACA,SAAW,CAgBd,OAXG,SACA,gBACA,eACA,wBACA,oBACA,oBACA,cACA,wBACA,gBACA,kCAAoC,CAGxC,YAFI,iCAAmC,CAatC,KAVG,oDACA,kBACA,mBACA,cACA,gBACA,gBACA,cACA,mCAEA,eAAiB,CAErB,OACI,SAAW,CAEf,QACI,YAAc,CAElB,SACI,gBACA,oBACA,kBACA,kEAC6C,CAEjD,0CACI,kBACA,gBACA,aAAe,CAEnB,iCACI,kBACA,gBACA,aAAe,CAEnB,kCACI,kBACA,gBACA,aAAe,CAEnB,YACI,kBACA,WACA,WACA,gBACA,gBACA,kBACA,0BACA,0CACA,uCACA,iCAAmC,CAEvC,gBAEI,kBACA,SACA,WACA,eACA,oBACA,oBACA,kBACA,SACA,cACA,YACA,sBACA,6CACA,sBACA,mCACA,iCAAmC,CAEvC,UACI,4BACA,YACA,4BACA,2CAA8C,CAElD,MACI,kBACA,UACA,4BAA8B,CAElC,YACI,kBACA,YACA,UACA,iBAAmB,CAEvB,kBACI,WACA,YACA,YACA,kBACA,UACA,WACA,gCACA,uBAAyB,CAE7B,yBACI,gBACA,eACA,cACA,iBAA6B,CAEjC,iCACI,aAAe,CAEnB,WACI,SACA,UACA,eAAiB,CAErB,cACI,kBACA,eACA,+BAAiC,CAErC,yBACI,kBAAoB,CAExB,sBACI,mBACA,SAAW,CAEf,4BACI,cACA,YACA,kBACA,iBAAmB,CAEvB,4BACI,YAAc,CAElB,sBACI,kBACA,WAEA,YACA,kBACA,MACA,SACA,cACA,YACA,wBACA,gBAGA,SAAW,CAEf,4BAKI,oUACA,4BACA,qBAAiC,CAErC,oCACI,waAA0a,CAE9a,oBACI,qBACA,4BACA,cACA,gBACA,oBAAuB,CAE3B,8BACI,cACA,4BAA8B,CAElC,uBACI,aACA,kBACA,MACA,WACA,SACA,WACA,YACA,cACA,eACA,cACA,mBACA,6BAAgC,CAEpC,6BACI,aAAe,CAEnB,6BACI,aAAa,CAEjB,6BACI,aAAe,CAEnB,oBACI,YAAc,CAElB,iCACI,kBAAoB,CAExB,QACI,WACA,kBACA,YACA,kBACA,4BAA8B,CAElC,eACI,WACA,kBACA,QACA,SACA,OACA,YACA,gBACA,2IAI+C,CAEnD,YACI,WACA,eAAiB,CAErB,mBACI,eAAiB,CAErB,SACI,SACA,UACA,gBACA,kBACA,QACA,MAAQ,CAEZ,YACI,cAAgB,CAEpB,cACI,cACA,WACA,gBACA,qBACA,6BACA,iBAAmB,CAEvB,oBACI,+BAAqC,CAEzC,uBACI,+BAAqC,CAEzC,8CAEI,YACA,kBACA,iBACA,qBACA,cAAgB,CAEpB,uBACI,yBAA2B,CAE/B,MACI,mBACA,cACA,eACA,uCACA,iBAAmB,CAEvB,QACI,aAAe,CAEnB,QACI,cACA,qBACA,eAAiB,CAErB,cACI,yBAA2B,CAO/B,qDACA,kCAEQ,eAAiB,CAEzB,sBACQ,WAAa,CACpB,CAED,yBACA,QACQ,WAAa,CAErB,SACQ,WAAa,CACpB","file":"static/css/app.5b47040a23ec3fcb78037de398c53557.css","sourcesContent":["\nhtml,\nbody {\n    margin: 0;\n    padding: 0;\n}\nbutton {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    background: none;\n    font-size: 100%;\n    vertical-align: baseline;\n    font-family: inherit;\n    font-weight: inherit;\n    color: inherit;\n    -webkit-appearance: none;\n    appearance: none;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\nbody {\n    font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    line-height: 1.4em;\n    background: #f5f5f5;\n    color: #4d4d4d;\n    min-width: 230px;\n    max-width: 550px;\n    margin: 0 auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    font-weight: 300;\n}\n:focus {\n    outline: 0;\n}\n.hidden {\n    display: none;\n}\n.todoapp {\n    background: #fff;\n    margin: 130px 0 40px 0;\n    position: relative;\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),\n                0 25px 50px 0 rgba(0, 0, 0, 0.1);\n}\n.todoapp input::-webkit-input-placeholder {\n    font-style: italic;\n    font-weight: 300;\n    color: #e6e6e6;\n}\n.todoapp input::-moz-placeholder {\n    font-style: italic;\n    font-weight: 300;\n    color: #e6e6e6;\n}\n.todoapp input::input-placeholder {\n    font-style: italic;\n    font-weight: 300;\n    color: #e6e6e6;\n}\n.todoapp h1 {\n    position: absolute;\n    top: -155px;\n    width: 100%;\n    font-size: 100px;\n    font-weight: 100;\n    text-align: center;\n    color: rgba(175, 47, 47, 0.15);\n    -webkit-text-rendering: optimizeLegibility;\n    -moz-text-rendering: optimizeLegibility;\n    text-rendering: optimizeLegibility;\n}\n.new-todo,\n.edit {\n    position: relative;\n    margin: 0;\n    width: 100%;\n    font-size: 24px;\n    font-family: inherit;\n    font-weight: inherit;\n    line-height: 1.4em;\n    border: 0;\n    color: inherit;\n    padding: 6px;\n    border: 1px solid #999;\n    box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);\n    box-sizing: border-box;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.new-todo {\n    padding: 16px 16px 16px 60px;\n    border: none;\n    background: rgba(0, 0, 0, 0.003);\n    box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);\n}\n.main {\n    position: relative;\n    z-index: 2;\n    border-top: 1px solid #e6e6e6;\n}\n.toggle-all {\n    text-align: center;\n    border: none; /* Mobile Safari */\n    opacity: 0;\n    position: absolute;\n}\n.toggle-all + label {\n    width: 60px;\n    height: 34px;\n    font-size: 0;\n    position: absolute;\n    top: -52px;\n    left: -13px;\n    -webkit-transform: rotate(90deg);\n    transform: rotate(90deg);\n}\n.toggle-all + label:before {\n    content: '❯';\n    font-size: 22px;\n    color: #e6e6e6;\n    padding: 10px 27px 10px 27px;\n}\n.toggle-all:checked + label:before {\n    color: #737373;\n}\n.todo-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.todo-list li {\n    position: relative;\n    font-size: 24px;\n    border-bottom: 1px solid #ededed;\n}\n.todo-list li:last-child {\n    border-bottom: none;\n}\n.todo-list li.editing {\n    border-bottom: none;\n    padding: 0;\n}\n.todo-list li.editing .edit {\n    display: block;\n    width: 506px;\n    padding: 12px 16px;\n    margin: 0 0 0 43px;\n}\n.todo-list li.editing .view {\n    display: none;\n}\n.todo-list li .toggle {\n    text-align: center;\n    width: 40px;\n    /* auto, since non-WebKit browsers doesn't support input styling */\n    height: auto;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    margin: auto 0;\n    border: none; /* Mobile Safari */\n    -webkit-appearance: none;\n    appearance: none;\n}\n.todo-list li .toggle {\n    opacity: 0;\n}\n.todo-list li .toggle + label {\n    /*\n        Firefox requires `#` to be escaped - https://bugzilla.mozilla.org/show_bug.cgi?id=922433\n        IE and Edge requires *everything* to be escaped to render, so we do that instead of just the `#` - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7157459/\n    */\n    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%223%22/%3E%3C/svg%3E');\n    background-repeat: no-repeat;\n    background-position: center left;\n}\n.todo-list li .toggle:checked + label {\n    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E');\n}\n.todo-list li label {\n    word-break: break-all;\n    padding: 15px 15px 15px 60px;\n    display: block;\n    line-height: 1.2;\n    transition: color 0.4s;\n}\n.todo-list li.completed label {\n    color: #d9d9d9;\n    text-decoration: line-through;\n}\n.todo-list li .destroy {\n    display: none;\n    position: absolute;\n    top: 0;\n    right: 10px;\n    bottom: 0;\n    width: 40px;\n    height: 40px;\n    margin: auto 0;\n    font-size: 30px;\n    color: #cc9a9a;\n    margin-bottom: 11px;\n    transition: color 0.2s ease-out;\n}\n.todo-list li .destroy:hover {\n    color: #af5b5e;\n}\n.todo-list li .destroy:after {\n    content: '×';\n}\n.todo-list li:hover .destroy {\n    display: block;\n}\n.todo-list li .edit {\n    display: none;\n}\n.todo-list li.editing:last-child {\n    margin-bottom: -1px;\n}\n.footer {\n    color: #777;\n    padding: 10px 15px;\n    height: 20px;\n    text-align: center;\n    border-top: 1px solid #e6e6e6;\n}\n.footer:before {\n    content: '';\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 50px;\n    overflow: hidden;\n    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),\n                0 8px 0 -3px #f6f6f6,\n                0 9px 1px -3px rgba(0, 0, 0, 0.2),\n                0 16px 0 -6px #f6f6f6,\n                0 17px 2px -6px rgba(0, 0, 0, 0.2);\n}\n.todo-count {\n    float: left;\n    text-align: left;\n}\n.todo-count strong {\n    font-weight: 300;\n}\n.filters {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    position: absolute;\n    right: 0;\n    left: 0;\n}\n.filters li {\n    display: inline;\n}\n.filters li a {\n    color: inherit;\n    margin: 3px;\n    padding: 3px 7px;\n    text-decoration: none;\n    border: 1px solid transparent;\n    border-radius: 3px;\n}\n.filters li a:hover {\n    border-color: rgba(175, 47, 47, 0.1);\n}\n.filters li a.selected {\n    border-color: rgba(175, 47, 47, 0.2);\n}\n.clear-completed,\nhtml .clear-completed:active {\n    float: right;\n    position: relative;\n    line-height: 20px;\n    text-decoration: none;\n    cursor: pointer;\n}\n.clear-completed:hover {\n    text-decoration: underline;\n}\n.info {\n    margin: 65px auto 0;\n    color: #bfbfbf;\n    font-size: 10px;\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\n    text-align: center;\n}\n.info p {\n    line-height: 1;\n}\n.info a {\n    color: inherit;\n    text-decoration: none;\n    font-weight: 400;\n}\n.info a:hover {\n    text-decoration: underline;\n}\n\n/*\n    Hack to remove background from Mobile Safari.\n    Can't use it globally since it destroys checkboxes in Firefox\n*/\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n.toggle-all,\n    .todo-list li .toggle {\n        background: none;\n}\n.todo-list li .toggle {\n        height: 40px;\n}\n}\n@media (max-width: 430px) {\n.footer {\n        height: 50px;\n}\n.filters {\n        bottom: 10px;\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/todo.css"],"sourceRoot":""}