body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;align-items:center;margin:0}.app{border-radius:2px;font-size:1.125rem;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}h1{font-size:1.5rem}.info.row{display:flex;position:fixed;top:0;left:0;width:100%;background:#d3d3d3}.input-interval{width:2em}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{height:32px;padding:0 10px;background:#3182ce;color:#fff;border:none;transition:all .3s}button:hover{background:#2a4365;transition:all .3s}select{flex-grow:1;padding:4px 15px;font-size:16px;background-color:#f9f9f9;color:#333;cursor:pointer}.settings{margin-bottom:16px}.settings>*{display:flex;margin-top:8px;gap:8px}.settings>* input{flex:1;padding:.4rem .4rem .4rem .5rem;min-width:0}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;padding:.5rem;border-radius:2px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.row:not(.header):hover{cursor:pointer;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.row.header{background-color:#dcdcdc}.row.active:not(.activated){animation:pulse-color 1s infinite}.row.activated{background-color:#add8e6}.row>*:first-child{word-break:break-all}.button-group{margin-top:16px}@keyframes pulse-color{0%{background-color:#add8e6}50%{background-color:#d5dee0}to{background-color:#add8e6}}