#container {
	width: 100%;
	background: var(--card-background);
	box-shadow: var(--shadow);
	border-radius: var(--border-radius);
	display: grid;
	grid-template-columns: min-content auto min-content;
}

#container label {
	user-select: none;
	font-weight: bold;
	background: var(--primary);
	color: var(--fg-primary);
	align-content: center;
	padding: 10px;
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

#container input {
	background: var(--card-background);
	user-select: none;
	font-size: 1em;
}

#container input:read-only {
	caret-color: transparent;
}

#edit {
	width: 35px;
	padding: 10px;
	cursor: pointer;
}