body{padding:2rem 1rem;margin:0}main{width:100%;max-width:500px;margin:0 auto;font-family:"Roboto",sans-serif}.input{display:flex;align-items:center;font-size:1.5rem}.input__filter{width:40%;font-family:"Roboto Mono",monospace;font-size:1em;flex-grow:0;transition:all 300ms ease-in;margin-left:.5rem;padding:0 .35em;border:1px solid #ccc;border-radius:.35rem}.input__filter:focus{flex-grow:1;border-color:#719ece;outline:none;box-shadow:0 0 5px #719ece}.response{margin-top:1rem}.table{display:grid;grid-template-columns:5rem auto}.table>:nth-child(1){border-top-left-radius:.5rem}.table>:nth-child(2){border-top-right-radius:.5rem}.table>:nth-last-child(1){border-bottom-right-radius:.5rem}.table>:nth-last-child(2){border-bottom-left-radius:.5rem}.table__header{background-color:#999;color:#fff;font-weight:bold;padding:.5rem;text-align:center}.table__cell{padding:.15rem .5rem;border-left:1px solid #000;border-bottom:1px solid #000}.table__cell:nth-child(2n){border-right:1px solid #000}.info{font-weight:bold;text-align:center}.info_warning{color:red}