Size

:where(html) {
	--size-1: clamp(7rem, 6.7391rem + 1.3043vw, 7.75rem);         /* 112px ~ 124px */
	--size-2: clamp(9.6875rem, 9.3179rem + 1.8478vw, 10.75rem);   /* 155px ~ 172px */
	--size-3: clamp(15.0625rem, 14.4755rem + 2.9348vw, 16.75rem); /* 241px ~ 268px */
	--size-4: clamp(18.6875rem, 17.9701rem + 3.587vw, 20.75rem);  /* 299px ~ 332px */
	--size-5: clamp(22.25rem, 21.3804rem + 4.3478vw, 24.75rem);   /* 356px ~ 396px */
	--size-6: clamp(25.875rem, 24.875rem + 5vw, 28.75rem);        /* 414px ~ 460px */
	--size-7: clamp(29.5rem, 28.3696rem + 5.6522vw, 32.75rem);    /* 472px ~ 524px */
	--size-8: clamp(36.6875rem, 35.2745rem + 7.0652vw, 40.75rem); /* 587px ~ 652px */
	--size-9: clamp(43.875rem, 42.1793rem + 8.4783vw, 48.75rem);  /* 702px ~ 780px */
	--size-10: clamp(54rem, 51.913rem + 10.4348vw, 60rem);        /* 864px ~ 960px */
}