.box {
	padding:1em; 
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }


.box, #round-3 b { background-color: #D7E9FD; }

/* уменьшаем отступы по мере роста радиуса закругления */
#round-3 .box { padding: 0.1em;}
#round-5 .box { padding: 0.7em 1em;}
#round-10 .box { padding: 0.4em 1em;}