skimmer/style.css

.channel {
	display: flex;
	align-items: center;
}

.new-channel {
	display: flex;
	align-items: center;
	margin: 64px 0;
}

.hidden {
	display: none;
}

input,
label,
button,
.insert {
	font-size: 1.5rem;
	font-family: monospace;
	margin: 0 8px;
}

input[type="range"],
.insert {
	width: 200px;
}

#insert {
	margin: 0;
}

button {
	border: 1px solid currentColor;
}

button#insert {
	margin-right: 140px;
}

#bpm {
	border: none;
	border-bottom: 1px solid currentColor;
	width: 5ch;
}

.notation {
	flex-grow: 1;
	border: none;
	border-bottom: 1px solid currentColor;
	padding: 1ch;
	font-size: 1.5rem;
	width: auto;
}