/* Titles */
Titles {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

/* Default */
Default {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    letter-spacing: 0.1px;
}

/* Headline */
Headline {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
    mix-blend-mode: normal;
}

/* Body */
body {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    /* or 150% */
    letter-spacing: 0.25px;
    /* Black / Medium Emphasis */
    /* color: rgba(0, 0, 0, 0.6); */
    mix-blend-mode: normal;
}

/* Overline */
Overline {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    /* identical to box height, or 120% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
    mix-blend-mode: normal;
}

/* Avatar Left*/
AvatarLeft {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    letter-spacing: 0.1px;
    /* Black / Disabled */
    color: #9E9E9E;
}

/* Avatar Right */
AvatarRight {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    letter-spacing: 0.1px;
    /* Black / Disabled */
    color: #9E9E9E;
}

/* Icon Right */
IconRight {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    letter-spacing: 0.1px;
    /* Black / Disabled */
    color: #9E9E9E;
}

/* Big Title */
BigTitle {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 30px;
    /* identical to box height, or 94% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Display 1 */
Display1 {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    /* identical to box height, or 125% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Title */
Title {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Content */
Content {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    /* identical to box height, or 167% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Headline 2 */
Headline2 {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    /* identical to box height, or 125% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Subheader */
Subheader {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    /* identical to box height, or 187% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Sub Menu */
SubMenu {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    /* identical to box height, or 214% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Caption */
Caption {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    /* identical to box height, or 250% */
    letter-spacing: 0.15px;
    /* Black / High Emphasis */
    color: rgba(0, 0, 0, 0.87);
}

/* Link Description */
LinkDescription {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 30px;
    /* identical to box height, or 250% */
    letter-spacing: 0.15px;
    color: #1B3C7F;
}