[data-elm-hot=true]{height:inherit}:root{--default-padding:10px;--color-primary:#1b1466}body{font-family:Source Sans Pro,Trebuchet MS,Lucida Grande,Bitstream Vera Sans,Helvetica Neue,sans-serif;margin:0;color:#2a3d4c}.header{display:flex;justify-content:space-between;background-color:var(--color-primary);padding:var(--default-padding)}#item-input{--color:hsla(0,0%,100%,0.8);flex:1 1 auto;border:0;border-bottom:.1em solid var(--color);background:transparent;color:var(--color);padding:0}#item-input:focus{--color:#fff;outline:solid hsla(0,0%,100%,.6);outline:none}input[type=text]{line-height:2em}.header button{background:transparent;border:.1em solid transparent;cursor:pointer;margin:0;margin-left:var(--default-padding)}.header button:first-child{margin-left:0}.header button svg{fill:#fff}.header button svg.feather{fill:transparent;color:#fff}.header button:hover{border-color:#fff;border-radius:5px}ul{list-style-type:none;padding-left:0;margin:0}ul.list{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item{padding:0 var(--default-padding) 0 0;line-height:2.4em;display:flex;align-items:center}.item>span{padding-left:var(--default-padding)}.item>*{flex:1 1 auto}.item>button{flex:0 0 2em;height:2em;background:transparent;border:.1em solid #fff;border-radius:5px;cursor:pointer}li:nth-child(2n){background-color:#f2f1f3}.item.checked span{text-decoration:line-through}.checked,.item.checked>button{color:#7b9db7}.item:hover{background-color:#ebeafb}.overlay{position:fixed;top:0;left:0;background:rgba(0,0,0,.6);display:flex;width:100%;height:100%;align-items:center;justify-content:center}.overlay .container>:not(h2),.overlay form>:not(h2){margin-top:1.5em;margin-bottom:0}.overlay .container>h2,.overlay form>h2{margin:0}.overlay .container,.overlay form{background:#fff;padding:15px;border-radius:10px;display:flex;flex-direction:column}.overlay button{line-height:2.5em;background:var(--color-primary);color:#fff;border:0;border-radius:.5em}button{cursor:pointer}