:root {
  /* Fractional pixel values */
  --scaled-p2: calc(0.25px * var(--scale-factor));
  --scaled-p5: calc(0.5px * var(--scale-factor));

  /* 1px - 20px (small increments) */
  --scaled-n31: calc(-32px * var(--scale-factor));
  --scaled-n30: calc(-30px * var(--scale-factor));
  --scaled-n45: calc(-45px * var(--scale-factor));
  --scaled-n75: calc(-75px * var(--scale-factor));
  --scaled-n88: calc(-89px * var(--scale-factor));
  --scaled-n100: calc(-100px * var(--scale-factor));
  --scaled-0: calc(0px * var(--scale-factor));
  --scaled-1: calc(1px * var(--scale-factor));
  --scaled-2: calc(2px * var(--scale-factor));
  --scaled-3: calc(3px * var(--scale-factor));
  --scaled-4: calc(4px * var(--scale-factor));
  --scaled-5: calc(5px * var(--scale-factor));
  --scaled-6: calc(6px * var(--scale-factor));
  --scaled-7: calc(7px * var(--scale-factor));
  --scaled-8: calc(8px * var(--scale-factor));
  --scaled-9: calc(9px * var(--scale-factor));
  --scaled-10: calc(10px * var(--scale-factor));
  --scaled-11: calc(11px * var(--scale-factor));
  --scaled-12: calc(12px * var(--scale-factor));
  --scaled-13: calc(13px * var(--scale-factor));
  --scaled-14: calc(14px * var(--scale-factor));
  --scaled-15: calc(15px * var(--scale-factor));
  --scaled-16: calc(16px * var(--scale-factor));
  --scaled-17: calc(17px * var(--scale-factor));
  --scaled-18: calc(18px * var(--scale-factor));
  --scaled-19: calc(19px * var(--scale-factor));
  --scaled-20: calc(20px * var(--scale-factor));
  --scaled-21: calc(21px * var(--scale-factor));
  --scaled-22: calc(22px * var(--scale-factor));
  --scaled-24: calc(24px * var(--scale-factor));
  --scaled-25: calc(25px * var(--scale-factor));
  --scaled-26: calc(26px * var(--scale-factor));
  --scaled-27: calc(27px * var(--scale-factor));
  --scaled-28: calc(28px * var(--scale-factor));
  --scaled-29: calc(29px * var(--scale-factor));
  --scaled-30: calc(30px * var(--scale-factor));
  --scaled-31: calc(31px * var(--scale-factor));
  --scaled-33: calc(33px * var(--scale-factor));
  --scaled-35: calc(35px * var(--scale-factor));

  /* 30px - 100px */
  --scaled-38: calc(38px * var(--scale-factor));
  --scaled-40: calc(40px * var(--scale-factor));
  --scaled-49: calc(49px * var(--scale-factor));
  --scaled-50: calc(50px * var(--scale-factor));
  --scaled-53: calc(53px * var(--scale-factor));
  --scaled-54: calc(54px * var(--scale-factor));
  --scaled-56: calc(56px * var(--scale-factor));
  --scaled-57: calc(57px * var(--scale-factor));
  --scaled-60: calc(60px * var(--scale-factor));
  --scaled-62: calc(62px * var(--scale-factor));
  --scaled-65: calc(65px * var(--scale-factor));
  --scaled-70: calc(70px * var(--scale-factor));
  --scaled-72: calc(72px * var(--scale-factor));
  --scaled-74: calc(74px * var(--scale-factor));
  --scaled-75: calc(75px * var(--scale-factor));
  --scaled-80: calc(80px * var(--scale-factor));
  --scaled-83: calc(83px * var(--scale-factor));
  --scaled-85: calc(85px * var(--scale-factor));
  --scaled-88: calc(88px * var(--scale-factor));
  --scaled-91: calc(91px * var(--scale-factor));
  --scaled-95: calc(95px * var(--scale-factor));
  --scaled-100: calc(100px * var(--scale-factor));

  /* 100px - 200px */
  --scaled-105: calc(105px * var(--scale-factor));
  --scaled-115: calc(115px * var(--scale-factor));
  --scaled-118: calc(118px * var(--scale-factor));
  --scaled-124: calc(124px * var(--scale-factor));
  --scaled-132: calc(132px * var(--scale-factor));
  --scaled-136: calc(136px * var(--scale-factor));
  --scaled-139: calc(139px * var(--scale-factor));
  --scaled-145: calc(145px * var(--scale-factor));
  --scaled-150: calc(150px * var(--scale-factor));
  --scaled-155: calc(155px * var(--scale-factor));
  --scaled-159: calc(159px * var(--scale-factor));
  --scaled-162: calc(162px * var(--scale-factor));
  --scaled-170: calc(170px * var(--scale-factor));
  --scaled-175: calc(175px * var(--scale-factor));
  --scaled-180: calc(180px * var(--scale-factor));

  /* 200px+ */
  --scaled-193: calc(193px * var(--scale-factor));
  --scaled-200: calc(200px * var(--scale-factor));
  --scaled-205: calc(205px * var(--scale-factor));
  --scaled-210: calc(210px * var(--scale-factor));
  --scaled-217: calc(217px * var(--scale-factor));
  --scaled-230: calc(230px * var(--scale-factor));
  --scaled-235: calc(235px * var(--scale-factor));
  --scaled-238: calc(238px * var(--scale-factor));
  --scaled-240: calc(240px * var(--scale-factor));
  --scaled-243: calc(243px * var(--scale-factor));
  --scaled-248: calc(248px * var(--scale-factor));
  --scaled-250: calc(250px * var(--scale-factor));
  --scaled-256: calc(256px * var(--scale-factor));
  --scaled-260: calc(260px * var(--scale-factor));
  --scaled-275: calc(275px * var(--scale-factor));
  --scaled-279: calc(279px * var(--scale-factor));
  --scaled-280: calc(280px * var(--scale-factor));
  --scaled-283: calc(283px * var(--scale-factor));
  --scaled-297: calc(297px * var(--scale-factor));
  --scaled-305: calc(305px * var(--scale-factor));
  --scaled-310: calc(310px * var(--scale-factor));
  --scaled-315: calc(315px * var(--scale-factor));
  --scaled-330: calc(330px * var(--scale-factor));
  --scaled-340: calc(340px * var(--scale-factor));
  --scaled-345: calc(345px * var(--scale-factor));
  --scaled-353: calc(353px * var(--scale-factor));
  --scaled-360: calc(360px * var(--scale-factor));
  --scaled-383: calc(383px * var(--scale-factor));
  --scaled-475: calc(475px * var(--scale-factor));
  --scaled-500: calc(500px * var(--scale-factor));
  --scaled-510: calc(510px * var(--scale-factor));
  --scaled-541: calc(541px * var(--scale-factor));
  --scaled-525: calc(525px * var(--scale-factor));
  --scaled-581: calc(581px * var(--scale-factor));
  --scaled-600: calc(600px * var(--scale-factor));
  --scaled-668: calc(668px * var(--scale-factor));
  --scaled-723: calc(723px * var(--scale-factor));
  --scaled-938: calc(938px * var(--scale-factor));
  --scaled-1549: calc(1549px * var(--scale-factor));
  --scaled-1573: calc(1573px * var(--scale-factor));
  --scaled-1580: calc(1580px * var(--scale-factor));
}