html.round-rect-test {
	--r: 14vmin;
	--w: 75vmin;
	--h: 50vmin;
	--x: calc(50vw - (var(--w) * 0.5));
	--y: calc(50vh - (var(--h) * 0.5));
	background:
		radial-gradient(
				circle at center,
				#e76f51 calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 2px),
				transparent calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 1px)
			)
			scroll no-repeat calc(var(--x) - 1px) calc(var(--y) - 1px) /
			calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2)
			calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2),
		radial-gradient(
				circle at center,
				#e76f51 calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 2px),
				transparent calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 1px)
			)
			scroll no-repeat
			calc(var(--w) + (var(--x) + 1px) - min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2)
			calc(var(--y) - 1px) / calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2)
			calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2),
		radial-gradient(
				circle at center,
				#e76f51 calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 2px),
				transparent calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 1px)
			)
			scroll no-repeat calc(var(--x) - 1px)
			calc(var(--h) + (var(--y) + 1px) - min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2) /
			calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2)
			calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2),
		radial-gradient(
				circle at center,
				#e76f51 calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 2px),
				transparent calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) - 1px)
			)
			scroll no-repeat
			calc(var(--w) + (var(--x) + 1px) - min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2)
			calc(var(--h) + (var(--y) + 1px) - min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2) /
			calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2)
			calc(min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2),
		linear-gradient(#e76f51 0 0) scroll no-repeat
			calc(var(--x) + min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px)) var(--y) /
			calc(var(--w) - min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2) var(--h),
		linear-gradient(#e76f51 0 0) scroll no-repeat var(--x)
			calc(var(--y) + min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px)) / var(--w)
			calc(var(--h) - min((var(--w) * 0.5) + 1px, var(--r), (var(--h) * 0.5) + 1px) * 2),
		radial-gradient(
				circle at center,
				#264653 calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 2px),
				transparent calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 1px)
			)
			scroll no-repeat calc(calc(50vw - 10em) - 1px) calc(0px - 1px) /
			calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2)
			calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2),
		radial-gradient(
				circle at center,
				#264653 calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 2px),
				transparent calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 1px)
			)
			scroll no-repeat
			calc(20em + (calc(50vw - 10em) + 1px) - min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2)
			calc(0px - 1px) / calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2)
			calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2),
		radial-gradient(
				circle at center,
				#264653 calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 2px),
				transparent calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 1px)
			)
			scroll no-repeat calc(calc(50vw - 10em) - 1px)
			calc(4em + (0px + 1px) - min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2) /
			calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2)
			calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2),
		radial-gradient(
				circle at center,
				#264653 calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 2px),
				transparent calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) - 1px)
			)
			scroll no-repeat
			calc(20em + (calc(50vw - 10em) + 1px) - min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2)
			calc(4em + (0px + 1px) - min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2) /
			calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2)
			calc(min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2),
		linear-gradient(#264653 0 0) scroll no-repeat
			calc(calc(50vw - 10em) + min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px)) 0px /
			calc(20em - min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2) 4em,
		linear-gradient(#264653 0 0) scroll no-repeat calc(50vw - 10em)
			calc(0px + min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px)) / 20em
			calc(4em - min((20em * 0.5) + 1px, 500px, (4em * 0.5) + 1px) * 2);
	background-color: #e9c46a;
	height: 100%;
}