html,input{background:#fff;color:#444}*{box-sizing:border-box}html{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;margin:12px 16px}@media screen and (min-width:500px){html{font-size:16px}}button,input{font-size:1rem;line-height:1.25;padding:.5rem 1rem}input{-webkit-appearance:none;border:1px solid #ddd;display:block;margin:.5rem 0 0;width:5rem}label{color:#999;margin-right:.5rem}.flex{display:flex;align-items:center;margin-bottom:.5rem}.flex__block{flex:1}button{align-self:flex-end;border:1px solid #16d;background:#16d;color:#fff;cursor:pointer;display:block}button:hover{background:#17e}button:active{background:#15c}button:focus{outline:0}