.centered { 
	bottom:166px; /* compensate for the caption */
}


#fig { 
	filter: url('#cvd'); 
}


#adjusted {
	shape-rendering: crispedges;
}


html, body { background:#808080; }

.controlflex { 
	display:flex; 
	justify-content:space-between; 
}

input[type='range']+span {
	vertical-align:middle;
}
.controlgrid.one :nth-child(n+2) {
	margin-left:4px;
}
.controlgrid.one:nth-of-type(2) {
	padding-left:6px;
}


select { 
	height:26px; 
}
select[name='vision'] { 
	width:108px; 
}
button.btn {
	width:108px; 
}

input[type='range'] {
	width:unset;
}

input[type='range'][name='r'], input[type='range'][name='g'], input[type='range'][name='b'] {
	width:266px; 
	margin-right:4px;
}
input[type='range'][name='hue'] {
	width:190px; 
}



input[type='range'][name='hue'] {
	--thumb:linear-gradient(180deg,#f0f0f0,#ededed);
	--range: linear-gradient(to right,#f00,#f00 2%,#ff0 18%,#0f0 34%,#0ff 50%,#00f 66%,#f0f 82%,#f00 98%,#f00 100%);
}
input[type='range'][name='r'] {
	--range:linear-gradient(180deg,#f00,#daa);
	--thumb:linear-gradient(180deg,#faa,#f88);
	--range:linear-gradient(to right,#777,#f00);
}
input[type='range'][name='g'] {
	--range:linear-gradient(180deg,#0f0,#ada);
	--thumb:linear-gradient(180deg,#afa,#8f8);
	--range:linear-gradient(to right,#777,#0f0);
}
input[type='range'][name='b'] {
	--range:linear-gradient(180deg,#00f,#aad);
	--thumb:linear-gradient(180deg,#aaf,#88f);
	--range:linear-gradient(to right,#777,#00f);
}


.v1 input[type='range'][name='r'], .v1 input[type='range'][name='g'],
.v2 input[type='range'][name='r'], .v2 input[type='range'][name='g'] {
	--range:linear-gradient(to right,#777,#ff0);
}


input[type='range']::-webkit-slider-runnable-track {
	background:linear-gradient(180deg,#a8a8a8,#d0d0d0);
	XXbackground:linear-gradient(180deg,var(--c1),var(--c2));
	background:var(--range);
}
input[type='range']::-moz-range-track {
	background:var(--range);
}
input[type='range']::-ms-fill-lower,
input[type='range']::-ms-fill-upper {
	background:var(--range);
}




input[type='range']::-webkit-slider-thumb {
	background:linear-gradient(180deg,#f0f0f0,#ededed);
	XXbackground:var(--thumb);

}