:root {
    --alabaster: #fafafa;
    --black: #000000;
    --masala: #3b3b3b;
    --suva-gray: #888888;
    --venice-blue: #005992;
    --viking: #64c7f2;
    --white: #ffffff;

    --font-size-l: 18px;
    --font-size-m: 16px;
    --font-size-s: 14px;
    --font-size-xl: 20px;
    --font-size-xs: 12px;
    --font-size-xxl: 30px;
    --font-size-xxxl: 36px;

    --font-family-nexa-black: "Nexa-Black", Helvetica;
    --font-family-nexa-bold: "Nexa-Bold", Helvetica;
    --font-family-nexa-regular: "Nexa-Regular", Helvetica;
    --font-family-nexa-xbold: "Nexa-XBold", Helvetica;
    --font-family-varela: "Varela", Helvetica;
}
.nexa-regular-normal-masala-16px {
    color: var(--masala);
    font-family: var(--font-family-nexa-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.nexa-regular-normal-masala-14px {
    color: var(--masala);
    font-family: var(--font-family-nexa-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}
.nexa-regular-normal-masala-12px {
    color: var(--masala);
    font-family: var(--font-family-nexa-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}
.nexa-regular-normal-white-16px {
    color: var(--white);
    font-family: var(--font-family-nexa-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.nexa-regular-normal-suva-gray-16px {
    color: var(--suva-gray);
    font-family: var(--font-family-nexa-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.nexa-x-bold-masala-36px {
    color: var(--masala);
    font-family: var(--font-family-nexa-xbold);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}
.nexa-x-bold-masala-30px {
    color: var(--masala);
    font-family: var(--font-family-nexa-xbold);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}

.nexa-bold-masala-36px {
    color: var(--masala);
    font-family: var(--font-family-nexa-bold);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}
.nexa-bold-masala-30px {
    color: var(--masala);
    font-family: var(--font-family-nexa-bold);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}

.nexa-regular-normal-masala-18px {
    color: var(--masala);
    font-family: var(--font-family-nexa-regular);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.nexa-bold-masala-16px {
    color: var(--masala);
    font-family: var(--font-family-nexa-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.nexa-regular-normal-white-12px {
    color: var(--white);
    font-family: var(--font-family-nexa-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}
.nexa-regular-normal-white-10px {
    color: var(--white);
    font-family: var(--font-family-nexa-regular);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
}
.nexa-x-bold-white-16px {
    color: var(--white);
    font-family: var(--font-family-nexa-xbold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}
.nexa-x-bold-white-12px {
    color: var(--white);
    font-family: var(--font-family-nexa-xbold);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}
.nexa-bold-white-14px {
    color: var(--white);
    font-family: var(--font-family-nexa-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

.nexa-x-bold-white-14px {
    color: var(--white);
    font-family: var(--font-family-nexa-xbold);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

.nexa-black-masala-36px {
    color: var(--masala);
    font-family: var(--font-family-nexa-black);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 900;
}

.nexa-bold-masala-18px {
    color: var(--masala);
    font-family: var(--font-family-nexa-bold);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.nexa-bold-white-36px {
    color: var(--white);
    font-family: var(--font-family-nexa-bold);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}

.nexa-bold-suva-gray-16px {
    color: var(--suva-gray);
    font-family: var(--font-family-nexa-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.nexa-black-white-36px {
    color: var(--white);
    font-family: var(--font-family-nexa-black);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 900;
}
.nexa-black-white-30px {
    color: var(--white);
    font-family: var(--font-family-nexa-black);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 900;
}