.notification{transition-property:opacity,min-height;transition-duration:1s;min-height:36px}.notification.hidden{min-height:0;opacity:0;pointer-events:none}.message-body{white-space:pre-line}.Sidebar{overflow:hidden;opacity:0;transition-property:max-width,opacity;transition-duration:.5s;transition-timing-function:ease-out}@media(min-width:769px){.Sidebar{max-width:0}}.Sidebar--open{opacity:1}@media(min-width:769px){.Sidebar--open{max-width:100%}}.taskapp{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;font-weight:300;color:#4d4d4d}.taskapp__content{margin-bottom:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1)}.taskapp__title{font-size:100px;font-weight:100;text-align:center;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility}.taskapp__header{position:relative}.taskapp__toggle-all{position:absolute;height:100%;width:45px;display:flex;justify-content:center;align-items:center;font-size:24px;color:#e6e6e6;border:0;background-color:transparent;cursor:pointer}.taskapp__toggle-all.active{color:#737373}.taskapp__toggle-all:before{content:"❯";transform:translateY(2px) rotate(90deg);line-height:0}.taskapp__new-task{width:100%;padding:16px 16px 16px 60px;font-size:24px;line-height:1.4em;font-family:inherit;font-weight:inherit;color:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;background:rgba(0,0,0,.01);box-shadow:inset 0 -2px 1px rgba(0,0,0,.03)}.taskapp__new-task::-moz-placeholder{font-style:italic;font-weight:300;color:#e6e6e6}.taskapp__new-task::placeholder{font-style:italic;font-weight:300;color:#e6e6e6}.taskapp__footer,.taskapp__main{border-top:1px solid #e6e6e6}.taskapp__footer{display:flex;justify-content:space-between;align-items:center;box-sizing:content-box;height:20px;padding:10px 15px;font-size:14px;color:#777;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.2),0 8px 0 -3px #f6f6f6,0 9px 1px -3px rgba(0,0,0,.2),0 16px 0 -6px #f6f6f6,0 17px 2px -6px rgba(0,0,0,.2)}.taskapp__clear-completed{margin:0;padding:0;border:0;font-family:inherit;font-weight:inherit;color:inherit;text-decoration:none;cursor:pointer;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .3s}.taskapp__clear-completed:hover{text-decoration:underline}.taskapp__clear-completed:active{text-decoration:none}.taskapp__clear-completed:disabled{visibility:hidden}.task{position:relative;display:grid;grid-template-columns:45px 1fr;justify-items:stretch;font-size:24px;line-height:1.4em;border-bottom:1px solid #ededed}.task:last-child{border-bottom:0}.task__status-label{cursor:pointer;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");background-repeat:no-repeat;background-position:0}.task.completed .task__status-label{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")}.task__status{opacity:0}.task__title{padding:12px 15px;word-break:break-all;transition:color .4s}.task.completed .task__title{color:#d9d9d9;text-decoration:line-through}.task__remove{position:absolute;right:12px;top:0;bottom:0;font-size:120%;line-height:1;font-family:inherit;font-weight:inherit;color:#cc9a9a;float:right;border:0;background:none;cursor:pointer;transform:translateY(-2px);opacity:0;transition:color .2s ease-out}.task__remove:hover{color:#af5b5e}.task:hover .task__remove{opacity:1}.task__title-field{width:100%;padding:11px 14px;font-size:inherit;line-height:inherit;font-family:inherit;font-weight:inherit;color:inherit;border:1px solid #999;box-shadow:inset 0 -1px 5px 0 rgba(0,0,0,.2)}.task__title-field::-moz-placeholder{font-style:italic;font-weight:300;color:#e6e6e6}.task__title-field::placeholder{font-style:italic;font-weight:300;color:#e6e6e6}.task .overlay{position:absolute;top:0;left:0;right:0;height:58px;opacity:.5}.item-enter{max-height:0}.item-enter-active{overflow:hidden;max-height:58px;transition:max-height .3s ease-in-out}.item-exit{max-height:58px}.item-exit-active{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out}.temp-item-enter{max-height:0}.temp-item-enter-active{overflow:hidden;max-height:58px;transition:max-height .3s ease-in-out}.temp-item-exit{max-height:58px}.temp-item-exit-active{transform:translateY(-58px);max-height:0;opacity:0;transition:.3s ease-in-out .2s;transition-property:opacity,max-height,transform}.has-error .temp-item-exit-active{transform:translateY(0);overflow:hidden}.filter{display:flex}.filter__link{margin:3px;padding:3px 7px;color:inherit;text-decoration:none;border:1px solid transparent;border-radius:3px}.filter__link:hover{border-color:rgba(175,47,47,.1)}.filter__link.selected{border-color:rgba(175,47,47,.2)}