@dialpad/dialtone 7.25.1 → 7.26.0

package/lib/dist/css/dialtone.css

@@ -357,105 +357,805 @@ body {
   --sun128: -12.8rem;
 }
 body {
-  --space-100: calc(0.8rem / 8);
-  --space-200: calc(0.8rem / 4);
-  --space-300: calc(0.8rem / 2);
-  --space-400: 0.8rem;
+  --space-50: calc(0.8rem * 0.0625);
+  --space-100: calc(0.8rem * 0.125);
+  --space-200: calc(0.8rem * 0.25);
+  --space-300: calc(0.8rem * 0.5);
+  --space-350: calc(0.8rem * 0.75);
+  --space-400: calc(0.8rem * 1);
+  --space-450: calc(0.8rem * 1.5);
   --space-500: calc(0.8rem * 2);
+  --space-550: calc(0.8rem * 3);
   --space-600: calc(0.8rem * 4);
+  --space-625: calc(0.8rem * 5.25);
+  --space-650: calc(0.8rem * 6);
   --space-700: calc(0.8rem * 8);
+  --space-720: calc(0.8rem * 9);
+  --space-730: calc(0.8rem * 10.5);
+  --space-750: calc(0.8rem * 12);
+  --space-760: calc(0.8rem * 12.75);
+  --space-775: calc(0.8rem * 14);
   --space-800: calc(0.8rem * 16);
+  --space-825: calc(0.8rem * 20.5);
+  --space-850: calc(0.8rem * 24);
+  --space-875: calc(0.8rem * 27);
+  --space-900: calc(0.8rem * 32);
+  --space-925: calc(0.8rem * 41.5);
+  --space-950: calc(0.8rem * 48);
+  --space-975: calc(0.8rem * 58);
+  --space-1000: calc(0.8rem * 64);
+  --space-1020: calc(0.8rem * 78.5);
+  --space-1040: calc(0.8rem * 95.5);
+  --space-1050: calc(0.8rem * 96);
+  --space-1060: calc(0.8rem * 103.5);
+  --space-1080: calc(0.8rem * 114);
+  --space-1100: calc(0.8rem * 128);
+  --space-1115: calc(0.8rem * 142.5);
+  --space-1120: calc(0.8rem * 158);
+  --space-1125: calc(0.8rem * 160);
+  --space-1130: calc(0.8rem * 167.5);
+  --space-1150: calc(0.8rem * 192);
+  --space-1200: calc(0.8rem * 256);
+  --space-50-negative: calc((0.8rem * 0.0625) * -1);
+  --space-100-negative: calc((0.8rem * 0.125) * -1);
+  --space-200-negative: calc((0.8rem * 0.25) * -1);
+  --space-300-negative: calc((0.8rem * 0.5) * -1);
+  --space-350-negative: calc((0.8rem * 0.75) * -1);
+  --space-400-negative: calc((0.8rem * 1) * -1);
+  --space-450-negative: calc((0.8rem * 1.5) * -1);
+  --space-500-negative: calc((0.8rem * 2) * -1);
+  --space-550-negative: calc((0.8rem * 3) * -1);
+  --space-600-negative: calc((0.8rem * 4) * -1);
+  --space-625-negative: calc((0.8rem * 5.25) * -1);
+  --space-650-negative: calc((0.8rem * 6) * -1);
+  --space-700-negative: calc((0.8rem * 8) * -1);
+  --space-720-negative: calc((0.8rem * 9) * -1);
+  --space-730-negative: calc((0.8rem * 10.5) * -1);
+  --space-750-negative: calc((0.8rem * 12) * -1);
+  --space-760-negative: calc((0.8rem * 12.75) * -1);
+  --space-775-negative: calc((0.8rem * 14) * -1);
+  --space-800-negative: calc((0.8rem * 16) * -1);
+  --space-825-negative: calc((0.8rem * 20.5) * -1);
+  --space-850-negative: calc((0.8rem * 24) * -1);
+  --space-875-negative: calc((0.8rem * 27) * -1);
+  --space-900-negative: calc((0.8rem * 32) * -1);
+  --space-925-negative: calc((0.8rem * 41.5) * -1);
+  --space-950-negative: calc((0.8rem * 48) * -1);
+  --space-975-negative: calc((0.8rem * 58) * -1);
+  --space-1000-negative: calc((0.8rem * 64) * -1);
+  --space-1020-negative: calc((0.8rem * 78.5) * -1);
+  --space-1040-negative: calc((0.8rem * 95.5) * -1);
+  --space-1050-negative: calc((0.8rem * 96) * -1);
+  --space-1060-negative: calc((0.8rem * 103.5) * -1);
+  --space-1080-negative: calc((0.8rem * 114) * -1);
+  --space-1100-negative: calc((0.8rem * 128) * -1);
+  --space-1115-negative: calc((0.8rem * 142.5) * -1);
+  --space-1120-negative: calc((0.8rem * 158) * -1);
+  --space-1125-negative: calc((0.8rem * 160) * -1);
+  --space-1130-negative: calc((0.8rem * 167.5) * -1);
+  --space-1150-negative: calc((0.8rem * 192) * -1);
+  --space-1200-negative: calc((0.8rem * 256) * -1);
 }
 body {
-  --space-100-16: calc(1.6rem / 8);
-  --space-200-16: calc(1.6rem / 4);
-  --space-300-16: calc(1.6rem / 2);
-  --space-400-16: 1.6rem;
+  --space-50-16: calc(1.6rem * 0.0625);
+  --space-100-16: calc(1.6rem * 0.125);
+  --space-200-16: calc(1.6rem * 0.25);
+  --space-300-16: calc(1.6rem * 0.5);
+  --space-350-16: calc(1.6rem * 0.75);
+  --space-400-16: calc(1.6rem * 1);
+  --space-450-16: calc(1.6rem * 1.5);
   --space-500-16: calc(1.6rem * 2);
+  --space-550-16: calc(1.6rem * 3);
   --space-600-16: calc(1.6rem * 4);
+  --space-625-16: calc(1.6rem * 5.25);
+  --space-650-16: calc(1.6rem * 6);
   --space-700-16: calc(1.6rem * 8);
+  --space-720-16: calc(1.6rem * 9);
+  --space-730-16: calc(1.6rem * 10.5);
+  --space-750-16: calc(1.6rem * 12);
+  --space-760-16: calc(1.6rem * 12.75);
+  --space-775-16: calc(1.6rem * 14);
   --space-800-16: calc(1.6rem * 16);
+  --space-825-16: calc(1.6rem * 20.5);
+  --space-850-16: calc(1.6rem * 24);
+  --space-875-16: calc(1.6rem * 27);
+  --space-900-16: calc(1.6rem * 32);
+  --space-925-16: calc(1.6rem * 41.5);
+  --space-950-16: calc(1.6rem * 48);
+  --space-975-16: calc(1.6rem * 58);
+  --space-1000-16: calc(1.6rem * 64);
+  --space-1020-16: calc(1.6rem * 78.5);
+  --space-1040-16: calc(1.6rem * 95.5);
+  --space-1050-16: calc(1.6rem * 96);
+  --space-1060-16: calc(1.6rem * 103.5);
+  --space-1080-16: calc(1.6rem * 114);
+  --space-1100-16: calc(1.6rem * 128);
+  --space-1115-16: calc(1.6rem * 142.5);
+  --space-1120-16: calc(1.6rem * 158);
+  --space-1125-16: calc(1.6rem * 160);
+  --space-1130-16: calc(1.6rem * 167.5);
+  --space-1150-16: calc(1.6rem * 192);
+  --space-1200-16: calc(1.6rem * 256);
+  --space-50-negative-16: calc((1.6rem * 0.0625) * -1);
+  --space-100-negative-16: calc((1.6rem * 0.125) * -1);
+  --space-200-negative-16: calc((1.6rem * 0.25) * -1);
+  --space-300-negative-16: calc((1.6rem * 0.5) * -1);
+  --space-350-negative-16: calc((1.6rem * 0.75) * -1);
+  --space-400-negative-16: calc((1.6rem * 1) * -1);
+  --space-450-negative-16: calc((1.6rem * 1.5) * -1);
+  --space-500-negative-16: calc((1.6rem * 2) * -1);
+  --space-550-negative-16: calc((1.6rem * 3) * -1);
+  --space-600-negative-16: calc((1.6rem * 4) * -1);
+  --space-625-negative-16: calc((1.6rem * 5.25) * -1);
+  --space-650-negative-16: calc((1.6rem * 6) * -1);
+  --space-700-negative-16: calc((1.6rem * 8) * -1);
+  --space-720-negative-16: calc((1.6rem * 9) * -1);
+  --space-730-negative-16: calc((1.6rem * 10.5) * -1);
+  --space-750-negative-16: calc((1.6rem * 12) * -1);
+  --space-760-negative-16: calc((1.6rem * 12.75) * -1);
+  --space-775-negative-16: calc((1.6rem * 14) * -1);
+  --space-800-negative-16: calc((1.6rem * 16) * -1);
+  --space-825-negative-16: calc((1.6rem * 20.5) * -1);
+  --space-850-negative-16: calc((1.6rem * 24) * -1);
+  --space-875-negative-16: calc((1.6rem * 27) * -1);
+  --space-900-negative-16: calc((1.6rem * 32) * -1);
+  --space-925-negative-16: calc((1.6rem * 41.5) * -1);
+  --space-950-negative-16: calc((1.6rem * 48) * -1);
+  --space-975-negative-16: calc((1.6rem * 58) * -1);
+  --space-1000-negative-16: calc((1.6rem * 64) * -1);
+  --space-1020-negative-16: calc((1.6rem * 78.5) * -1);
+  --space-1040-negative-16: calc((1.6rem * 95.5) * -1);
+  --space-1050-negative-16: calc((1.6rem * 96) * -1);
+  --space-1060-negative-16: calc((1.6rem * 103.5) * -1);
+  --space-1080-negative-16: calc((1.6rem * 114) * -1);
+  --space-1100-negative-16: calc((1.6rem * 128) * -1);
+  --space-1115-negative-16: calc((1.6rem * 142.5) * -1);
+  --space-1120-negative-16: calc((1.6rem * 158) * -1);
+  --space-1125-negative-16: calc((1.6rem * 160) * -1);
+  --space-1130-negative-16: calc((1.6rem * 167.5) * -1);
+  --space-1150-negative-16: calc((1.6rem * 192) * -1);
+  --space-1200-negative-16: calc((1.6rem * 256) * -1);
 }
 body {
-  --space-100-32: calc(3.2rem / 8);
-  --space-200-32: calc(3.2rem / 4);
-  --space-300-32: calc(3.2rem / 2);
-  --space-400-32: 3.2rem;
+  --space-50-32: calc(3.2rem * 0.0625);
+  --space-100-32: calc(3.2rem * 0.125);
+  --space-200-32: calc(3.2rem * 0.25);
+  --space-300-32: calc(3.2rem * 0.5);
+  --space-350-32: calc(3.2rem * 0.75);
+  --space-400-32: calc(3.2rem * 1);
+  --space-450-32: calc(3.2rem * 1.5);
   --space-500-32: calc(3.2rem * 2);
+  --space-550-32: calc(3.2rem * 3);
   --space-600-32: calc(3.2rem * 4);
+  --space-625-32: calc(3.2rem * 5.25);
+  --space-650-32: calc(3.2rem * 6);
   --space-700-32: calc(3.2rem * 8);
+  --space-720-32: calc(3.2rem * 9);
+  --space-730-32: calc(3.2rem * 10.5);
+  --space-750-32: calc(3.2rem * 12);
+  --space-760-32: calc(3.2rem * 12.75);
+  --space-775-32: calc(3.2rem * 14);
   --space-800-32: calc(3.2rem * 16);
+  --space-825-32: calc(3.2rem * 20.5);
+  --space-850-32: calc(3.2rem * 24);
+  --space-875-32: calc(3.2rem * 27);
+  --space-900-32: calc(3.2rem * 32);
+  --space-925-32: calc(3.2rem * 41.5);
+  --space-950-32: calc(3.2rem * 48);
+  --space-975-32: calc(3.2rem * 58);
+  --space-1000-32: calc(3.2rem * 64);
+  --space-1020-32: calc(3.2rem * 78.5);
+  --space-1040-32: calc(3.2rem * 95.5);
+  --space-1050-32: calc(3.2rem * 96);
+  --space-1060-32: calc(3.2rem * 103.5);
+  --space-1080-32: calc(3.2rem * 114);
+  --space-1100-32: calc(3.2rem * 128);
+  --space-1115-32: calc(3.2rem * 142.5);
+  --space-1120-32: calc(3.2rem * 158);
+  --space-1125-32: calc(3.2rem * 160);
+  --space-1130-32: calc(3.2rem * 167.5);
+  --space-1150-32: calc(3.2rem * 192);
+  --space-1200-32: calc(3.2rem * 256);
+  --space-50-negative-32: calc((3.2rem * 0.0625) * -1);
+  --space-100-negative-32: calc((3.2rem * 0.125) * -1);
+  --space-200-negative-32: calc((3.2rem * 0.25) * -1);
+  --space-300-negative-32: calc((3.2rem * 0.5) * -1);
+  --space-350-negative-32: calc((3.2rem * 0.75) * -1);
+  --space-400-negative-32: calc((3.2rem * 1) * -1);
+  --space-450-negative-32: calc((3.2rem * 1.5) * -1);
+  --space-500-negative-32: calc((3.2rem * 2) * -1);
+  --space-550-negative-32: calc((3.2rem * 3) * -1);
+  --space-600-negative-32: calc((3.2rem * 4) * -1);
+  --space-625-negative-32: calc((3.2rem * 5.25) * -1);
+  --space-650-negative-32: calc((3.2rem * 6) * -1);
+  --space-700-negative-32: calc((3.2rem * 8) * -1);
+  --space-720-negative-32: calc((3.2rem * 9) * -1);
+  --space-730-negative-32: calc((3.2rem * 10.5) * -1);
+  --space-750-negative-32: calc((3.2rem * 12) * -1);
+  --space-760-negative-32: calc((3.2rem * 12.75) * -1);
+  --space-775-negative-32: calc((3.2rem * 14) * -1);
+  --space-800-negative-32: calc((3.2rem * 16) * -1);
+  --space-825-negative-32: calc((3.2rem * 20.5) * -1);
+  --space-850-negative-32: calc((3.2rem * 24) * -1);
+  --space-875-negative-32: calc((3.2rem * 27) * -1);
+  --space-900-negative-32: calc((3.2rem * 32) * -1);
+  --space-925-negative-32: calc((3.2rem * 41.5) * -1);
+  --space-950-negative-32: calc((3.2rem * 48) * -1);
+  --space-975-negative-32: calc((3.2rem * 58) * -1);
+  --space-1000-negative-32: calc((3.2rem * 64) * -1);
+  --space-1020-negative-32: calc((3.2rem * 78.5) * -1);
+  --space-1040-negative-32: calc((3.2rem * 95.5) * -1);
+  --space-1050-negative-32: calc((3.2rem * 96) * -1);
+  --space-1060-negative-32: calc((3.2rem * 103.5) * -1);
+  --space-1080-negative-32: calc((3.2rem * 114) * -1);
+  --space-1100-negative-32: calc((3.2rem * 128) * -1);
+  --space-1115-negative-32: calc((3.2rem * 142.5) * -1);
+  --space-1120-negative-32: calc((3.2rem * 158) * -1);
+  --space-1125-negative-32: calc((3.2rem * 160) * -1);
+  --space-1130-negative-32: calc((3.2rem * 167.5) * -1);
+  --space-1150-negative-32: calc((3.2rem * 192) * -1);
+  --space-1200-negative-32: calc((3.2rem * 256) * -1);
 }
 body {
-  --space-100-64: calc(6.4rem / 8);
-  --space-200-64: calc(6.4rem / 4);
-  --space-300-64: calc(6.4rem / 2);
-  --space-400-64: 6.4rem;
+  --space-50-64: calc(6.4rem * 0.0625);
+  --space-100-64: calc(6.4rem * 0.125);
+  --space-200-64: calc(6.4rem * 0.25);
+  --space-300-64: calc(6.4rem * 0.5);
+  --space-350-64: calc(6.4rem * 0.75);
+  --space-400-64: calc(6.4rem * 1);
+  --space-450-64: calc(6.4rem * 1.5);
   --space-500-64: calc(6.4rem * 2);
+  --space-550-64: calc(6.4rem * 3);
   --space-600-64: calc(6.4rem * 4);
+  --space-625-64: calc(6.4rem * 5.25);
+  --space-650-64: calc(6.4rem * 6);
   --space-700-64: calc(6.4rem * 8);
+  --space-720-64: calc(6.4rem * 9);
+  --space-730-64: calc(6.4rem * 10.5);
+  --space-750-64: calc(6.4rem * 12);
+  --space-760-64: calc(6.4rem * 12.75);
+  --space-775-64: calc(6.4rem * 14);
   --space-800-64: calc(6.4rem * 16);
+  --space-825-64: calc(6.4rem * 20.5);
+  --space-850-64: calc(6.4rem * 24);
+  --space-875-64: calc(6.4rem * 27);
+  --space-900-64: calc(6.4rem * 32);
+  --space-925-64: calc(6.4rem * 41.5);
+  --space-950-64: calc(6.4rem * 48);
+  --space-975-64: calc(6.4rem * 58);
+  --space-1000-64: calc(6.4rem * 64);
+  --space-1020-64: calc(6.4rem * 78.5);
+  --space-1040-64: calc(6.4rem * 95.5);
+  --space-1050-64: calc(6.4rem * 96);
+  --space-1060-64: calc(6.4rem * 103.5);
+  --space-1080-64: calc(6.4rem * 114);
+  --space-1100-64: calc(6.4rem * 128);
+  --space-1115-64: calc(6.4rem * 142.5);
+  --space-1120-64: calc(6.4rem * 158);
+  --space-1125-64: calc(6.4rem * 160);
+  --space-1130-64: calc(6.4rem * 167.5);
+  --space-1150-64: calc(6.4rem * 192);
+  --space-1200-64: calc(6.4rem * 256);
+  --space-50-negative-64: calc((6.4rem * 0.0625) * -1);
+  --space-100-negative-64: calc((6.4rem * 0.125) * -1);
+  --space-200-negative-64: calc((6.4rem * 0.25) * -1);
+  --space-300-negative-64: calc((6.4rem * 0.5) * -1);
+  --space-350-negative-64: calc((6.4rem * 0.75) * -1);
+  --space-400-negative-64: calc((6.4rem * 1) * -1);
+  --space-450-negative-64: calc((6.4rem * 1.5) * -1);
+  --space-500-negative-64: calc((6.4rem * 2) * -1);
+  --space-550-negative-64: calc((6.4rem * 3) * -1);
+  --space-600-negative-64: calc((6.4rem * 4) * -1);
+  --space-625-negative-64: calc((6.4rem * 5.25) * -1);
+  --space-650-negative-64: calc((6.4rem * 6) * -1);
+  --space-700-negative-64: calc((6.4rem * 8) * -1);
+  --space-720-negative-64: calc((6.4rem * 9) * -1);
+  --space-730-negative-64: calc((6.4rem * 10.5) * -1);
+  --space-750-negative-64: calc((6.4rem * 12) * -1);
+  --space-760-negative-64: calc((6.4rem * 12.75) * -1);
+  --space-775-negative-64: calc((6.4rem * 14) * -1);
+  --space-800-negative-64: calc((6.4rem * 16) * -1);
+  --space-825-negative-64: calc((6.4rem * 20.5) * -1);
+  --space-850-negative-64: calc((6.4rem * 24) * -1);
+  --space-875-negative-64: calc((6.4rem * 27) * -1);
+  --space-900-negative-64: calc((6.4rem * 32) * -1);
+  --space-925-negative-64: calc((6.4rem * 41.5) * -1);
+  --space-950-negative-64: calc((6.4rem * 48) * -1);
+  --space-975-negative-64: calc((6.4rem * 58) * -1);
+  --space-1000-negative-64: calc((6.4rem * 64) * -1);
+  --space-1020-negative-64: calc((6.4rem * 78.5) * -1);
+  --space-1040-negative-64: calc((6.4rem * 95.5) * -1);
+  --space-1050-negative-64: calc((6.4rem * 96) * -1);
+  --space-1060-negative-64: calc((6.4rem * 103.5) * -1);
+  --space-1080-negative-64: calc((6.4rem * 114) * -1);
+  --space-1100-negative-64: calc((6.4rem * 128) * -1);
+  --space-1115-negative-64: calc((6.4rem * 142.5) * -1);
+  --space-1120-negative-64: calc((6.4rem * 158) * -1);
+  --space-1125-negative-64: calc((6.4rem * 160) * -1);
+  --space-1130-negative-64: calc((6.4rem * 167.5) * -1);
+  --space-1150-negative-64: calc((6.4rem * 192) * -1);
+  --space-1200-negative-64: calc((6.4rem * 256) * -1);
 }
 body {
-  --space-100-128: calc(12.8rem / 8);
-  --space-200-128: calc(12.8rem / 4);
-  --space-300-128: calc(12.8rem / 2);
-  --space-400-128: 12.8rem;
+  --space-50-128: calc(12.8rem * 0.0625);
+  --space-100-128: calc(12.8rem * 0.125);
+  --space-200-128: calc(12.8rem * 0.25);
+  --space-300-128: calc(12.8rem * 0.5);
+  --space-350-128: calc(12.8rem * 0.75);
+  --space-400-128: calc(12.8rem * 1);
+  --space-450-128: calc(12.8rem * 1.5);
   --space-500-128: calc(12.8rem * 2);
+  --space-550-128: calc(12.8rem * 3);
   --space-600-128: calc(12.8rem * 4);
+  --space-625-128: calc(12.8rem * 5.25);
+  --space-650-128: calc(12.8rem * 6);
   --space-700-128: calc(12.8rem * 8);
+  --space-720-128: calc(12.8rem * 9);
+  --space-730-128: calc(12.8rem * 10.5);
+  --space-750-128: calc(12.8rem * 12);
+  --space-760-128: calc(12.8rem * 12.75);
+  --space-775-128: calc(12.8rem * 14);
   --space-800-128: calc(12.8rem * 16);
+  --space-825-128: calc(12.8rem * 20.5);
+  --space-850-128: calc(12.8rem * 24);
+  --space-875-128: calc(12.8rem * 27);
+  --space-900-128: calc(12.8rem * 32);
+  --space-925-128: calc(12.8rem * 41.5);
+  --space-950-128: calc(12.8rem * 48);
+  --space-975-128: calc(12.8rem * 58);
+  --space-1000-128: calc(12.8rem * 64);
+  --space-1020-128: calc(12.8rem * 78.5);
+  --space-1040-128: calc(12.8rem * 95.5);
+  --space-1050-128: calc(12.8rem * 96);
+  --space-1060-128: calc(12.8rem * 103.5);
+  --space-1080-128: calc(12.8rem * 114);
+  --space-1100-128: calc(12.8rem * 128);
+  --space-1115-128: calc(12.8rem * 142.5);
+  --space-1120-128: calc(12.8rem * 158);
+  --space-1125-128: calc(12.8rem * 160);
+  --space-1130-128: calc(12.8rem * 167.5);
+  --space-1150-128: calc(12.8rem * 192);
+  --space-1200-128: calc(12.8rem * 256);
+  --space-50-negative-128: calc((12.8rem * 0.0625) * -1);
+  --space-100-negative-128: calc((12.8rem * 0.125) * -1);
+  --space-200-negative-128: calc((12.8rem * 0.25) * -1);
+  --space-300-negative-128: calc((12.8rem * 0.5) * -1);
+  --space-350-negative-128: calc((12.8rem * 0.75) * -1);
+  --space-400-negative-128: calc((12.8rem * 1) * -1);
+  --space-450-negative-128: calc((12.8rem * 1.5) * -1);
+  --space-500-negative-128: calc((12.8rem * 2) * -1);
+  --space-550-negative-128: calc((12.8rem * 3) * -1);
+  --space-600-negative-128: calc((12.8rem * 4) * -1);
+  --space-625-negative-128: calc((12.8rem * 5.25) * -1);
+  --space-650-negative-128: calc((12.8rem * 6) * -1);
+  --space-700-negative-128: calc((12.8rem * 8) * -1);
+  --space-720-negative-128: calc((12.8rem * 9) * -1);
+  --space-730-negative-128: calc((12.8rem * 10.5) * -1);
+  --space-750-negative-128: calc((12.8rem * 12) * -1);
+  --space-760-negative-128: calc((12.8rem * 12.75) * -1);
+  --space-775-negative-128: calc((12.8rem * 14) * -1);
+  --space-800-negative-128: calc((12.8rem * 16) * -1);
+  --space-825-negative-128: calc((12.8rem * 20.5) * -1);
+  --space-850-negative-128: calc((12.8rem * 24) * -1);
+  --space-875-negative-128: calc((12.8rem * 27) * -1);
+  --space-900-negative-128: calc((12.8rem * 32) * -1);
+  --space-925-negative-128: calc((12.8rem * 41.5) * -1);
+  --space-950-negative-128: calc((12.8rem * 48) * -1);
+  --space-975-negative-128: calc((12.8rem * 58) * -1);
+  --space-1000-negative-128: calc((12.8rem * 64) * -1);
+  --space-1020-negative-128: calc((12.8rem * 78.5) * -1);
+  --space-1040-negative-128: calc((12.8rem * 95.5) * -1);
+  --space-1050-negative-128: calc((12.8rem * 96) * -1);
+  --space-1060-negative-128: calc((12.8rem * 103.5) * -1);
+  --space-1080-negative-128: calc((12.8rem * 114) * -1);
+  --space-1100-negative-128: calc((12.8rem * 128) * -1);
+  --space-1115-negative-128: calc((12.8rem * 142.5) * -1);
+  --space-1120-negative-128: calc((12.8rem * 158) * -1);
+  --space-1125-negative-128: calc((12.8rem * 160) * -1);
+  --space-1130-negative-128: calc((12.8rem * 167.5) * -1);
+  --space-1150-negative-128: calc((12.8rem * 192) * -1);
+  --space-1200-negative-128: calc((12.8rem * 256) * -1);
 }
 /* stylelint-disable meowtec/no-px */
 body {
-  --size-100: calc(0.8rem / 8);
-  --size-200: calc(0.8rem / 4);
-  --size-300: calc(0.8rem / 2);
-  --size-400: 0.8rem;
+  --size-50: calc(0.8rem * 0.0625);
+  --size-100: calc(0.8rem * 0.125);
+  --size-200: calc(0.8rem * 0.25);
+  --size-300: calc(0.8rem * 0.5);
+  --size-350: calc(0.8rem * 0.75);
+  --size-400: calc(0.8rem * 1);
+  --size-450: calc(0.8rem * 1.5);
   --size-500: calc(0.8rem * 2);
+  --size-550: calc(0.8rem * 3);
   --size-600: calc(0.8rem * 4);
+  --size-625: calc(0.8rem * 5.25);
+  --size-650: calc(0.8rem * 6);
   --size-700: calc(0.8rem * 8);
+  --size-720: calc(0.8rem * 9);
+  --size-730: calc(0.8rem * 10.5);
+  --size-750: calc(0.8rem * 12);
+  --size-760: calc(0.8rem * 12.75);
+  --size-775: calc(0.8rem * 14);
   --size-800: calc(0.8rem * 16);
+  --size-825: calc(0.8rem * 20.5);
+  --size-850: calc(0.8rem * 24);
+  --size-875: calc(0.8rem * 27);
+  --size-900: calc(0.8rem * 32);
+  --size-925: calc(0.8rem * 41.5);
+  --size-950: calc(0.8rem * 48);
+  --size-975: calc(0.8rem * 58);
+  --size-1000: calc(0.8rem * 64);
+  --size-1020: calc(0.8rem * 78.5);
+  --size-1040: calc(0.8rem * 95.5);
+  --size-1050: calc(0.8rem * 96);
+  --size-1060: calc(0.8rem * 103.5);
+  --size-1080: calc(0.8rem * 114);
+  --size-1100: calc(0.8rem * 128);
+  --size-1115: calc(0.8rem * 142.5);
+  --size-1120: calc(0.8rem * 158);
+  --size-1125: calc(0.8rem * 160);
+  --size-1130: calc(0.8rem * 167.5);
+  --size-1150: calc(0.8rem * 192);
+  --size-1200: calc(0.8rem * 256);
+  --size-50-negative: calc((0.8rem * 0.0625) * -1);
+  --size-100-negative: calc((0.8rem * 0.125) * -1);
+  --size-200-negative: calc((0.8rem * 0.25) * -1);
+  --size-300-negative: calc((0.8rem * 0.5) * -1);
+  --size-350-negative: calc((0.8rem * 0.75) * -1);
+  --size-400-negative: calc((0.8rem * 1) * -1);
+  --size-450-negative: calc((0.8rem * 1.5) * -1);
+  --size-500-negative: calc((0.8rem * 2) * -1);
+  --size-550-negative: calc((0.8rem * 3) * -1);
+  --size-600-negative: calc((0.8rem * 4) * -1);
+  --size-625-negative: calc((0.8rem * 5.25) * -1);
+  --size-650-negative: calc((0.8rem * 6) * -1);
+  --size-700-negative: calc((0.8rem * 8) * -1);
+  --size-720-negative: calc((0.8rem * 9) * -1);
+  --size-730-negative: calc((0.8rem * 10.5) * -1);
+  --size-750-negative: calc((0.8rem * 12) * -1);
+  --size-760-negative: calc((0.8rem * 12.75) * -1);
+  --size-775-negative: calc((0.8rem * 14) * -1);
+  --size-800-negative: calc((0.8rem * 16) * -1);
+  --size-825-negative: calc((0.8rem * 20.5) * -1);
+  --size-850-negative: calc((0.8rem * 24) * -1);
+  --size-875-negative: calc((0.8rem * 27) * -1);
+  --size-900-negative: calc((0.8rem * 32) * -1);
+  --size-925-negative: calc((0.8rem * 41.5) * -1);
+  --size-950-negative: calc((0.8rem * 48) * -1);
+  --size-975-negative: calc((0.8rem * 58) * -1);
+  --size-1000-negative: calc((0.8rem * 64) * -1);
+  --size-1020-negative: calc((0.8rem * 78.5) * -1);
+  --size-1040-negative: calc((0.8rem * 95.5) * -1);
+  --size-1050-negative: calc((0.8rem * 96) * -1);
+  --size-1060-negative: calc((0.8rem * 103.5) * -1);
+  --size-1080-negative: calc((0.8rem * 114) * -1);
+  --size-1100-negative: calc((0.8rem * 128) * -1);
+  --size-1115-negative: calc((0.8rem * 142.5) * -1);
+  --size-1120-negative: calc((0.8rem * 158) * -1);
+  --size-1125-negative: calc((0.8rem * 160) * -1);
+  --size-1130-negative: calc((0.8rem * 167.5) * -1);
+  --size-1150-negative: calc((0.8rem * 192) * -1);
+  --size-1200-negative: calc((0.8rem * 256) * -1);
 }
 body {
-  --size-100-16: calc(1.6rem / 8);
-  --size-200-16: calc(1.6rem / 4);
-  --size-300-16: calc(1.6rem / 2);
-  --size-400-16: 1.6rem;
+  --size-50-16: calc(1.6rem * 0.0625);
+  --size-100-16: calc(1.6rem * 0.125);
+  --size-200-16: calc(1.6rem * 0.25);
+  --size-300-16: calc(1.6rem * 0.5);
+  --size-350-16: calc(1.6rem * 0.75);
+  --size-400-16: calc(1.6rem * 1);
+  --size-450-16: calc(1.6rem * 1.5);
   --size-500-16: calc(1.6rem * 2);
+  --size-550-16: calc(1.6rem * 3);
   --size-600-16: calc(1.6rem * 4);
+  --size-625-16: calc(1.6rem * 5.25);
+  --size-650-16: calc(1.6rem * 6);
   --size-700-16: calc(1.6rem * 8);
+  --size-720-16: calc(1.6rem * 9);
+  --size-730-16: calc(1.6rem * 10.5);
+  --size-750-16: calc(1.6rem * 12);
+  --size-760-16: calc(1.6rem * 12.75);
+  --size-775-16: calc(1.6rem * 14);
   --size-800-16: calc(1.6rem * 16);
+  --size-825-16: calc(1.6rem * 20.5);
+  --size-850-16: calc(1.6rem * 24);
+  --size-875-16: calc(1.6rem * 27);
+  --size-900-16: calc(1.6rem * 32);
+  --size-925-16: calc(1.6rem * 41.5);
+  --size-950-16: calc(1.6rem * 48);
+  --size-975-16: calc(1.6rem * 58);
+  --size-1000-16: calc(1.6rem * 64);
+  --size-1020-16: calc(1.6rem * 78.5);
+  --size-1040-16: calc(1.6rem * 95.5);
+  --size-1050-16: calc(1.6rem * 96);
+  --size-1060-16: calc(1.6rem * 103.5);
+  --size-1080-16: calc(1.6rem * 114);
+  --size-1100-16: calc(1.6rem * 128);
+  --size-1115-16: calc(1.6rem * 142.5);
+  --size-1120-16: calc(1.6rem * 158);
+  --size-1125-16: calc(1.6rem * 160);
+  --size-1130-16: calc(1.6rem * 167.5);
+  --size-1150-16: calc(1.6rem * 192);
+  --size-1200-16: calc(1.6rem * 256);
+  --size-50-negative-16: calc((1.6rem * 0.0625) * -1);
+  --size-100-negative-16: calc((1.6rem * 0.125) * -1);
+  --size-200-negative-16: calc((1.6rem * 0.25) * -1);
+  --size-300-negative-16: calc((1.6rem * 0.5) * -1);
+  --size-350-negative-16: calc((1.6rem * 0.75) * -1);
+  --size-400-negative-16: calc((1.6rem * 1) * -1);
+  --size-450-negative-16: calc((1.6rem * 1.5) * -1);
+  --size-500-negative-16: calc((1.6rem * 2) * -1);
+  --size-550-negative-16: calc((1.6rem * 3) * -1);
+  --size-600-negative-16: calc((1.6rem * 4) * -1);
+  --size-625-negative-16: calc((1.6rem * 5.25) * -1);
+  --size-650-negative-16: calc((1.6rem * 6) * -1);
+  --size-700-negative-16: calc((1.6rem * 8) * -1);
+  --size-720-negative-16: calc((1.6rem * 9) * -1);
+  --size-730-negative-16: calc((1.6rem * 10.5) * -1);
+  --size-750-negative-16: calc((1.6rem * 12) * -1);
+  --size-760-negative-16: calc((1.6rem * 12.75) * -1);
+  --size-775-negative-16: calc((1.6rem * 14) * -1);
+  --size-800-negative-16: calc((1.6rem * 16) * -1);
+  --size-825-negative-16: calc((1.6rem * 20.5) * -1);
+  --size-850-negative-16: calc((1.6rem * 24) * -1);
+  --size-875-negative-16: calc((1.6rem * 27) * -1);
+  --size-900-negative-16: calc((1.6rem * 32) * -1);
+  --size-925-negative-16: calc((1.6rem * 41.5) * -1);
+  --size-950-negative-16: calc((1.6rem * 48) * -1);
+  --size-975-negative-16: calc((1.6rem * 58) * -1);
+  --size-1000-negative-16: calc((1.6rem * 64) * -1);
+  --size-1020-negative-16: calc((1.6rem * 78.5) * -1);
+  --size-1040-negative-16: calc((1.6rem * 95.5) * -1);
+  --size-1050-negative-16: calc((1.6rem * 96) * -1);
+  --size-1060-negative-16: calc((1.6rem * 103.5) * -1);
+  --size-1080-negative-16: calc((1.6rem * 114) * -1);
+  --size-1100-negative-16: calc((1.6rem * 128) * -1);
+  --size-1115-negative-16: calc((1.6rem * 142.5) * -1);
+  --size-1120-negative-16: calc((1.6rem * 158) * -1);
+  --size-1125-negative-16: calc((1.6rem * 160) * -1);
+  --size-1130-negative-16: calc((1.6rem * 167.5) * -1);
+  --size-1150-negative-16: calc((1.6rem * 192) * -1);
+  --size-1200-negative-16: calc((1.6rem * 256) * -1);
 }
 body {
-  --size-100-32: calc(3.2rem / 8);
-  --size-200-32: calc(3.2rem / 4);
-  --size-300-32: calc(3.2rem / 2);
-  --size-400-32: 3.2rem;
+  --size-50-32: calc(3.2rem * 0.0625);
+  --size-100-32: calc(3.2rem * 0.125);
+  --size-200-32: calc(3.2rem * 0.25);
+  --size-300-32: calc(3.2rem * 0.5);
+  --size-350-32: calc(3.2rem * 0.75);
+  --size-400-32: calc(3.2rem * 1);
+  --size-450-32: calc(3.2rem * 1.5);
   --size-500-32: calc(3.2rem * 2);
+  --size-550-32: calc(3.2rem * 3);
   --size-600-32: calc(3.2rem * 4);
+  --size-625-32: calc(3.2rem * 5.25);
+  --size-650-32: calc(3.2rem * 6);
   --size-700-32: calc(3.2rem * 8);
+  --size-720-32: calc(3.2rem * 9);
+  --size-730-32: calc(3.2rem * 10.5);
+  --size-750-32: calc(3.2rem * 12);
+  --size-760-32: calc(3.2rem * 12.75);
+  --size-775-32: calc(3.2rem * 14);
   --size-800-32: calc(3.2rem * 16);
+  --size-825-32: calc(3.2rem * 20.5);
+  --size-850-32: calc(3.2rem * 24);
+  --size-875-32: calc(3.2rem * 27);
+  --size-900-32: calc(3.2rem * 32);
+  --size-925-32: calc(3.2rem * 41.5);
+  --size-950-32: calc(3.2rem * 48);
+  --size-975-32: calc(3.2rem * 58);
+  --size-1000-32: calc(3.2rem * 64);
+  --size-1020-32: calc(3.2rem * 78.5);
+  --size-1040-32: calc(3.2rem * 95.5);
+  --size-1050-32: calc(3.2rem * 96);
+  --size-1060-32: calc(3.2rem * 103.5);
+  --size-1080-32: calc(3.2rem * 114);
+  --size-1100-32: calc(3.2rem * 128);
+  --size-1115-32: calc(3.2rem * 142.5);
+  --size-1120-32: calc(3.2rem * 158);
+  --size-1125-32: calc(3.2rem * 160);
+  --size-1130-32: calc(3.2rem * 167.5);
+  --size-1150-32: calc(3.2rem * 192);
+  --size-1200-32: calc(3.2rem * 256);
+  --size-50-negative-32: calc((3.2rem * 0.0625) * -1);
+  --size-100-negative-32: calc((3.2rem * 0.125) * -1);
+  --size-200-negative-32: calc((3.2rem * 0.25) * -1);
+  --size-300-negative-32: calc((3.2rem * 0.5) * -1);
+  --size-350-negative-32: calc((3.2rem * 0.75) * -1);
+  --size-400-negative-32: calc((3.2rem * 1) * -1);
+  --size-450-negative-32: calc((3.2rem * 1.5) * -1);
+  --size-500-negative-32: calc((3.2rem * 2) * -1);
+  --size-550-negative-32: calc((3.2rem * 3) * -1);
+  --size-600-negative-32: calc((3.2rem * 4) * -1);
+  --size-625-negative-32: calc((3.2rem * 5.25) * -1);
+  --size-650-negative-32: calc((3.2rem * 6) * -1);
+  --size-700-negative-32: calc((3.2rem * 8) * -1);
+  --size-720-negative-32: calc((3.2rem * 9) * -1);
+  --size-730-negative-32: calc((3.2rem * 10.5) * -1);
+  --size-750-negative-32: calc((3.2rem * 12) * -1);
+  --size-760-negative-32: calc((3.2rem * 12.75) * -1);
+  --size-775-negative-32: calc((3.2rem * 14) * -1);
+  --size-800-negative-32: calc((3.2rem * 16) * -1);
+  --size-825-negative-32: calc((3.2rem * 20.5) * -1);
+  --size-850-negative-32: calc((3.2rem * 24) * -1);
+  --size-875-negative-32: calc((3.2rem * 27) * -1);
+  --size-900-negative-32: calc((3.2rem * 32) * -1);
+  --size-925-negative-32: calc((3.2rem * 41.5) * -1);
+  --size-950-negative-32: calc((3.2rem * 48) * -1);
+  --size-975-negative-32: calc((3.2rem * 58) * -1);
+  --size-1000-negative-32: calc((3.2rem * 64) * -1);
+  --size-1020-negative-32: calc((3.2rem * 78.5) * -1);
+  --size-1040-negative-32: calc((3.2rem * 95.5) * -1);
+  --size-1050-negative-32: calc((3.2rem * 96) * -1);
+  --size-1060-negative-32: calc((3.2rem * 103.5) * -1);
+  --size-1080-negative-32: calc((3.2rem * 114) * -1);
+  --size-1100-negative-32: calc((3.2rem * 128) * -1);
+  --size-1115-negative-32: calc((3.2rem * 142.5) * -1);
+  --size-1120-negative-32: calc((3.2rem * 158) * -1);
+  --size-1125-negative-32: calc((3.2rem * 160) * -1);
+  --size-1130-negative-32: calc((3.2rem * 167.5) * -1);
+  --size-1150-negative-32: calc((3.2rem * 192) * -1);
+  --size-1200-negative-32: calc((3.2rem * 256) * -1);
 }
 body {
-  --size-100-64: calc(6.4rem / 8);
-  --size-200-64: calc(6.4rem / 4);
-  --size-300-64: calc(6.4rem / 2);
-  --size-400-64: 6.4rem;
+  --size-50-64: calc(6.4rem * 0.0625);
+  --size-100-64: calc(6.4rem * 0.125);
+  --size-200-64: calc(6.4rem * 0.25);
+  --size-300-64: calc(6.4rem * 0.5);
+  --size-350-64: calc(6.4rem * 0.75);
+  --size-400-64: calc(6.4rem * 1);
+  --size-450-64: calc(6.4rem * 1.5);
   --size-500-64: calc(6.4rem * 2);
+  --size-550-64: calc(6.4rem * 3);
   --size-600-64: calc(6.4rem * 4);
+  --size-625-64: calc(6.4rem * 5.25);
+  --size-650-64: calc(6.4rem * 6);
   --size-700-64: calc(6.4rem * 8);
+  --size-720-64: calc(6.4rem * 9);
+  --size-730-64: calc(6.4rem * 10.5);
+  --size-750-64: calc(6.4rem * 12);
+  --size-760-64: calc(6.4rem * 12.75);
+  --size-775-64: calc(6.4rem * 14);
   --size-800-64: calc(6.4rem * 16);
+  --size-825-64: calc(6.4rem * 20.5);
+  --size-850-64: calc(6.4rem * 24);
+  --size-875-64: calc(6.4rem * 27);
+  --size-900-64: calc(6.4rem * 32);
+  --size-925-64: calc(6.4rem * 41.5);
+  --size-950-64: calc(6.4rem * 48);
+  --size-975-64: calc(6.4rem * 58);
+  --size-1000-64: calc(6.4rem * 64);
+  --size-1020-64: calc(6.4rem * 78.5);
+  --size-1040-64: calc(6.4rem * 95.5);
+  --size-1050-64: calc(6.4rem * 96);
+  --size-1060-64: calc(6.4rem * 103.5);
+  --size-1080-64: calc(6.4rem * 114);
+  --size-1100-64: calc(6.4rem * 128);
+  --size-1115-64: calc(6.4rem * 142.5);
+  --size-1120-64: calc(6.4rem * 158);
+  --size-1125-64: calc(6.4rem * 160);
+  --size-1130-64: calc(6.4rem * 167.5);
+  --size-1150-64: calc(6.4rem * 192);
+  --size-1200-64: calc(6.4rem * 256);
+  --size-50-negative-64: calc((6.4rem * 0.0625) * -1);
+  --size-100-negative-64: calc((6.4rem * 0.125) * -1);
+  --size-200-negative-64: calc((6.4rem * 0.25) * -1);
+  --size-300-negative-64: calc((6.4rem * 0.5) * -1);
+  --size-350-negative-64: calc((6.4rem * 0.75) * -1);
+  --size-400-negative-64: calc((6.4rem * 1) * -1);
+  --size-450-negative-64: calc((6.4rem * 1.5) * -1);
+  --size-500-negative-64: calc((6.4rem * 2) * -1);
+  --size-550-negative-64: calc((6.4rem * 3) * -1);
+  --size-600-negative-64: calc((6.4rem * 4) * -1);
+  --size-625-negative-64: calc((6.4rem * 5.25) * -1);
+  --size-650-negative-64: calc((6.4rem * 6) * -1);
+  --size-700-negative-64: calc((6.4rem * 8) * -1);
+  --size-720-negative-64: calc((6.4rem * 9) * -1);
+  --size-730-negative-64: calc((6.4rem * 10.5) * -1);
+  --size-750-negative-64: calc((6.4rem * 12) * -1);
+  --size-760-negative-64: calc((6.4rem * 12.75) * -1);
+  --size-775-negative-64: calc((6.4rem * 14) * -1);
+  --size-800-negative-64: calc((6.4rem * 16) * -1);
+  --size-825-negative-64: calc((6.4rem * 20.5) * -1);
+  --size-850-negative-64: calc((6.4rem * 24) * -1);
+  --size-875-negative-64: calc((6.4rem * 27) * -1);
+  --size-900-negative-64: calc((6.4rem * 32) * -1);
+  --size-925-negative-64: calc((6.4rem * 41.5) * -1);
+  --size-950-negative-64: calc((6.4rem * 48) * -1);
+  --size-975-negative-64: calc((6.4rem * 58) * -1);
+  --size-1000-negative-64: calc((6.4rem * 64) * -1);
+  --size-1020-negative-64: calc((6.4rem * 78.5) * -1);
+  --size-1040-negative-64: calc((6.4rem * 95.5) * -1);
+  --size-1050-negative-64: calc((6.4rem * 96) * -1);
+  --size-1060-negative-64: calc((6.4rem * 103.5) * -1);
+  --size-1080-negative-64: calc((6.4rem * 114) * -1);
+  --size-1100-negative-64: calc((6.4rem * 128) * -1);
+  --size-1115-negative-64: calc((6.4rem * 142.5) * -1);
+  --size-1120-negative-64: calc((6.4rem * 158) * -1);
+  --size-1125-negative-64: calc((6.4rem * 160) * -1);
+  --size-1130-negative-64: calc((6.4rem * 167.5) * -1);
+  --size-1150-negative-64: calc((6.4rem * 192) * -1);
+  --size-1200-negative-64: calc((6.4rem * 256) * -1);
 }
 body {
-  --size-100-128: calc(12.8rem / 8);
-  --size-200-128: calc(12.8rem / 4);
-  --size-300-128: calc(12.8rem / 2);
-  --size-400-128: 12.8rem;
+  --size-50-128: calc(12.8rem * 0.0625);
+  --size-100-128: calc(12.8rem * 0.125);
+  --size-200-128: calc(12.8rem * 0.25);
+  --size-300-128: calc(12.8rem * 0.5);
+  --size-350-128: calc(12.8rem * 0.75);
+  --size-400-128: calc(12.8rem * 1);
+  --size-450-128: calc(12.8rem * 1.5);
   --size-500-128: calc(12.8rem * 2);
+  --size-550-128: calc(12.8rem * 3);
   --size-600-128: calc(12.8rem * 4);
+  --size-625-128: calc(12.8rem * 5.25);
+  --size-650-128: calc(12.8rem * 6);
   --size-700-128: calc(12.8rem * 8);
+  --size-720-128: calc(12.8rem * 9);
+  --size-730-128: calc(12.8rem * 10.5);
+  --size-750-128: calc(12.8rem * 12);
+  --size-760-128: calc(12.8rem * 12.75);
+  --size-775-128: calc(12.8rem * 14);
   --size-800-128: calc(12.8rem * 16);
+  --size-825-128: calc(12.8rem * 20.5);
+  --size-850-128: calc(12.8rem * 24);
+  --size-875-128: calc(12.8rem * 27);
+  --size-900-128: calc(12.8rem * 32);
+  --size-925-128: calc(12.8rem * 41.5);
+  --size-950-128: calc(12.8rem * 48);
+  --size-975-128: calc(12.8rem * 58);
+  --size-1000-128: calc(12.8rem * 64);
+  --size-1020-128: calc(12.8rem * 78.5);
+  --size-1040-128: calc(12.8rem * 95.5);
+  --size-1050-128: calc(12.8rem * 96);
+  --size-1060-128: calc(12.8rem * 103.5);
+  --size-1080-128: calc(12.8rem * 114);
+  --size-1100-128: calc(12.8rem * 128);
+  --size-1115-128: calc(12.8rem * 142.5);
+  --size-1120-128: calc(12.8rem * 158);
+  --size-1125-128: calc(12.8rem * 160);
+  --size-1130-128: calc(12.8rem * 167.5);
+  --size-1150-128: calc(12.8rem * 192);
+  --size-1200-128: calc(12.8rem * 256);
+  --size-50-negative-128: calc((12.8rem * 0.0625) * -1);
+  --size-100-negative-128: calc((12.8rem * 0.125) * -1);
+  --size-200-negative-128: calc((12.8rem * 0.25) * -1);
+  --size-300-negative-128: calc((12.8rem * 0.5) * -1);
+  --size-350-negative-128: calc((12.8rem * 0.75) * -1);
+  --size-400-negative-128: calc((12.8rem * 1) * -1);
+  --size-450-negative-128: calc((12.8rem * 1.5) * -1);
+  --size-500-negative-128: calc((12.8rem * 2) * -1);
+  --size-550-negative-128: calc((12.8rem * 3) * -1);
+  --size-600-negative-128: calc((12.8rem * 4) * -1);
+  --size-625-negative-128: calc((12.8rem * 5.25) * -1);
+  --size-650-negative-128: calc((12.8rem * 6) * -1);
+  --size-700-negative-128: calc((12.8rem * 8) * -1);
+  --size-720-negative-128: calc((12.8rem * 9) * -1);
+  --size-730-negative-128: calc((12.8rem * 10.5) * -1);
+  --size-750-negative-128: calc((12.8rem * 12) * -1);
+  --size-760-negative-128: calc((12.8rem * 12.75) * -1);
+  --size-775-negative-128: calc((12.8rem * 14) * -1);
+  --size-800-negative-128: calc((12.8rem * 16) * -1);
+  --size-825-negative-128: calc((12.8rem * 20.5) * -1);
+  --size-850-negative-128: calc((12.8rem * 24) * -1);
+  --size-875-negative-128: calc((12.8rem * 27) * -1);
+  --size-900-negative-128: calc((12.8rem * 32) * -1);
+  --size-925-negative-128: calc((12.8rem * 41.5) * -1);
+  --size-950-negative-128: calc((12.8rem * 48) * -1);
+  --size-975-negative-128: calc((12.8rem * 58) * -1);
+  --size-1000-negative-128: calc((12.8rem * 64) * -1);
+  --size-1020-negative-128: calc((12.8rem * 78.5) * -1);
+  --size-1040-negative-128: calc((12.8rem * 95.5) * -1);
+  --size-1050-negative-128: calc((12.8rem * 96) * -1);
+  --size-1060-negative-128: calc((12.8rem * 103.5) * -1);
+  --size-1080-negative-128: calc((12.8rem * 114) * -1);
+  --size-1100-negative-128: calc((12.8rem * 128) * -1);
+  --size-1115-negative-128: calc((12.8rem * 142.5) * -1);
+  --size-1120-negative-128: calc((12.8rem * 158) * -1);
+  --size-1125-negative-128: calc((12.8rem * 160) * -1);
+  --size-1130-negative-128: calc((12.8rem * 167.5) * -1);
+  --size-1150-negative-128: calc((12.8rem * 192) * -1);
+  --size-1200-negative-128: calc((12.8rem * 256) * -1);
 }
 .d-avatar {
   --avatar-color-background: var(--bgc-moderate);
@@ -468,8 +1168,8 @@ body {
   --avatar-size-shape: var(--size-600);
   --avatar-size-image: 100%;
   --avatar-size-text: var(--fs-200);
-  --avatar-presence-position-right: calc(var(--space-200) * -1);
-  --avatar-presence-position-bottom: calc(var(--space-200) * -1);
+  --avatar-presence-position-right: var(--space-200-negative);
+  --avatar-presence-position-bottom: var(--space-200-negative);
   --avatar-count-color-shadow: var(--theme-sidebar-color-background);
   position: relative;
   display: flex;
@@ -535,23 +1235,23 @@ body {
 }
 .d-avatar--xs {
   --avatar-size-shape: calc(var(--size-500) + var(--size-200));
-  --avatar-presence-position-right: calc(var(--space-300) * -1);
-  --avatar-presence-position-bottom: calc(var(--space-300) * -1);
+  --avatar-presence-position-right: var(--space-300-negative);
+  --avatar-presence-position-bottom: var(--space-300-negative);
 }
 .d-avatar--sm {
-  --avatar-size-shape: calc(var(--size-500) + var(--size-400));
+  --avatar-size-shape: var(--size-550);
   --avatar-size-text: var(--fs-100);
-  --avatar-presence-position-right: calc(var(--space-200) * -1);
-  --avatar-presence-position-bottom: calc(var(--space-200) * -1);
+  --avatar-presence-position-right: var(--space-200-negative);
+  --avatar-presence-position-bottom: var(--space-200-negative);
 }
 .d-avatar--md {
   --avatar-size-shape: var(--size-600);
   --avatar-size-text: var(--fs-200);
-  --avatar-presence-position-right: calc(var(--space-100) * -1);
-  --avatar-presence-position-bottom: calc(var(--space-100) * -1);
+  --avatar-presence-position-right: var(--space-100-negative);
+  --avatar-presence-position-bottom: var(--space-100-negative);
 }
 .d-avatar--lg {
-  --avatar-size-shape: calc(var(--size-600) + var(--size-500));
+  --avatar-size-shape: var(--size-650);
   --avatar-size-text: var(--fs-300);
   --avatar-presence-position-right: var(--space-100);
   --avatar-presence-position-bottom: var(--space-100);
@@ -564,8 +1264,8 @@ body {
 }
 .d-avatar--group {
   --avatar-size-shape: calc(var(--size-300) * 4.5);
-  width: calc(var(--size-300) * 6);
-  height: calc(var(--size-300) * 6);
+  width: var(--size-550);
+  height: var(--size-550);
 }
 .d-badge {
   --badge-color-text: var(--fc-primary);
@@ -576,7 +1276,7 @@ body {
   --badge-font-size: var(--fs-100);
   --badge-font-weight: var(--fw-semibold);
   --badge-gap: var(--space-300);
-  --badge-letter-spacing: calc(var(--size-100) / 2);
+  --badge-letter-spacing: var(--size-50);
   --badge-padding-y: var(--space-100);
   --badge-padding-x: var(--space-400);
   --badge-text-case: none;
@@ -586,7 +1286,7 @@ body {
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
-  min-width: calc(var(--size-400) + var(--size-500));
+  min-width: var(--size-550);
   padding: var(--badge-padding-y) var(--badge-padding-x);
   color: var(--badge-color-text);
   font-weight: var(--badge-font-weight);
@@ -723,7 +1423,7 @@ body {
   display: flex;
   box-sizing: border-box;
   width: 100%;
-  min-height: calc(var(--size-300) * 12);
+  min-height: var(--size-650);
   color: var(--banner-color-text);
   font-size: var(--banner-font-size);
   line-height: var(--banner-line-height);
@@ -733,7 +1433,7 @@ body {
   box-shadow: none;
 }
 .d-banner[aria-hidden='true'] {
-  --topbar-height: calc(var(--size-3) * 16);
+  --topbar-height: var(--size-650);
   visibility: hidden;
   opacity: 0;
 }
@@ -825,12 +1525,12 @@ body {
   list-style: none;
 }
 .d-breadcrumbs__item:not(:last-of-type) {
-  margin-right: calc(var(--space-400) + var(--space-300));
+  margin-right: var(--space-450);
 }
 .d-breadcrumbs__item:not(:last-of-type)::before {
   position: absolute;
-  right: calc(calc(var(--space-400) + var(--space-300)) * -1);
-  margin-top: calc(var(--space-100) * -1);
+  right: var(--space-450-negative);
+  margin-top: var(--space-100-negative);
   color: var(--breadcrumbs-color-separator);
   content: '/';
 }
@@ -864,12 +1564,12 @@ body {
   --button-padding-y-xs: calc(calc(var(--space-400) - var(--space-100)) - var(--button-border-width));
   --button-padding-x-xs: calc(var(--space-400) - var(--button-border-width));
   --button-padding-y-sm: calc(var(--space-400) - var(--button-border-width));
-  --button-padding-x-sm: calc((var(--space-500) - var(--space-300)) - var(--button-border-width));
+  --button-padding-x-sm: calc(var(--space-450) - var(--button-border-width));
   --button-padding-y-md: calc(var(--space-400) - var(--button-border-width));
-  --button-padding-x-md: calc((var(--space-500) - var(--space-300)) - var(--button-border-width));
+  --button-padding-x-md: calc(var(--space-450) - var(--button-border-width));
   --button-padding-y-lg: calc((var(--space-400) + var(--space-200)) - var(--button-border-width));
   --button-padding-x-lg: calc(var(--space-500) - var(--button-border-width));
-  --button-padding-y-xl: calc((var(--space-500) - var(--space-300)) - var(--button-border-width));
+  --button-padding-y-xl: calc(var(--space-450) - var(--button-border-width));
   --button-padding-x-xl: calc(var(--space-500) - var(--button-border-width));
   --button-padding-y: var(--button-padding-y-md);
   --button-padding-x: var(--button-padding-x-md);
@@ -937,8 +1637,8 @@ body {
 }
 .d-btn .d-btn__icon .d-svg,
 .d-btn--md .d-btn__icon .d-svg {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: var(--size-500);
+  height: var(--size-500);
 }
 .d-btn--xs {
   --button-padding-y: var(--button-padding-y-xs);
@@ -948,8 +1648,8 @@ body {
   --button-border-radius: var(--size-300);
 }
 .d-btn--xs .d-btn__icon .d-svg {
-  width: 1.2rem;
-  height: 1.2rem;
+  width: var(--size-450);
+  height: var(--size-450);
 }
 .d-btn--sm {
   --button-padding-y: var(--button-padding-y-sm);
@@ -958,19 +1658,19 @@ body {
   --button-line-height: var(--button-line-height-sm);
 }
 .d-btn--sm .d-btn__icon .d-svg {
-  width: 1.4rem;
-  height: 1.4rem;
+  width: calc(var(--size-500) - var(--size-200));
+  height: calc(var(--size-500) - var(--size-200));
 }
 .d-btn--lg {
   --button-padding-y: var(--button-padding-y-lg);
   --button-padding-x: var(--button-padding-x-lg);
   --button-font-size: var(--fs-300);
   --button-line-height: var(--button-line-height-lg);
-  --button-border-radius: calc(var(--size-300) * 3);
+  --button-border-radius: var(--size-450);
 }
 .d-btn--lg .d-btn__icon .d-svg {
-  width: 2rem;
-  height: 2rem;
+  width: calc(var(--size-300) * 5);
+  height: calc(var(--size-300) * 5);
 }
 .d-btn--xl {
   --button-padding-y: var(--button-padding-y-xl);
@@ -981,8 +1681,8 @@ body {
   --button-border-radius: var(--size-500);
 }
 .d-btn--xl .d-btn__icon .d-svg {
-  width: 2.4rem;
-  height: 2.4rem;
+  width: var(--size-550);
+  height: var(--size-550);
 }
 .d-btn__label {
   display: inline-flex;
@@ -1004,10 +1704,10 @@ body {
   order: 1;
 }
 .d-btn__icon--left:not(:only-child) {
-  margin-left: calc(var(--space-200) * -1);
+  margin-left: var(--space-200-negative);
 }
 .d-btn__icon--right:not(:only-child) {
-  margin-right: calc(var(--space-200) * -1);
+  margin-right: var(--space-200-negative);
 }
 .d-btn--circle {
   --button-padding-x: var(--button-padding-y-md);
@@ -1226,7 +1926,7 @@ body {
   width: 2em;
   height: 2em;
   margin-right: var(--space-400);
-  margin-left: calc(var(--space-300) * -1);
+  margin-left: var(--space-300-negative);
   background-color: var(--white);
   border-radius: var(--br2);
 }
@@ -1276,13 +1976,13 @@ body {
   padding: var(--size-500) var(--size-500) 0;
 }
 .d-card__content {
-  padding: var(--size-500);
+  padding: var(--space-500);
   overflow-y: auto;
 }
 .d-card__footer {
   display: flex;
   align-items: center;
-  padding: 0 var(--size-500) var(--size-500);
+  padding: 0 var(--space-500) var(--space-500);
 }
 .d-chip {
   --chip-color-text: var(--fc-primary);
@@ -1354,12 +2054,12 @@ body {
   box-shadow: var(--bs-focus-ring);
 }
 .d-chip__label .d-avatar {
-  --avatar-size-shape: calc(var(--size-600) - var(--space-400));
-  margin: calc(var(--space-200) * -1) var(--space-300) calc(var(--space-200) * -1) calc(calc(var(--space-300) + var(--space-200)) * -1);
+  --avatar-size-shape: var(--space-550);
+  margin: var(--space-200-negative) var(--space-300) var(--space-200-negative) var(--space-350-negative);
 }
 .d-chip__label .d-svg {
-  width: 1.8rem;
-  height: 1.8rem;
+  width: calc(var(--size-500) + var(--size-200));
+  height: calc(var(--size-500) + var(--size-200));
 }
 .d-chip__close {
   --button-color-text: var(--purple-400);
@@ -1379,12 +2079,12 @@ body {
   --button-padding-y-xs: calc(calc(var(--space-400) - var(--space-100)) - var(--button-border-width));
   --button-padding-x-xs: calc(var(--space-400) - var(--button-border-width));
   --button-padding-y-sm: calc(var(--space-400) - var(--button-border-width));
-  --button-padding-x-sm: calc((var(--space-500) - var(--space-300)) - var(--button-border-width));
+  --button-padding-x-sm: calc(var(--space-450) - var(--button-border-width));
   --button-padding-y-md: calc(var(--space-400) - var(--button-border-width));
-  --button-padding-x-md: calc((var(--space-500) - var(--space-300)) - var(--button-border-width));
+  --button-padding-x-md: calc(var(--space-450) - var(--button-border-width));
   --button-padding-y-lg: calc((var(--space-400) + var(--space-200)) - var(--button-border-width));
   --button-padding-x-lg: calc(var(--space-500) - var(--button-border-width));
-  --button-padding-y-xl: calc((var(--space-500) - var(--space-300)) - var(--button-border-width));
+  --button-padding-y-xl: calc(var(--space-450) - var(--button-border-width));
   --button-padding-x-xl: calc(var(--space-500) - var(--button-border-width));
   --button-padding-x: var(--button-padding-x-md);
   position: relative;
@@ -1449,8 +2149,8 @@ body {
   transition: none;
 }
 .d-chip__close .d-btn__icon .d-svg {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: var(--size-500);
+  height: var(--size-500);
 }
 .d-chip__close:hover:not([disabled]) {
   --button-color-text: var(--muted-color-hover);
@@ -1506,8 +2206,8 @@ body {
   --button-color-background: hsla(var(--black-800-hsl)  /  25%);
 }
 .d-chip__close .d-btn__icon .d-svg {
-  width: 1.8rem;
-  height: 1.8rem;
+  width: calc(var(--size-500) + var(--size-200));
+  height: calc(var(--size-500) + var(--size-200));
 }
 .d-chip__icon {
   padding-right: var(--space-300);
@@ -1517,42 +2217,42 @@ body {
   background-color: var(--black-400);
 }
 .d-chip__label--xs {
-  padding: var(--space-200) calc(var(--space-200) + var(--space-300));
+  padding: var(--space-200) var(--space-350);
   font-size: var(--fs-100);
 }
 .d-chip__label--xs .d-svg {
-  width: 1.4rem;
-  height: 1.4rem;
+  width: calc(var(--size-500) - var(--size-200));
+  height: calc(var(--size-500) - var(--size-200));
 }
 .d-chip__label--xs:not(:only-child)::after {
   flex-shrink: 0;
-  width: calc(var(--size-400) + var(--size-300));
-  height: calc(var(--size-400) + var(--size-300));
+  width: var(--size-450);
+  height: var(--size-450);
   content: '';
 }
 .d-chip__label--xs .d-avatar {
   --avatar-size-shape: var(--size-500);
   margin-right: var(--space-300);
-  margin-left: calc(var(--space-300) * -1);
+  margin-left: var(--space-300-negative);
 }
 .d-chip__close--xs {
   padding: var(--space-100);
 }
 .d-chip__close--xs::before {
-  width: calc(var(--size-600) - var(--size-400));
-  height: calc(var(--size-600) - var(--size-400));
+  width: var(--size-550);
+  height: var(--size-550);
 }
 .d-chip__close--xs .d-btn__icon .d-svg {
-  width: 1.4rem;
-  height: 1.4rem;
+  width: calc(var(--size-500) - var(--size-200));
+  height: calc(var(--size-500) - var(--size-200));
 }
 .d-chip__label--sm {
   padding: var(--space-200) var(--space-400);
   font-size: var(--fs-200);
 }
 .d-chip__label--sm .d-svg {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: var(--size-500);
+  height: var(--size-500);
 }
 .d-chip__label--sm:not(:only-child)::after {
   flex-shrink: 0;
@@ -1568,12 +2268,12 @@ body {
   padding: var(--space-200);
 }
 .d-chip__close--sm::before {
-  width: calc(var(--size-600) - var(--space-400));
-  height: calc(var(--size-600) - var(--space-400));
+  width: var(--space-550);
+  height: var(--space-550);
 }
 .d-chip__close--sm .d-btn__icon .d-svg {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: var(--size-500);
+  height: var(--size-500);
 }
 fieldset {
   min-width: 0;
@@ -1621,7 +2321,7 @@ legend .d-label {
   fill: currentColor;
 }
 .d-label + .d-description {
-  margin-top: calc(var(--space-300) * -1);
+  margin-top: var(--space-300-negative);
   margin-bottom: var(--space-300);
 }
 .d-description--lg {
@@ -1680,7 +2380,7 @@ legend .d-label {
   --input-color-background: hsla(var(--black-900-hsl) / 0.03);
   --input-color-background-disabled: hsla(var(--black-900-hsl) / 0.12);
   --input-color-text: var(--fc-secondary);
-  --input-border-width: calc(var(--size-100) + calc(var(--size-100) / 2));
+  --input-border-width: calc(var(--size-100) + var(--size-50));
   --input-border-radius: var(--size-400);
   --input-padding-y: calc(var(--space-400) - var(--input-border-width));
   --input-padding-x: calc((var(--space-500) - var(--space-300)) - var(--input-border-width));
@@ -1853,11 +2553,11 @@ legend .d-label {
 }
 .d-input__wrapper .d-input.d-input-icon--right,
 .d-input__wrapper .d-textarea.d-input-icon--right {
-  padding-right: calc(var(--space-300) + var(--space-200));
+  padding-right: var(--space-350);
 }
 .d-input__wrapper .d-input.d-input-icon--left,
 .d-input__wrapper .d-textarea.d-input-icon--left {
-  padding-left: calc(var(--space-300) + var(--space-200));
+  padding-left: var(--space-350);
 }
 .d-input.d-input--xs {
   --input-padding-y: calc(calc(var(--space-400) - var(--space-100)) - var(--input-border-width));
@@ -1866,8 +2566,8 @@ legend .d-label {
   --input-border-radius: var(--size-300);
 }
 .d-input.d-input--xs .d-btn__icon {
-  width: 1.4rem;
-  height: 1.4rem;
+  width: calc(var(--size-500) - var(--size-200));
+  height: calc(var(--size-500) - var(--size-200));
 }
 .d-input.d-input--sm {
   --input-padding-y: calc(var(--space-400) - var(--input-border-width));
@@ -1875,18 +2575,18 @@ legend .d-label {
   --input-font-size: var(--fs-100);
 }
 .d-input.d-input--sm .d-btn__icon {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: var(--size-500);
+  height: var(--size-500);
 }
 .d-input.d-input--lg {
   --input-padding-y: calc((var(--space-400) + var(--space-200)) - var(--input-border-width));
   --input-padding-x: calc(var(--space-500) - var(--input-border-width));
   --input-font-size: var(--fs-300);
-  --input-border-radius: calc(var(--size-300) * 3);
+  --input-border-radius: var(--size-450);
 }
 .d-input.d-input--lg .d-btn__icon {
-  width: 2rem;
-  height: 2rem;
+  width: calc(var(--size-300) * 5);
+  height: calc(var(--size-300) * 5);
 }
 .d-input.d-input--xl {
   --input-padding-y: calc((var(--space-500) - var(--space-300)) - var(--input-border-width));
@@ -1895,8 +2595,8 @@ legend .d-label {
   --input-border-radius: var(--size-500);
 }
 .d-input.d-input--xl .d-btn__icon {
-  width: 2.4rem;
-  height: 2.4rem;
+  width: var(--size-550);
+  height: var(--size-550);
 }
 .d-textarea {
   min-height: calc(var(--size-300) * 20);
@@ -1913,29 +2613,29 @@ legend .d-label {
   min-height: calc(var(--size-300) * 10);
 }
 .d-textarea--xs .d-btn__icon {
-  width: 1.4rem;
-  height: 1.4rem;
+  width: calc(var(--size-500) - var(--size-200));
+  height: calc(var(--size-500) - var(--size-200));
 }
 .d-textarea--sm {
   --input-padding-y: calc(var(--space-400) - var(--input-border-width));
   --input-padding-x: calc((var(--space-500) - var(--space-300)) - var(--input-border-width));
   --input-font-size: var(--fs-100);
-  min-height: calc(var(--size-300) * 12);
+  min-height: var(--size-650);
 }
 .d-textarea--sm .d-btn__icon {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: var(--size-500);
+  height: var(--size-500);
 }
 .d-textarea--lg {
   --input-padding-y: calc((var(--space-400) + var(--space-200)) - var(--input-border-width));
   --input-padding-x: calc(var(--space-500) - var(--input-border-width));
   --input-font-size: var(--fs-300);
-  --input-border-radius: calc(var(--size-300) * 3);
+  --input-border-radius: var(--size-450);
   min-height: calc(var(--size-300) * 23);
 }
 .d-textarea--lg .d-btn__icon {
-  width: 2rem;
-  height: 2rem;
+  width: calc(var(--size-300) * 5);
+  height: calc(var(--size-300) * 5);
 }
 .d-textarea--xl {
   --input-padding-y: calc((var(--space-500) - var(--space-300)) - var(--input-border-width));
@@ -1945,8 +2645,8 @@ legend .d-label {
   min-height: calc(var(--size-300) * 25);
 }
 .d-textarea--xl .d-btn__icon {
-  width: 2.4rem;
-  height: 2.4rem;
+  width: var(--size-550);
+  height: var(--size-550);
 }
 .d-input--warning,
 .d-textarea--warning {
@@ -1977,25 +2677,25 @@ legend .d-label {
   --input-icon-container-height: calc(var(--size-600) - var(--size-300));
 }
 .d-input-icon--xs {
-  --input-icon-size: 1.2rem;
+  --input-icon-size: var(--size-450);
 }
 .d-input-icon.d-input--sm {
   --input-icon-container-height: var(--size-600);
 }
 .d-input-icon--sm {
-  --input-icon-size: 1.4rem;
+  --input-icon-size: calc(var(--size-500) - var(--size-200));
 }
 .d-input-icon.d-input--lg {
   --input-icon-container-height: calc(var(--size-300) * 10);
 }
 .d-input-icon--lg {
-  --input-icon-size: 2rem;
+  --input-icon-size: calc(var(--size-300) * 5);
 }
 .d-input-icon.d-input--xl {
   --input-icon-container-height: calc(var(--size-300) * 14);
 }
 .d-input-icon--xl {
-  --input-icon-size: 2.4rem;
+  --input-icon-size: var(--size-550);
 }
 .d-link {
   --link-color-default: var(--purple-400);
@@ -2087,7 +2787,7 @@ legend .d-label {
 .d-list-group--header,
 .d-list-group--link {
   display: block;
-  padding: var(--size-300) calc(var(--size-300) * 6);
+  padding: var(--space-300) var(--space-550);
 }
 .d-list-group--header {
   font-weight: var(--fw-bold);
@@ -2154,7 +2854,7 @@ legend .d-label {
   gap: var(--space-500);
   box-sizing: border-box;
   width: 100%;
-  max-width: calc(var(--size-300) * 157);
+  max-width: var(--size-1020);
   max-height: 100%;
   padding: var(--modal-dialog-padding);
   overflow-y: auto;
@@ -2182,14 +2882,14 @@ legend .d-label {
   opacity: 1;
 }
 .d-modal__footer {
-  --modal-footer-padding: calc(var(--space-300) * 6);
+  --modal-footer-padding: var(--space-550);
   display: flex;
   flex-direction: row-reverse;
   gap: var(--space-400);
   align-items: center;
 }
 .d-modal__header {
-  --modal-header-padding: calc(var(--space-300) * 6);
+  --modal-header-padding: var(--space-550);
   margin: 0 !important;
   color: var(--modal-header-color-text);
   font-weight: var(--fw-medium);
@@ -2212,7 +2912,7 @@ legend .d-label {
   position: relative;
   box-sizing: border-box;
   width: 100%;
-  max-width: calc(var(--size-300) * 157);
+  max-width: var(--size-1020);
   padding: var(--modal-banner-padding-y) var(--modal-banner-padding-x);
   color: var(--fc-primary);
   font-size: var(--fs-200);
@@ -2277,11 +2977,11 @@ legend .d-label {
 }
 .d-modal--full .d-modal__footer {
   margin-top: auto !important;
-  padding: 0 calc(var(--space-300) * 6) var(--space-600) var(--space-600);
+  padding: 0 var(--space-550) var(--space-600) var(--space-600);
 }
 .d-modal--full .d-modal__banner {
   max-width: unset;
-  padding: calc(var(--space-300) * 3) var(--space-600);
+  padding: var(--space-450) var(--space-600);
   border-radius: 0;
 }
 .d-modal__dialog--scrollable {
@@ -2362,7 +3062,7 @@ legend .d-label {
   z-index: var(--zi-notification);
   box-sizing: border-box;
   width: 100%;
-  max-width: calc(var(--size-300) * 157);
+  max-width: var(--size-1020);
   padding: var(--toast-padding);
   color: var(--toast-color-text);
   font-size: var(--toast-font-size);
@@ -2466,7 +3166,7 @@ legend .d-label {
   align-items: center;
   box-sizing: border-box;
   width: 100%;
-  max-width: calc(var(--size-300) * 157);
+  max-width: var(--size-1020);
   padding: var(--notice-padding);
   color: var(--notice-color-text);
   font-size: var(--notice-font-size);
@@ -2476,7 +3176,7 @@ legend .d-label {
   box-shadow: var(--notice-box-shadow);
 }
 .d-toast .d-notice {
-  max-width: calc(var(--size-300) * 116);
+  max-width: var(--size-975);
   box-shadow: var(--bs-sm);
   pointer-events: all;
 }
@@ -2495,7 +3195,7 @@ legend .d-label {
 .d-notice__icon {
   display: flex;
   flex: 0 auto;
-  margin-right: calc(var(--space-300) * 3);
+  margin-right: var(--space-450);
   color: var(--notice-color-icon);
 }
 .d-banner .d-notice__icon {
@@ -2622,8 +3322,8 @@ legend .d-label {
   justify-content: flex-end;
   width: 100%;
   min-height: var(--size48);
-  padding-top: calc(var(--space-300) + var(--space-200));
-  padding-bottom: calc(var(--space-300) + var(--space-200));
+  padding-top: var(--space-350);
+  padding-bottom: var(--space-350);
   overflow: auto;
   font-weight: var(--fw-semibold);
   font-size: var(--fs-200);
@@ -2643,7 +3343,7 @@ legend .d-label {
   --check-radio-color-border-disabled: hsla(var(--black-900-hsl) / 0.09);
   --check-radio-color-background: hsla(var(--black-900-hsl) / 0.03);
   --check-radio-color-background-disabled: hsla(var(--black-900-hsl) / 0.12);
-  --check-radio-border-width: calc(var(--size-100) + calc(var(--size-100) / 2));
+  --check-radio-border-width: calc(var(--size-100) + var(--size-50));
   flex: 0 auto;
   align-self: flex-start;
   transition-timing-function: var(--ttf-out-quint);
@@ -2819,7 +3519,7 @@ legend .d-label {
 }
 .d-select {
   --select-color-border: var(--black-500);
-  --select-notch-position-right: calc(var(--size-300) * 2);
+  --select-notch-position-right: var(--size-400);
   position: relative;
   width: stretch;
 }
@@ -2840,12 +3540,12 @@ legend .d-label {
 }
 .d-select__input {
   --select-color-border: var(--input-color-border);
-  --select-notch-padding-right: calc(var(--space-300) * 6);
+  --select-notch-padding-right: var(--space-550);
   --input-color-border: var(--bc-subtle);
   --input-color-background: hsla(var(--black-900-hsl) / 0.03);
   --input-color-background-disabled: hsla(var(--black-900-hsl) / 0.12);
   --input-color-text: var(--fc-secondary);
-  --input-border-width: calc(var(--size-100) + calc(var(--size-100) / 2));
+  --input-border-width: calc(var(--size-100) + var(--size-50));
   --input-border-radius: var(--size-400);
   --input-padding-y: calc(var(--space-400) - var(--input-border-width));
   --input-padding-x: calc((var(--space-500) - var(--space-300)) - var(--input-border-width));
@@ -2944,8 +3644,8 @@ legend .d-label {
   --input-border-radius: var(--size-300);
 }
 .d-select--xs .d-select__input .d-btn__icon {
-  width: 1.4rem;
-  height: 1.4rem;
+  width: calc(var(--size-500) - var(--size-200));
+  height: calc(var(--size-500) - var(--size-200));
 }
 .d-select--sm .d-select__input {
   --input-padding-y: calc(var(--space-400) - var(--input-border-width));
@@ -2953,23 +3653,23 @@ legend .d-label {
   --input-font-size: var(--fs-100);
 }
 .d-select--sm .d-select__input .d-btn__icon {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: var(--size-500);
+  height: var(--size-500);
 }
 .d-select--lg .d-select__input {
   --input-padding-y: calc((var(--space-400) + var(--space-200)) - var(--input-border-width));
   --input-padding-x: calc(var(--space-500) - var(--input-border-width));
   --input-font-size: var(--fs-300);
-  --input-border-radius: calc(var(--size-300) * 3);
+  --input-border-radius: var(--size-450);
   --select-notch-padding-right: calc(var(--space-300) * 9);
 }
 .d-select--lg .d-select__input .d-btn__icon {
-  width: 2rem;
-  height: 2rem;
+  width: calc(var(--size-300) * 5);
+  height: calc(var(--size-300) * 5);
 }
 .d-select--lg::after {
   --select-arrow-size: calc(var(--size-300) * 4.5);
-  --select-notch-position-right: calc(var(--size-300) * 3);
+  --select-notch-position-right: var(--size-450);
 }
 .d-select--xl .d-select__input {
   --input-padding-y: calc((var(--space-500) - var(--space-300)) - var(--input-border-width));
@@ -2979,12 +3679,12 @@ legend .d-label {
   --select-notch-padding-right: calc(var(--space-300) * 9);
 }
 .d-select--xl .d-select__input .d-btn__icon {
-  width: 2.4rem;
-  height: 2.4rem;
+  width: var(--size-550);
+  height: var(--size-550);
 }
 .d-select--xl::after {
   --select-arrow-size: calc(var(--size-300) * 4.5);
-  --select-notch-position-right: calc(var(--size-300) * 3);
+  --select-notch-position-right: var(--size-450);
 }
 .d-select__input--success {
   --input-color-border: var(--bc-success);
@@ -3116,7 +3816,7 @@ legend .d-label {
   font-size: var(--fs-100);
 }
 .d-tablist--sm .d-tab {
-  --tab-padding-x: calc(var(--space-300) * 2);
+  --tab-padding-x: var(--space-400);
   --tab-padding-y: var(--space-400);
   --tab-padding-bottom: calc(var(--tab-padding-y) + var(--space-100));
   --tab-border-radius-top: var(--size-300);
@@ -3130,7 +3830,7 @@ legend .d-label {
   --tab-line-height: var(--lh-200);
   --tab-font-weight: var(--fw-medium);
   --tab-border-radius-top: var(--size-400);
-  --tab-padding-x: calc(var(--space-300) * 3);
+  --tab-padding-x: var(--space-450);
   --tab-padding-y: var(--space-400);
   --tab-padding-bottom: calc(var(--tab-padding-y) + var(--space-100));
   position: relative;
@@ -3260,10 +3960,10 @@ legend .d-label {
   --tooltip-font-weight: var(--fw-medium);
   --tooltip-line-height: var(--lh-300);
   --tooltip-padding-y: var(--space-400);
-  --tooltip-padding-x: calc(var(--space-300) * 3);
+  --tooltip-padding-x: var(--space-450);
   --tooltip-border-radius: var(--size-300);
   z-index: var(--zi-tooltip);
-  max-width: calc(var(--size-300) * 54);
+  max-width: var(--size-875);
   padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
   color: var(--tooltip-color-text);
   font-weight: var(--tooltip-font-weight);
@@ -3276,7 +3976,7 @@ legend .d-label {
 }
 .d-tooltip::after {
   position: absolute;
-  border: calc(var(--size-300) + var(--size-200)) solid transparent;
+  border: var(--size-350) solid transparent;
   content: '';
 }
 .d-tooltip--inverted {
@@ -3312,7 +4012,7 @@ legend .d-label {
 .d-tooltip__arrow--top-left,
 .d-tooltip__arrow--top-center,
 .d-tooltip__arrow--top-right {
-  top: calc(100% + calc(var(--space-300) * 3));
+  top: calc(100% + var(--space-450));
   transform: translateY(var(--space-500));
 }
 .d-tooltip__arrow-tippy--bottom-start::after,
@@ -3321,7 +4021,7 @@ legend .d-label {
 .d-tooltip__arrow--top-left::after,
 .d-tooltip__arrow--top-center::after,
 .d-tooltip__arrow--top-right::after {
-  top: calc(calc(var(--space-300) + var(--space-200)) * -1);
+  top: var(--space-350-negative);
   border-top-width: 0;
   border-bottom-color: var(--tooltip-color-background);
 }
@@ -3331,8 +4031,8 @@ legend .d-label {
 .d-tooltip__arrow--bottom-left,
 .d-tooltip__arrow--bottom-center,
 .d-tooltip__arrow--bottom-right {
-  bottom: calc(100% + calc(var(--space-300) * 3));
-  transform: translateY(calc(var(--space-500) * -1));
+  bottom: calc(100% + var(--space-450));
+  transform: translateY(var(--space-500-negative));
 }
 .d-tooltip__arrow-tippy--top-start::after,
 .d-tooltip__arrow-tippy--top::after,
@@ -3340,7 +4040,7 @@ legend .d-label {
 .d-tooltip__arrow--bottom-left::after,
 .d-tooltip__arrow--bottom-center::after,
 .d-tooltip__arrow--bottom-right::after {
-  bottom: calc(calc(var(--space-300) + var(--space-200)) * -1);
+  bottom: var(--space-350-negative);
   border-top-color: var(--tooltip-color-background);
   border-bottom-width: 0;
 }
@@ -3348,7 +4048,7 @@ legend .d-label {
 .d-tooltip__arrow-tippy--top-start,
 .d-tooltip__arrow--top-left,
 .d-tooltip__arrow--bottom-left {
-  left: calc(var(--space-200) * -1);
+  left: var(--space-200-negative);
 }
 .d-tooltip__arrow-tippy--bottom-start::after,
 .d-tooltip__arrow-tippy--top-start::after,
@@ -3361,13 +4061,13 @@ legend .d-label {
 .d-tooltip__arrow--top-center::after,
 .d-tooltip__arrow--bottom-center::after {
   left: 50%;
-  margin-left: calc(calc(var(--space-300) + var(--space-200)) * -1);
+  margin-left: var(--space-350-negative);
 }
 .d-tooltip__arrow-tippy--bottom-end,
 .d-tooltip__arrow-tippy--top-end,
 .d-tooltip__arrow--top-right,
 .d-tooltip__arrow--bottom-right {
-  right: calc(var(--space-200) * -1);
+  right: var(--space-200-negative);
 }
 .d-tooltip__arrow-tippy--bottom-end::after,
 .d-tooltip__arrow-tippy--top-end::after,
@@ -3381,8 +4081,8 @@ legend .d-label {
 .d-tooltip__arrow--right-top,
 .d-tooltip__arrow--right-center,
 .d-tooltip__arrow--right-bottom {
-  right: calc(100% + calc(var(--space-300) * 3));
-  transform: translateX(calc(var(--space-500) * -1));
+  right: calc(100% + var(--space-450));
+  transform: translateX(var(--space-500-negative));
 }
 .d-tooltip__arrow-tippy--left-start::after,
 .d-tooltip__arrow-tippy--left::after,
@@ -3390,7 +4090,7 @@ legend .d-label {
 .d-tooltip__arrow--right-top::after,
 .d-tooltip__arrow--right-center::after,
 .d-tooltip__arrow--right-bottom::after {
-  right: calc(calc(var(--space-300) + var(--space-200)) * -1);
+  right: var(--space-350-negative);
   border-right-width: 0;
   border-left-color: var(--tooltip-color-background);
 }
@@ -3400,7 +4100,7 @@ legend .d-label {
 .d-tooltip__arrow--left-top,
 .d-tooltip__arrow--left-center,
 .d-tooltip__arrow--left-bottom {
-  left: calc(100% + calc(var(--space-300) * 3));
+  left: calc(100% + var(--space-450));
   transform: translateX(var(--space-500));
 }
 .d-tooltip__arrow-tippy--right-start::after,
@@ -3409,7 +4109,7 @@ legend .d-label {
 .d-tooltip__arrow--left-top::after,
 .d-tooltip__arrow--left-center::after,
 .d-tooltip__arrow--left-bottom::after {
-  left: calc(calc(var(--space-300) + var(--space-200)) * -1);
+  left: var(--space-350-negative);
   border-right-color: var(--tooltip-color-background);
   border-left-width: 0;
 }
@@ -3417,7 +4117,7 @@ legend .d-label {
 .d-tooltip__arrow-tippy--left-start,
 .d-tooltip__arrow--right-top,
 .d-tooltip__arrow--left-top {
-  top: calc(var(--space-100) * -1);
+  top: var(--space-100-negative);
 }
 .d-tooltip__arrow-tippy--right-start::after,
 .d-tooltip__arrow-tippy--left-start::after,
@@ -3430,13 +4130,13 @@ legend .d-label {
 .d-tooltip__arrow--right-center::after,
 .d-tooltip__arrow--left-center::after {
   top: 50%;
-  margin-top: calc(calc(var(--space-300) + var(--space-200)) * -1);
+  margin-top: var(--space-350-negative);
 }
 .d-tooltip__arrow-tippy--right-end,
 .d-tooltip__arrow-tippy--left-end,
 .d-tooltip__arrow--right-bottom,
 .d-tooltip__arrow--left-bottom {
-  bottom: calc(var(--space-100) * -1);
+  bottom: var(--space-100-negative);
 }
 .d-tooltip__arrow-tippy--right-end::after,
 .d-tooltip__arrow-tippy--left-end::after,
@@ -3448,8 +4148,8 @@ legend .d-label {
   --toggle-transition-timing-function: var(--ttf-out-quint);
   --toggle-transition-speed: var(--td300);
   --toggle-color-background: var(--black-400);
-  --toggle-size-height: calc(var(--size-300) * 6);
-  --toggle-size-width: calc(var(--size-300) * 12);
+  --toggle-size-height: var(--size-550);
+  --toggle-size-width: var(--size-650);
   --toggle-size-icon: var(--size-500);
   position: relative;
   display: inline-block;
@@ -3471,7 +4171,7 @@ legend .d-label {
 .d-toggle__inner {
   position: absolute;
   top: calc(var(--space-300) - var(--space-100));
-  left: calc(var(--space-300) * 6);
+  left: var(--space-550);
   width: var(--toggle-size-icon);
   height: var(--toggle-size-icon);
   color: var(--white);
@@ -3505,9 +4205,9 @@ legend .d-label {
 }
 .d-toggle--small::before {
   position: absolute;
-  top: calc(var(--space-300) * -1);
+  top: var(--space-300-negative);
   right: 0;
-  bottom: calc(var(--space-300) * -1);
+  bottom: var(--space-300-negative);
   left: 0;
   content: '';
 }
@@ -3519,14 +4219,14 @@ legend .d-label {
   --toggle-color-background: var(--purple-400);
 }
 .d-toggle--checked .d-toggle__inner {
-  left: calc(var(--space-300) + var(--space-200));
+  left: var(--space-350);
   background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MTg3IDUuMzgxMjhDMjAuOTYwNCA1LjcyMjk5IDIwLjk2MDQgNi4yNzcwMSAyMC42MTg3IDYuNjE4NzJMOS42MTg3MiAxNy42MTg3QzkuMjc3MDEgMTcuOTYwNCA4LjcyMjk5IDE3Ljk2MDQgOC4zODEyOCAxNy42MTg3TDMuMzgxMjggMTIuNjE4N0MzLjAzOTU3IDEyLjI3NyAzLjAzOTU3IDExLjcyMyAzLjM4MTI4IDExLjM4MTNDMy43MjI5OSAxMS4wMzk2IDQuMjc3MDEgMTEuMDM5NiA0LjYxODcyIDExLjM4MTNMOSAxNS43NjI2TDE5LjM4MTMgNS4zODEyOEMxOS43MjMgNS4wMzk1NyAyMC4yNzcgNS4wMzk1NyAyMC42MTg3IDUuMzgxMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
 }
 .d-toggle--checked.d-toggle--small .d-toggle__inner {
   left: calc(var(--space-100) + var(--space-200));
 }
 .d-toggle--checked::after {
-  left: calc(calc(var(--space-300) * 6) + var(--space-100));
+  left: calc(var(--space-550) + var(--space-100));
 }
 .d-toggle--checked.d-toggle--small::after {
   right: var(--space-100);
@@ -3778,7 +4478,7 @@ legend .d-label {
   --stack-gap: var(--space-500);
 }
 .d-stack--gap-600 {
-  --stack-gap: var(--space-500);
+  --stack-gap: var(--space-600);
 }
 .d-bgg-from-black-600,
 .h\:d-bgg-from-black-600:hover,
@@ -6792,7 +7492,7 @@ body.theme-dark .d\:d-bgg-to-black-700 {
 }
 .d-bgg-pattern {
   position: relative;
-  padding-left: calc(var(--space-300) * 6) !important;
+  padding-left: var(--space-550) !important;
 }
 .d-bgg-pattern::after {
   position: absolute;
@@ -7130,13 +7830,13 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   border-width: var(--size-100) !important;
 }
 .d-baw2 {
-  border-width: var(--su2) !important;
+  border-width: var(--size-200) !important;
 }
 .d-baw4 {
-  border-width: var(--su4) !important;
+  border-width: var(--size-300) !important;
 }
 .d-baw6 {
-  border-width: var(--su6) !important;
+  border-width: var(--size-350) !important;
 }
 .d-btw0 {
   border-top-width: 0 !important;
@@ -7145,13 +7845,13 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   border-top-width: var(--size-100) !important;
 }
 .d-btw2 {
-  border-top-width: var(--su2) !important;
+  border-top-width: var(--size-200) !important;
 }
 .d-btw4 {
-  border-top-width: var(--su4) !important;
+  border-top-width: var(--size-300) !important;
 }
 .d-btw6 {
-  border-top-width: var(--su6) !important;
+  border-top-width: var(--size-350) !important;
 }
 .d-brw0 {
   border-right-width: 0 !important;
@@ -7160,13 +7860,13 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   border-right-width: var(--size-100) !important;
 }
 .d-brw2 {
-  border-right-width: var(--su2) !important;
+  border-right-width: var(--size-200) !important;
 }
 .d-brw4 {
-  border-right-width: var(--su4) !important;
+  border-right-width: var(--size-300) !important;
 }
 .d-brw6 {
-  border-right-width: var(--su6) !important;
+  border-right-width: var(--size-350) !important;
 }
 .d-bbw0 {
   border-bottom-width: 0 !important;
@@ -7175,13 +7875,13 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   border-bottom-width: var(--size-100) !important;
 }
 .d-bbw2 {
-  border-bottom-width: var(--su2) !important;
+  border-bottom-width: var(--size-200) !important;
 }
 .d-bbw4 {
-  border-bottom-width: var(--su4) !important;
+  border-bottom-width: var(--size-300) !important;
 }
 .d-bbw6 {
-  border-bottom-width: var(--su6) !important;
+  border-bottom-width: var(--size-350) !important;
 }
 .d-blw0 {
   border-left-width: 0 !important;
@@ -7190,13 +7890,13 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   border-left-width: var(--size-100) !important;
 }
 .d-blw2 {
-  border-left-width: var(--su2) !important;
+  border-left-width: var(--size-200) !important;
 }
 .d-blw4 {
-  border-left-width: var(--su4) !important;
+  border-left-width: var(--size-300) !important;
 }
 .d-blw6 {
-  border-left-width: var(--su6) !important;
+  border-left-width: var(--size-350) !important;
 }
 .d-bxw0 {
   border-right-width: 0 !important;
@@ -7207,16 +7907,16 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   border-left-width: var(--size-100) !important;
 }
 .d-bxw2 {
-  border-right-width: var(--su2) !important;
-  border-left-width: var(--su2) !important;
+  border-right-width: var(--size-200) !important;
+  border-left-width: var(--size-200) !important;
 }
 .d-bxw4 {
-  border-right-width: var(--su4) !important;
-  border-left-width: var(--su4) !important;
+  border-right-width: var(--size-300) !important;
+  border-left-width: var(--size-300) !important;
 }
 .d-bxw6 {
-  border-right-width: var(--su6) !important;
-  border-left-width: var(--su6) !important;
+  border-right-width: var(--size-350) !important;
+  border-left-width: var(--size-350) !important;
 }
 .d-byw0 {
   border-top-width: 0 !important;
@@ -7227,16 +7927,16 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   border-bottom-width: var(--size-100) !important;
 }
 .d-byw2 {
-  border-top-width: var(--su2) !important;
-  border-bottom-width: var(--su2) !important;
+  border-top-width: var(--size-200) !important;
+  border-bottom-width: var(--size-200) !important;
 }
 .d-byw4 {
-  border-top-width: var(--su4) !important;
-  border-bottom-width: var(--su4) !important;
+  border-top-width: var(--size-300) !important;
+  border-bottom-width: var(--size-300) !important;
 }
 .d-byw6 {
-  border-top-width: var(--su6) !important;
-  border-bottom-width: var(--su6) !important;
+  border-top-width: var(--size-350) !important;
+  border-bottom-width: var(--size-350) !important;
 }
 .d-divide-y > * + * {
   --divide-y-reverse: 0;
@@ -15921,22 +16621,22 @@ body.theme-dark .d\:d-bgg-to-0 {
 }
 @keyframes d-loading-bars__short {
   0% {
-    min-height: 0.4rem;
-    transform: translateY(-1.6rem);
+    min-height: var(--size-300);
+    transform: translateY(var(--size-500-negative));
     opacity: 0;
   }
   5% {
-    min-height: 0.4rem;
-    transform: translateY(1.6rem);
+    min-height: var(--size-300);
+    transform: translateY(var(--size-500));
     opacity: 0.5;
   }
   10% {
     min-height: 1rem;
-    transform: translateY(-0.2rem);
+    transform: translateY(var(--size-200-negative));
     opacity: 1;
   }
   15% {
-    transform: translateY(0.1rem);
+    transform: translateY(var(--size-100));
     opacity: 1;
   }
   20%,
@@ -15951,36 +16651,36 @@ body.theme-dark .d\:d-bgg-to-0 {
     opacity: 1;
   }
   80% {
-    min-height: 0.4rem;
-    transform: translateY(-0.4rem);
+    min-height: var(--size-300);
+    transform: translateY(var(--size-300-negative));
     opacity: 0.5;
   }
   85%,
   100% {
-    min-height: 0.4rem;
-    transform: translateY(1.6rem);
+    min-height: var(--size-300);
+    transform: translateY(var(--size-500));
     opacity: 0;
   }
 }
 @keyframes d-loading-bars__tall {
   0% {
-    min-height: 0.4rem;
-    transform: translateY(-1.6rem);
+    min-height: var(--size-300);
+    transform: translateY(var(--size-500-negative));
     opacity: 0;
   }
   5% {
-    min-height: 0.4rem;
-    transform: translateY(1.6rem);
+    min-height: var(--size-300);
+    transform: translateY(var(--size-500));
     opacity: 0.5;
   }
   10% {
     min-height: 1rem;
-    transform: translateY(-0.2rem);
+    transform: translateY(var(--size-200-negative));
     opacity: 1;
   }
   15% {
     min-height: 2.2rem;
-    transform: translateY(0.1rem);
+    transform: translateY(var(--size-100));
     opacity: 1;
   }
   20%,
@@ -15990,19 +16690,19 @@ body.theme-dark .d\:d-bgg-to-0 {
     opacity: 1;
   }
   75% {
-    min-height: 1.6rem;
+    min-height: var(--size-500);
     transform: translateY(1rem);
     opacity: 1;
   }
   80% {
     min-height: 1rem;
-    transform: translateY(-0.4rem);
+    transform: translateY(var(--size-300-negative));
     opacity: 1;
   }
   85%,
   100% {
-    min-height: 0.4rem;
-    transform: translateY(1.6rem);
+    min-height: var(--size-300);
+    transform: translateY(var(--size-500));
     opacity: 0;
   }
 }
@@ -16517,37 +17217,37 @@ body.theme-dark .d\:d-bgg-to-0 {
   --fl-gap: 0 !important;
 }
 .d-flg1 > * {
-  --fl-gap: 0.1rem !important;
+  --fl-gap: var(--space-100) !important;
 }
 .d-flg2 > * {
-  --fl-gap: 0.2rem !important;
+  --fl-gap: var(--space-100) !important;
 }
 .d-flg4 > * {
-  --fl-gap: 0.4rem !important;
+  --fl-gap: var(--space-300) !important;
 }
 .d-flg6 > * {
-  --fl-gap: 0.6rem !important;
+  --fl-gap: var(--space-350) !important;
 }
 .d-flg8 > * {
-  --fl-gap: 0.8rem !important;
+  --fl-gap: var(--space-400) !important;
 }
 .d-flg12 > * {
-  --fl-gap: 1.2rem !important;
+  --fl-gap: var(--space-450) !important;
 }
 .d-flg16 > * {
-  --fl-gap: 1.6rem !important;
+  --fl-gap: var(--space-500) !important;
 }
 .d-flg24 > * {
-  --fl-gap: 2.4rem !important;
+  --fl-gap: var(--space-550) !important;
 }
 .d-flg32 > * {
-  --fl-gap: 3.2rem !important;
+  --fl-gap: var(--space-600) !important;
 }
 .d-flg48 > * {
-  --fl-gap: 4.8rem !important;
+  --fl-gap: var(--space-650) !important;
 }
 .d-flg64 > * {
-  --fl-gap: 6.4rem !important;
+  --fl-gap: var(--space-700) !important;
 }
 .d-fd-row {
   flex-direction: row !important;
@@ -19602,109 +20302,109 @@ body.theme-dark .d\:d-bgg-to-0 {
   margin-top: 0 !important;
 }
 .d-stack1 > * + * {
-  margin-top: 0.1rem !important;
+  margin-top: var(--space-100) !important;
 }
 .d-stack2 > * + * {
-  margin-top: 0.2rem !important;
+  margin-top: var(--space-200) !important;
 }
 .d-stack4 > * + * {
-  margin-top: 0.4rem !important;
+  margin-top: var(--space-300) !important;
 }
 .d-stack6 > * + * {
-  margin-top: 0.6rem !important;
+  margin-top: var(--space-350) !important;
 }
 .d-stack8 > * + * {
-  margin-top: 0.8rem !important;
+  margin-top: var(--space-400) !important;
 }
 .d-stack12 > * + * {
-  margin-top: 1.2rem !important;
+  margin-top: var(--space-450) !important;
 }
 .d-stack16 > * + * {
-  margin-top: 1.6rem !important;
+  margin-top: var(--space-500) !important;
 }
 .d-stack24 > * + * {
-  margin-top: 2.4rem !important;
+  margin-top: var(--space-550) !important;
 }
 .d-stack32 > * + * {
-  margin-top: 3.2rem !important;
+  margin-top: var(--space-600) !important;
 }
 .d-stack48 > * + * {
-  margin-top: 4.8rem !important;
+  margin-top: var(--space-650) !important;
 }
 .d-stack64 > * + * {
-  margin-top: 6.4rem !important;
+  margin-top: var(--space-700) !important;
 }
 .d-stack72 > * + * {
-  margin-top: 7.2rem !important;
+  margin-top: var(--space-720) !important;
 }
 .d-stack84 > * + * {
-  margin-top: 8.4rem !important;
+  margin-top: var(--space-730) !important;
 }
 .d-stack96 > * + * {
-  margin-top: 9.6rem !important;
+  margin-top: var(--space-750) !important;
 }
 .d-stack102 > * + * {
-  margin-top: 10.2rem !important;
+  margin-top: var(--space-760) !important;
 }
 .d-stack114 > * + * {
-  margin-top: 11.4rem !important;
+  margin-top: var(--space-775) !important;
 }
 .d-stack128 > * + * {
-  margin-top: 12.8rem !important;
+  margin-top: var(--space-800) !important;
 }
 .d-flow0 > * + * {
   margin-left: 0 !important;
 }
 .d-flow1 > * + * {
-  margin-left: 0.1rem !important;
+  margin-left: var(--space-100) !important;
 }
 .d-flow2 > * + * {
-  margin-left: 0.2rem !important;
+  margin-left: var(--space-200) !important;
 }
 .d-flow4 > * + * {
-  margin-left: 0.4rem !important;
+  margin-left: var(--space-300) !important;
 }
 .d-flow6 > * + * {
-  margin-left: 0.6rem !important;
+  margin-left: var(--space-350) !important;
 }
 .d-flow8 > * + * {
-  margin-left: 0.8rem !important;
+  margin-left: var(--space-400) !important;
 }
 .d-flow12 > * + * {
-  margin-left: 1.2rem !important;
+  margin-left: var(--space-450) !important;
 }
 .d-flow16 > * + * {
-  margin-left: 1.6rem !important;
+  margin-left: var(--space-500) !important;
 }
 .d-flow24 > * + * {
-  margin-left: 2.4rem !important;
+  margin-left: var(--space-550) !important;
 }
 .d-flow32 > * + * {
-  margin-left: 3.2rem !important;
+  margin-left: var(--space-600) !important;
 }
 .d-flow48 > * + * {
-  margin-left: 4.8rem !important;
+  margin-left: var(--space-650) !important;
 }
 .d-flow64 > * + * {
-  margin-left: 6.4rem !important;
+  margin-left: var(--space-700) !important;
 }
 .d-flow72 > * + * {
-  margin-left: 7.2rem !important;
+  margin-left: var(--space-720) !important;
 }
 .d-flow84 > * + * {
-  margin-left: 8.4rem !important;
+  margin-left: var(--space-730) !important;
 }
 .d-flow96 > * + * {
-  margin-left: 9.6rem !important;
+  margin-left: var(--space-750) !important;
 }
 .d-flow102 > * + * {
-  margin-left: 10.2rem !important;
+  margin-left: var(--space-760) !important;
 }
 .d-flow114 > * + * {
-  margin-left: 11.4rem !important;
+  margin-left: var(--space-775) !important;
 }
 .d-flow128 > * + * {
-  margin-left: 12.8rem !important;
+  margin-left: var(--space-800) !important;
 }
 .d-m0 {
   margin: 0 !important;
@@ -20995,36 +21695,36 @@ body.theme-dark .d\:d-bgg-to-0 {
   padding-bottom: unset !important;
 }
 .d-svg--size14 {
-  width: 1.4rem !important;
-  height: 1.4rem !important;
+  width: calc(var(--size-500) - var(--size-200)) !important;
+  height: calc(var(--size-500) - var(--size-200)) !important;
 }
 .d-svg--size16 {
-  width: 1.6rem !important;
-  height: 1.6rem !important;
+  width: var(--size-500) !important;
+  height: var(--size-500) !important;
 }
 .d-svg--size18 {
-  width: 1.8rem !important;
-  height: 1.8rem !important;
+  width: calc(var(--size-500) + var(--size-200)) !important;
+  height: calc(var(--size-500) + var(--size-200)) !important;
 }
 .d-svg--size20 {
-  width: 2rem !important;
-  height: 2rem !important;
+  width: calc(var(--size-300) * 5) !important;
+  height: calc(var(--size-300) * 5) !important;
 }
 .d-svg--size24 {
-  width: 2.4rem !important;
-  height: 2.4rem !important;
+  width: var(--size-550) !important;
+  height: var(--size-550) !important;
 }
 .d-svg--size32 {
-  width: 3.2rem !important;
-  height: 3.2rem !important;
+  width: var(--size-600) !important;
+  height: var(--size-600) !important;
 }
 .d-svg--size48 {
-  width: 4.8rem !important;
-  height: 4.8rem !important;
+  width: var(--size-650) !important;
+  height: var(--size-650) !important;
 }
 .d-svg--size64 {
-  width: 6.4rem !important;
-  height: 6.4rem !important;
+  width: var(--size-700) !important;
+  height: var(--size-700) !important;
 }
 .d-svg--size100p {
   width: 100% !important;
@@ -22011,7 +22711,7 @@ body {
   --size1340: 134rem;
   --bs-sm: 0 var(--size-200) var(--size-300) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  15%);
   --bs-md: 0 var(--size-200) var(--size-400) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  25%);
-  --bs-lg: 0 var(--size-200) calc(var(--size-300) * 3) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  30%);
+  --bs-lg: 0 var(--size-200) var(--size-450) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  30%);
   --bs-xl: 0 var(--size-200) var(--size-500) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  30%);
   --bs-card: 0 var(--size-200) var(--size-500) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  8%), 0 var(--size-200) var(--size-300) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  4%), 0 var(--size-100) var(--size-200) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  3%);
   --bs-focus-ring: 0 0 0 var(--size-100) var(--white), 0 0 0 var(--size-300) var(--color-focus-ring);
@@ -22049,21 +22749,21 @@ body {
   --br2: var(--size-200);
   --br4: var(--size-300);
   --br8: var(--size-400);
-  --br12: calc(var(--size-400) + var(--size-300));
+  --br12: var(--size-450);
   --br16: var(--size-500);
-  --br24: calc(var(--size-600) - var(--size-400));
+  --br24: var(--size-550);
   --br32: var(--size-600);
   --br-circle: 50%;
   --br-pill: 100em;
-  --icon12: 1.2rem;
-  --icon14: 1.4rem;
-  --icon16: 1.6rem;
-  --icon18: 1.8rem;
-  --icon20: 2rem;
-  --icon24: 2.4rem;
-  --icon32: 3.2rem;
-  --icon48: 4.8rem;
-  --icon64: 6.4rem;
+  --icon12: var(--size-450);
+  --icon14: calc(var(--size-500) - var(--size-200));
+  --icon16: var(--size-500);
+  --icon18: calc(var(--size-500) + var(--size-200));
+  --icon20: calc(var(--size-300) * 5);
+  --icon24: var(--size-550);
+  --icon32: var(--size-600);
+  --icon48: var(--size-650);
+  --icon64: var(--size-700);
   --sidebar-width: minmax(20rem, 30rem);
   --content-width: minmax(32rem, 90ch);
   --header-height: minmax(6.4rem, min-content);