/* Dimensions */
details:has(input[name="dimensionsInputMinLength"]) > div {
    display: grid;
   	grid-template-columns: 6em 1em 6em 1em;
	align-items: center;
	justify-content: center;
    gap: var(--smallSpacing) var(--largeSpacing);
}

details:has(input[name="dimensionsInputMinLength"]) > div div:has(> input[name="dimensionsInputMinLength"]) {
    grid-area: 1 / 1;
}

details:has(input[name="dimensionsInputMinLength"]) > div div:has(> input[name="dimensionsInputMaxLength"]) {
    grid-area: 2 / 1;
}

details:has(input[name="dimensionsInputMinLength"]) > div span {
	grid-row: 1 / 3; /* Spans rows 1-3 */
}

/* × symbol */
details:has(input[name="dimensionsInputMinLength"]) > div span:first-of-type { 
	grid-column: 2;
	font-size: 2em;
} 

details:has(input[name="dimensionsInputMinLength"]) > div div:has(> input[name="dimensionsInputMinWidth"]) {
    grid-area: 1 / 3;
}

details:has(input[name="dimensionsInputMinLength"]) > div div:has(> input[name="dimensionsInputMaxWidth"]) {
    grid-area: 2 / 3;
}

details:has(input[name="dimensionsInputMinLength"]) > div span:last-of-type {
    grid-column: 4;
}