table{width:100%;border-collapse:collapse}thead{text-align:left;color:#939393;background:#2f2f2f}tr:hover{background:#2f2f2f}th,td{padding:4px 6px;border:1px solid #505050}th:first-child,td:first-child{border-left:0}th:last-child{border-right:0}.controls{display:flex}input,select{flex:1;padding:5px 10px;border:0}button{background:#2f2f2f;color:#fff;border:0;cursor:pointer;padding:5px 10px}h1{text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424}body{margin:0}