:root{--no-note-denominators: 6;--duration-selector-no-columns: calc(var(--no-note-denominators) + 1)}label:has(input[type="range"]){display:flex;gap:4px;align-items:center}.rhythm-player{display:grid;place-content:center;place-items:center;gap:12px}.instruments-container{display:flex;gap:8px}.duration-selector{display:grid;grid-template-columns:repeat(var(--duration-selector-no-columns),max-content);place-content:stretch;place-items:stretch;gap:8px}.backspace-button{grid-row:span 2;width:2.5em;align-self:stretch}.button-selected{outline:2px solid blue;outline-offset:2px}nav{display:flex;gap:12px;place-content:center;padding:16px;border-bottom:1px solid gray}main{display:grid;place-content:center;place-items:center;margin:16px}