/* ==== FIXED ==== */
.width--3 { width: 3rem; }
.width--4 { width: 4rem; }
.width--5 { width: 5rem; }
.width--6 { width: 6rem; }
.width--7 { width: 7rem; }
.width--8 { width: 8rem; }
.width--9 { width: 9rem; }
.width--10 { width: 10rem; }

/* ==== CLAMP ==== */
.width--5-8 { width: clamp(5rem, 4rem + 3vw, 8rem); }
.width--6-10 { width: clamp(6rem, 5rem + 4vw, 10rem); }
.width--7-11 { width: clamp(7rem, 6rem + 4vw, 11rem); }
.width--8-12 { width: clamp(8rem, 7rem + 4vw, 12rem); }