body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#1c1e20;color:#e3e3efeb;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:15px;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Courier New,monospace}.app{margin:10px;padding:10px;width:100%;display:grid;grid-template-columns:calc(50% - 30px) calc(50% - 30px);grid-row:auto auto;grid-column-gap:20px;grid-row-gap:20px}.example{padding:65px 20px 20px;background-color:#262628;border-radius:10px;min-height:calc(50vh - 115px);background-image:url("data:image/svg+xml,%3csvg%20width='192'%20height='192'%20viewBox='0%200%20192%20192'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M106.992%2016.1244C107.711%2015.4029%20108.683%2015%20109.692%2015H170L84.0082%20101.089C83.2888%20101.811%2082.3171%20102.213%2081.3081%20102.213H21L106.992%2016.1244Z'%20fill='rgb(208,%20188,%20255)'/%3e%3cpath%20d='M96.4157%20104.125C96.4157%20103.066%2097.2752%20102.204%2098.331%20102.204H170L96.4157%20176V104.125Z'%20fill='rgb(208,%20188,%20255)'/%3e%3c/svg%3e");background-position:17px 23px;background-repeat:no-repeat;background-size:34px}.example h3{margin:5px 0 10px}.example ul{list-style:none;margin:0;padding:20px 0 10px;border-top:1px solid #404049;border-bottom:1px solid #404049}.example ul li{width:100%;margin-bottom:10px}.example label{display:inline-flex;cursor:pointer}.example label input[type=checkbox]{margin-right:7px;accent-color:rgb(208,188,255)}.example label .title.completed{text-decoration:line-through}.example a.close{float:right;margin-right:5px;text-decoration:none;color:inherit;font-size:13px;margin-top:1px}.example form{margin-top:18px}.example form input[type=text]{padding:9px;margin-bottom:12px;background:#363638;border:.2px solid #404049;border-radius:3px;color:#e3e3efeb;outline:none;font-size:14px;display:block;width:calc(100% - 20px)}.example form button[type=submit]{background:#404049;border:none;padding:6px 9px;border-radius:7px;color:#e3e3efeb;font-size:14.5px;cursor:pointer}span.title{display:inline}span.pending{display:inline;opacity:1;width:50px;height:50px;position:absolute;margin:-14px 0 0 -7px;background-image:url(/assets/spinner-ClFbBPBg.gif);background-repeat:no-repeat;background-size:50px 50px;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}span.pending.hidden{opacity:0}