body{background-color:#f5f5f5}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:10px;font-size:16px}h1{margin:30px 0 10px;font-size:36px;font-weight:600}img{display:block}form{display:flex;flex-direction:column;align-items:flex-start}label{display:flex;align-items:center;margin-bottom:5px}label img{width:32px}button{margin:0;padding:0 10px;line-height:1;font-size:12px;outline:none;appearance:none;background-color:#fff;border:solid 1px black;color:#000;border-radius:3px;height:30px;cursor:pointer}button:hover{color:#00f}button:disabled{color:gray;border:solid 1px gray;pointer-events:none}input{margin:0 5px 0 10px;outline:none;appearance:none;background-color:#fff;border:solid 1px black;color:#000;border-radius:3px;padding:0 10px;height:30px;font-size:12px}ul{display:flex;flex-wrap:wrap;margin-right:-10px}li{display:flex;flex-direction:column;align-items:flex-end;margin:0 10px 10px 0;background-color:#fff;box-shadow:0 5px 10px #d3d3d3,inset 0 0 0 1px #d3d3d3;padding:10px;border-radius:5px}li img{max-width:100%;max-height:192px}li button{height:auto;padding:5px 10px;display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;margin-top:10px}li button span:first-of-type{margin-bottom:5px}li button span:nth-child(n+2){color:gray}strong{font-weight:600}footer{margin-top:30px}