/* Font Weight */

.fw-1 { font-weight: 100; }
.fw-2 { font-weight: 200; }
.fw-3 { font-weight: 300; }
.fw-4 { font-weight: 400; }
.fw-5 { font-weight: 500; }
.fw-6 { font-weight: 600; }
.fw-7 { font-weight: 700; }
.fw-8 { font-weight: 800; }
.fw-9 { font-weight: 900; }

@media (--breakpoint-1) {
    .bp1-fw-1 { font-weight: 100; }
    .bp1-fw-2 { font-weight: 200; }
    .bp1-fw-3 { font-weight: 300; }
    .bp1-fw-4 { font-weight: 400; }
    .bp1-fw-5 { font-weight: 500; }
    .bp1-fw-6 { font-weight: 600; }
    .bp1-fw-7 { font-weight: 700; }
    .bp1-fw-8 { font-weight: 800; }
    .bp1-fw-9 { font-weight: 900; }
}

@media (--breakpoint-2) {
    .bp2-fw-1 { font-weight: 100; }
    .bp2-fw-2 { font-weight: 200; }
    .bp2-fw-3 { font-weight: 300; }
    .bp2-fw-4 { font-weight: 400; }
    .bp2-fw-5 { font-weight: 500; }
    .bp2-fw-6 { font-weight: 600; }
    .bp2-fw-7 { font-weight: 700; }
    .bp2-fw-8 { font-weight: 800; }
    .bp2-fw-9 { font-weight: 900; }
}

@media (--breakpoint-3) {
    .bp3-fw-1 { font-weight: 100; }
    .bp3-fw-2 { font-weight: 200; }
    .bp3-fw-3 { font-weight: 300; }
    .bp3-fw-4 { font-weight: 400; }
    .bp3-fw-5 { font-weight: 500; }
    .bp3-fw-6 { font-weight: 600; }
    .bp3-fw-7 { font-weight: 700; }
    .bp3-fw-8 { font-weight: 800; }
    .bp3-fw-9 { font-weight: 900; }
}

@media (--breakpoint-4) {
    .bp4-fw-1 { font-weight: 100; }
    .bp4-fw-2 { font-weight: 200; }
    .bp4-fw-3 { font-weight: 300; }
    .bp4-fw-4 { font-weight: 400; }
    .bp4-fw-5 { font-weight: 500; }
    .bp4-fw-6 { font-weight: 600; }
    .bp4-fw-7 { font-weight: 700; }
    .bp4-fw-8 { font-weight: 800; }
    .bp4-fw-9 { font-weight: 900; }
}