[data-role="thumbList"] {
	
	--thm-w: 1rem; /* { min: 1, max: 5, step: 0.1, friendly: 'Thumb Width' } */
	--thm-h: 1rem; /* { min: 0.1, max: 5, step: 0.1, friendly: 'Thumb Height' } */
	--thm-rds: 50%; /* { min: 1, max: 4, step: 1, friendly: 'Thumb Radius' } */
	--thm-gp: 1.111rem; /* { min: 0, max: 3, step: 0.001, friendly: 'Thumb Gap' } */
	
	gap: var(--thm-gp);
	
	button {
		transition: background-color var(--g-trn-sp) var(--g-trn-tf) 0s, color var(--g-trn-sp) var(--g-trn-tf) 0s;
		display: block;
		width: var(--thm-w);
		height: var(--thm-h);
		border-radius: var(--thm-rds);
	}
}