/* Sailec Regular */

@font-face {
    font-family: "Sailec";
    font-display: fallback;
    src: url("/drug-ratings/static/css/fonts/sailec-regular.eot");
    src: url("/drug-ratings/static/css/fonts/sailec-regular.eot?#iefix") format("embedded-opentype"),
        url("/drug-ratings/static/css/fonts/sailec-regular.woff2") format("woff2"), url("/drug-ratings/static/css/fonts/sailec-regular.woff") format("woff"),
        url("/drug-ratings/static/css/fonts/sailec-regular.ttf") format("truetype");
}

/* Sailec Medium */
@font-face {
    font-family: "Sailec";
    font-display: fallback;
    src: url("/drug-ratings/static/css/fonts/sailec-medium.eot");
    src: url("/drug-ratings/static/css/fonts/sailec-medium.eot?#iefix") format("embedded-opentype"),
        url("/drug-ratings/static/css/fonts/sailec-medium.woff2") format("woff2"),
        url("/drug-ratings/static/css/fonts/sailec-medium.woff") format("woff"),
        url("/drug-ratings/static/css/fonts/sailec-medium.ttf") format("truetype");
    font-weight: 500;
}

/* Sailec Regular Italic */
@font-face {
    font-family: "Sailec";
    font-display: fallback;
    src: url("/drug-ratings/static/css/fonts/sailec-regularitalic.eot");
    src: url("/drug-ratings/static/css/fonts/sailec-regularitalic.eot?#iefix") format("embedded-opentype"),
        url("/drug-ratings/static/css/fonts/sailec-regularitalic.woff2") format("woff2"),
        url("/drug-ratings/static/css/fonts/sailec-regularitalic.woff") format("woff"),
        url("/drug-ratings/static/css/fonts/sailec-regularitalic.ttf") format("truetype");
    font-style: italic;
}

/* Sailec Medium Italic */
@font-face {
    font-family: "Sailec";
    font-display: fallback;
    src: url("/drug-ratings/static/css/fonts/sailec-mediumitalic.eot");
    src: url("/drug-ratings/static/css/fonts/sailec-mediumitalic.eot?#iefix") format("embedded-opentype"),
        url("/drug-ratings/static/css/fonts/sailec-mediumitalic.woff2") format("woff2"),
        url("/drug-ratings/static/css/fonts/sailec-mediumitalic.woff") format("woff"),
        url("/drug-ratings/static/css/fonts/sailec-mediumitalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

/* Sailec bold */
@font-face {
    font-family: "Sailec";
    font-display: fallback;
    src: url("/drug-ratings/static/css/fonts/sailec-bold.eot");
    src: url("/drug-ratings/static/css/fonts/sailec-bold.eot?#iefix") format("embedded-opentype"),
        url("/drug-ratings/static/css/fonts/sailec-bold.woff2") format("woff2"),
        url("/drug-ratings/static/css/fonts/sailec-bold.woff") format("woff"),
        url("/drug-ratings/static/css/fonts/sailec-bold.ttf") format("truetype");
    font-weight: 600;
}

/* Sailec bold italic */
@font-face {
    font-family: "Sailec";
    font-display: fallback;
    src: url("/drug-ratings/static/css/fonts/sailec-bolditalic.eot");
    src: url("/drug-ratings/static/css/fonts/sailec-bolditalic.eot?#iefix") format(" embedded-opentype"),
        url("/drug-ratings/static/css/fonts/sailec-bolditalic.woff2") format("woff2"),
        url("/drug-ratings/static/css/fonts/sailec-bolditalic.woff") format("woff"),
        url("/drug-ratings/static/css/fonts/sailec-bolditalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

.body-short-00 {
    font-size: 12px;
    font-family: Sailec, sans-serif;
    line-height: 16px;
    font-weight: 400;
}

.body-short-01 {
    font-size: 13px;
    font-family: Sailec, sans-serif;
    line-height: 18px;
    font-weight: 400;
}

.body-short-02 {
    font-size: 14px;
    font-family: Sailec, sans-serif;
    line-height: 20px;
    font-weight: 400;
}

.body-short-03 {
    font-size: 16px;
    font-family: Sailec, sans-serif;
    line-height: 22px;
    font-weight: 400;
}

.body-short-medium-00 {
    font-size: 12px;
    font-family: Sailec, sans-serif;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: -0.15px;
}

.body-short-medium-01 {
    font-size: 13px;
    font-family: Sailec, sans-serif;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.16px;
}

.body-short-medium-02 {
    font-size: 14px;
    font-family: Sailec, sans-serif;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.18px;
}

.body-short-medium-03 {
    font-size: 16px;
    font-family: Sailec, sans-serif;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.body-long-00 {
    font-size: 12px;
    font-family: Sailec, sans-serif;
    line-height: 20px;
    font-weight: 400;
}

.body-long-01 {
    font-size: 13px;
    font-family: Sailec, sans-serif;
    line-height: 22px;
    font-weight: 400;
}

.body-long-02 {
    font-size: 14px;
    font-family: Sailec, sans-serif;
    line-height: 24px;
    font-weight: 400;
}

.body-long-03 {
    font-size: 16px;
    font-family: Sailec, sans-serif;
    line-height: 26px;
    font-weight: 400;
}

.body-long-05 {
    font-size: 18px;
    font-family: Sailec, sans-serif;
    font-weight: 400;
    line-height: 170%;
}

.heading-00 {
    font-size: 12px;
    font-family: Sailec, sans-serif;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: -0.15px;
}

.heading-01 {
    font-size: 13px;
    font-family: Sailec, sans-serif;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.16px;
}

.heading-02 {
    font-size: 14px;
    font-family: Sailec, sans-serif;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.18px;
}

.heading-03 {
    font-size: 16px;
    font-family: Sailec, sans-serif;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.heading-04 {
    font-size: 20px;
    font-family: Sailec, sans-serif;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -0.7px;
}

.heading-05 {
    font-size: 24px;
    font-family: Sailec, sans-serif;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.heading-06 {
    font-size: 28px;
    font-family: Sailec, sans-serif;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: -0.56px;
}

.heading-07 {
    font-size: 36px;
    font-family: Sailec, sans-serif;
    line-height: 50px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.strong-heading-00 {
    font-size: 12px;
    font-family: Sailec, sans-serif;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: -0.15px;
}

.strong-heading-01 {
    font-size: 13px;
    font-family: Sailec, sans-serif;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -0.16px;
}

.strong-heading-02 {
    font-size: 14px;
    font-family: Sailec, sans-serif;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: -0.18px;
}

.strong-heading-03 {
    font-size: 16px;
    font-family: Sailec, sans-serif;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: -0.2px;
}

.strong-heading-04 {
    font-size: 20px;
    font-family: Sailec, sans-serif;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: -0.7px;
}

.strong-heading-05 {
    font-size: 24px;
    font-family: Sailec, sans-serif;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: -0.8px;
}

.strong-heading-06 {
    font-size: 28px;
    font-family: Sailec, sans-serif;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: -0.95px;
}

.strong-heading-07 {
    font-size: 44px;
    font-family: Sailec, sans-serif;
    line-height: 62px;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.number-01 {
    font-size: 16px;
    font-family: Sailec, sans-serif;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.number-02 {
    font-size: 20px;
    font-family: Sailec, sans-serif;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0.25px;
}

.number-03 {
    font-size: 28px;
    font-family: Sailec, sans-serif;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.overline-01 {
    font-size: 10px;
    font-family: Sailec, sans-serif;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}

.overline-02 {
    font-size: 11px;
    font-family: Sailec, sans-serif;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.micro-01 {
    font-size: 10px;
    font-family: Graphik, sans-serif;
    line-height: 12px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}

.tag-01 {
    font-size: 10px;
    font-family: Sailec, sans-serif;
    line-height: 12px;
    font-weight: 700;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}