.typography-headline-standalone {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(ko) {
    line-height: 1.14647;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh) {
    letter-spacing: 0em
}

.typography-headline-standalone:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-standalone {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(ar) {
        line-height: 1.2;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(ja) {
        line-height: 1.0875;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(ko) {
        line-height: 1.15625;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }

    .typography-headline-standalone:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-standalone {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }

    .typography-headline-standalone:lang(th) {
        line-height: 1.33365;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-super {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(ar) {
    line-height: 1.2;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(ja) {
    line-height: 1.0875;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(ko) {
    line-height: 1.15625;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(zh) {
    letter-spacing: 0em
}

.typography-headline-super:lang(th) {
    line-height: 1.35;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-super:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-super {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }

    .typography-headline-super:lang(th) {
        line-height: 1.34375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-super {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }

    .typography-headline-super:lang(th) {
        line-height: 1.33365;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-elevated {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(ja) {
    line-height: 1.10938;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(ko) {
    line-height: 1.17188;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(zh) {
    letter-spacing: 0em
}

.typography-headline-elevated:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-elevated {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh) {
        letter-spacing: 0em
    }

    .typography-headline-elevated:lang(th) {
        line-height: 1.33365;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-elevated {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(ar) {
    line-height: 1.25;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(ja) {
    line-height: 1.14615;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-headline:lang(th) {
    line-height: 1.33365;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-reduced {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(ja) {
    line-height: 1.175;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(ko) {
    line-height: 1.2125;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(th) {
    line-height: 1.35;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-reduced {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-reduced {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-super {
    font-size: 44px;
    line-height: 1.09091;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(zh) {
    letter-spacing: 0em
}

.typography-eyebrow-product-super:lang(th) {
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-super:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-super {
        font-size: 35px;
        line-height: 1.11429;
        font-weight: 600;
        letter-spacing: .003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(ar) {
        line-height: 1.35734;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(ja) {
        line-height: 1.2;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(ko) {
        line-height: 1.22867;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(th) {
        line-height: 1.34286;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-elevated {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(ja) {
    line-height: 1.175;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(ko) {
    line-height: 1.2125;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(th) {
    line-height: 1.35;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-elevated {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product {
    font-size: 30px;
    line-height: 1.13353;
    font-weight: 600;
    letter-spacing: .006em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(ar) {
    line-height: 1.33353;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(ja) {
    line-height: 1.23353;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(ko) {
    line-height: 1.25;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(th) {
    line-height: 1.4;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 600;
        letter-spacing: .01em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(th) {
        line-height: 1.36364;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-reduced {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(ko) {
    line-height: 1.25;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(th) {
    line-height: 1.39286;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-product-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-reduced {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-reduced {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(th) {
        line-height: 1.38105;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-super {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(ja) {
    line-height: 1.21875;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(ko) {
    line-height: 1.23438;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-super:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-elevated {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(ko) {
    line-height: 1.25;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(th) {
    line-height: 1.39286;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-elevated {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(th) {
        line-height: 1.38105;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(ja) {
    line-height: 1.25;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(ko) {
    line-height: 1.29167;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-eyebrow {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(th) {
        line-height: 1.38105;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-reduced {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(ko) {
    line-height: 1.30968;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(th) {
    line-height: 1.38105;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-eyebrow-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(th) {
        line-height: 1.36846;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-eyebrow-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-super {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(ja) {
    line-height: 1.175;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(ko) {
    line-height: 1.2125;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(th) {
    line-height: 1.35;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-super:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-intro-product-super {
        font-size: 30px;
        line-height: 1.13353;
        font-weight: 400;
        letter-spacing: .006em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(ar) {
        line-height: 1.33353;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(ja) {
        line-height: 1.23353;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(th) {
        line-height: 1.4;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-elevated {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 400;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(ar) {
    line-height: 1.40625;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(ja) {
    line-height: 1.21875;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(ko) {
    line-height: 1.23438;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-intro-product-elevated {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 400;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-elevated {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(th) {
        line-height: 1.36364;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 400;
    letter-spacing: .007em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(ko) {
    line-height: 1.25;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(th) {
    line-height: 1.39286;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-intro-product {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 400;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(th) {
        line-height: 1.38105;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-reduced {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(ja) {
    line-height: 1.25;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(ko) {
    line-height: 1.29167;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-product-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-intro-product-reduced {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(th) {
        line-height: 1.36364;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 400;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(th) {
        line-height: 1.36846;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-elevated {
    font-size: 24px;
    line-height: 1.33349;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(ar) {
    line-height: 1.52099;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(ja) {
    line-height: 1.375;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(ko) {
    line-height: 1.45849;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-intro-elevated {
        font-size: 21px;
        line-height: 1.38105;
        font-weight: 400;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(ar) {
        line-height: 1.54762;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(ja) {
        line-height: 1.42863;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(ko) {
        line-height: 1.52381;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(th) {
        line-height: 1.38105;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro {
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(ar) {
    line-height: 1.54762;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(ja) {
    line-height: 1.42863;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(ko) {
    line-height: 1.52381;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(th) {
    line-height: 1.38105;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 735px) {
    .typography-intro {
        font-size: 19px;
        line-height: 1.42115;
        font-weight: 400;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ar) {
        line-height: 1.57895;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ja) {
        line-height: 1.47384;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ko) {
        line-height: 1.55269;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(th) {
        line-height: 1.36846;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(ja) {
    line-height: 1.275;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(ko) {
    line-height: 1.325;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(th) {
    line-height: 1.35;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-quote {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(ja) {
        line-height: 1.34375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(ko) {
        line-height: 1.375;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote-reduced {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(ja) {
    line-height: 1.34375;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(ko) {
    line-height: 1.375;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-quote-reduced {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote-reduced {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-quote-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-callout {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(ja) {
    line-height: 1.21875;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(ko) {
    line-height: 1.23438;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-callout {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-callout {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-callout:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-manifesto {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(ar) {
    line-height: 1.40625;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(ja) {
    line-height: 1.3125;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(ko) {
    line-height: 1.375;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-manifesto:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-manifesto {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-manifesto {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(ja) {
        line-height: 1.41667;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-manifesto:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-label {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(ja) {
    line-height: 1.25;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(ko) {
    line-height: 1.29167;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-label {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(th) {
        line-height: 1.38105;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tout {
    font-size: 19px;
    line-height: 1.21053;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(ar) {
    line-height: 1.39474;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(ja) {
    line-height: 1.26316;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(ko) {
    line-height: 1.34211;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(th) {
    line-height: 1.36846;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tout:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(ar) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(ko) {
    line-height: 1.61765;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh) {
    letter-spacing: 0em
}

.typography-body:lang(th) {
    line-height: 1.35298;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(ar) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(ja) {
    line-height: 1.5;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(ko) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh) {
    letter-spacing: 0em
}

.typography-body-reduced:lang(th) {
    line-height: 1.35722;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(ja) {
    line-height: 1.41667;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(ko) {
    line-height: 1.45841;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh) {
    letter-spacing: 0em
}

.typography-caption:lang(th) {
    line-height: 1.33341;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi {
    font-size: 11px;
    line-height: 1.36364;
    font-weight: 400;
    letter-spacing: -.008em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(ar) {
    line-height: 1.5;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(ja) {
    line-height: 1.45455;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(ko) {
    line-height: 1.5;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh) {
    letter-spacing: 0em
}

.typography-sosumi:lang(th) {
    line-height: 1.36364;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports {
    font-size: 56px;
    line-height: 1.07143;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(zh) {
    letter-spacing: 0em
}

.typography-headline-reports:lang(th) {
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-reports:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-reports {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh) {
        letter-spacing: 0em
    }

    .typography-headline-reports:lang(th) {
        line-height: 1.33365;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-reports {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-headline-reports:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-card-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(ar) {
    line-height: 1.25;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(ja) {
    line-height: 1.14615;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-card-headline:lang(th) {
    line-height: 1.33365;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-card-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-card-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-card-headline {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

[class * ="typography-intro"] {
    color: #333
}

[class * ="typography-intro-product"] {
    margin-top: .4em
}

[class * ="typography-eyebrow"] {
    color: #333;
    display: block;
    margin-bottom: .4em
}

[class * ="typography-eyebrow"] + * {
    margin-top: 0
}

.typography-headline-reduced + p, .typography-headline-reduced + ul,
.typography-intro-product-reduced + p, .typography-intro-product-reduced + ul {
    margin-top: 1em
}

.typography-headline + .typography-intro, .typography-intro-product + .typography-intro {
    margin-top: 1.2em
}

.typography-headline-elevated + .typography-intro-elevated, .typography-intro-product-elevated + .typography-intro-elevated {
    margin-top: 1.4em
}

.typography-headline-super + .typography-intro-elevated, .typography-intro-product-super + .typography-intro-elevated {
    margin-top: 1.6em
}

.image-with-content-block {
    overflow: hidden
}

.image-with-content-block .image-container {
    position: relative
}

.image-with-content-block .image-container .image {
    width: 100%;
    background-position-x: center
}

.image-with-content-block .content-block-container {
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
    background: -webkit-linear-gradient(#f2f2f2 0%, #fff 100%);
    background: linear-gradient(#f2f2f2 0%, #fff 100%);
    padding-bottom: 100px
}

.image-with-content-block .content-block {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
//    top: -170px;
    margin-bottom: -170px;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    max-width: 1180px;
    width: calc(100% - 40px);
    background: -webkit-linear-gradient(#fff 170px, rgba(255, 255, 255, 0) 20%);
    background: linear-gradient(#fff 170px, rgba(255, 255, 255, 0) 20%)
}

.image-with-content-block .content-block:before {
    height: 114px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .image-with-content-block .content-block:before {
        height: 94px
    }
}

@media only screen and (max-width: 735px) {
    .image-with-content-block .content-block:before {
        height: 60px
    }
}

@media only screen and (max-width: 1068px) {
    .image-with-content-block .content-block {
        top: -170px;
        margin-bottom: -170px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        max-width: 840px
    }
}

@media only screen and (max-width: 735px) {
    .image-with-content-block .content-block {
        top: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .image-with-content-block .content-block {
        background: #fff;
        border-radius: 0
    }
}

@media only screen and (max-width: 735px) {
    .image-with-content-block .content-block-inner {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%;
        max-width: 330px
    }
}

.has-modal {
    overflow: hidden
}

.has-modal-full-viewport {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.has-modal-full-viewport body {
    height: 100%;
    overflow: hidden
}

.modal {
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none
}

.modal-standard {
    overflow: auto;
    padding: 54px 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-overflow-scrolling: touch
}

.modal-standard .content-table {
    display: table;
    width: 100%;
    height: 100%
}

.modal-standard .content-cell {
    display: table-cell;
    vertical-align: middle
}

.modal-standard .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1442px) {
    .modal-standard .content-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .modal-standard .content-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .modal-standard .content-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.modal-standard .content-padding {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    padding: 80px 8.33333%;
    background: #fff
}

@media only screen and (max-width: 735px) {
    .modal-standard .content-padding {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 735px) {
    .modal-standard .modal-close {
        left: 8.33333%
    }
}

.modal-full-viewport {
    background: #fff
}

.theme-dark .modal-full-viewport, .modal-full-viewport.theme-dark {
    background: #000
}

.theme-dark .modal-full-viewport .modal-close, .modal-full-viewport.theme-dark .modal-close {
    color: #999
}

.modal-open {
    display: block;
    z-index: 11000
}

.modal-close {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    top: 28px;
    left: 28px;
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 1;
    width: .75em;
    height: .75em;
    cursor: pointer;
    background: none;
    border: 0;
    color: #888
}

.modal-close::before, .modal-close::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.modal-close::before, .modal-close::after {
    text-decoration: none
}

.modal-close::before {
    display: none
}

.modal-close::before, .modal-close::after {
    content: ""
}

.modal-close::after {
    position: absolute;
    top: -.025em;
    left: -.1em;
    padding: 0
}

@media only screen and (max-width: 1068px) {
    .modal-close {
        top: 22px;
        left: 22px;
        font-size: 32px;
        width: .75em;
        height: .75em
    }

    .modal-close::after {
        left: -.09375em
    }
}

.has-modal {
    overflow: hidden
}

.has-modal-full-viewport {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.has-modal-full-viewport body {
    height: 100%;
    overflow: hidden
}

.modal {
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none
}

.modal-standard {
    overflow: auto;
    padding: 54px 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-overflow-scrolling: touch
}

.modal-standard .content-table {
    display: table;
    width: 100%;
    height: 100%
}

.modal-standard .content-cell {
    display: table-cell;
    vertical-align: middle
}

.modal-standard .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1442px) {
    .modal-standard .content-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .modal-standard .content-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .modal-standard .content-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.modal-standard .content-padding {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    padding: 80px 8.33333%;
    background: #fff
}

@media only screen and (max-width: 735px) {
    .modal-standard .content-padding {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 735px) {
    .modal-standard .modal-close {
        left: 8.33333%
    }
}

.modal-full-viewport {
    background: #fff
}

.theme-dark .modal-full-viewport, .modal-full-viewport.theme-dark {
    background: #000
}

.theme-dark .modal-full-viewport .modal-close, .modal-full-viewport.theme-dark .modal-close {
    color: #999
}

.modal-open {
    display: block;
    z-index: 11000
}

.modal-close {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    top: 28px;
    left: 28px;
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 1;
    width: .75em;
    height: .75em;
    cursor: pointer;
    background: none;
    border: 0;
    color: #888
}

.modal-close::before, .modal-close::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.modal-close::before, .modal-close::after {
    text-decoration: none
}

.modal-close::before {
    display: none
}

.modal-close::before, .modal-close::after {
    content: ""
}

.modal-close::after {
    position: absolute;
    top: -.025em;
    left: -.1em;
    padding: 0
}

@media only screen and (max-width: 1068px) {
    .modal-close {
        top: 22px;
        left: 22px;
        font-size: 32px;
        width: .75em;
        height: .75em
    }

    .modal-close::after {
        left: -.09375em
    }
}

.ac-video-icon {
    background-repeat: no-repeat
}

.ac-video-icon.icon-ctrl_airplay, .ac-video-icon.controls-airplay-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.5%2C14.8c0.5%2C0.7%2C0.2%2C1.2-0.6%2C1.2H6.1c-0.8%2C0-1.1-0.5-0.6-1.2l3.7-5.4c0.4-0.7%2C1.2-0.7%2C1.6%2C0L14.5%2C14.8z%0A%09%20M17.4%2C0H2.6C1.2%2C0%2C0%2C1.2%2C0%2C2.6v6.7C0%2C10.8%2C1.2%2C12%2C2.6%2C12H4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S4.3%2C11%2C4%2C11H2.6C1.7%2C11%2C1%2C10.3%2C1%2C9.4V2.6%0A%09C1%2C1.7%2C1.7%2C1%2C2.6%2C1h14.8C18.3%2C1%2C19%2C1.7%2C19%2C2.6v6.7c0%2C0.9-0.7%2C1.6-1.6%2C1.6H16c-0.3%2C0-0.5%2C0.2-0.5%2C0.5S15.7%2C12%2C16%2C12h1.4%0A%09c1.4%2C0%2C2.6-1.2%2C2.6-2.6V2.6C20%2C1.2%2C18.8%2C0%2C17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_airplay_active, .ac-video-icon.controls-airplay-button.airplay-active {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%2366bbff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M10.8%2C9.4c-0.4-0.7-1.2-0.7-1.6%2C0l-3.7%2C5.4C5%2C15.5%2C5.3%2C16%2C6.1%2C16h7.8c0.8%2C0%2C1.1-0.5%2C0.6-1.2L10.8%2C9.4z%20M20%2C2.6%0A%09v6.7c0%2C1.4-1.2%2C2.6-2.6%2C2.6H16c-0.3%2C0-0.5-0.2-0.5-0.5S15.7%2C11%2C16%2C11h1.4c0.9%2C0%2C1.6-0.7%2C1.6-1.6V2.6C19%2C1.7%2C18.3%2C1%2C17.4%2C1H2.6%0A%09C1.7%2C1%2C1%2C1.7%2C1%2C2.6v6.7C1%2C10.3%2C1.7%2C11%2C2.6%2C11H4c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5S4.3%2C12%2C4%2C12H2.6C1.2%2C12%2C0%2C10.8%2C0%2C9.4V2.6C0%2C1.2%2C1.2%2C0%2C2.6%2C0%0A%09h14.8C18.8%2C0%2C20%2C1.2%2C20%2C2.6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_arrow, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-top,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-right,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-bottom,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-left {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229px%22%20height%3D%2210px%22%20viewBox%3D%220%200%209%2010%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.6%2C5.8c0.7-0.4%2C0.7-1.2%2C0-1.6L2.2%2C0.5C1.5%2C0%2C1%2C0.3%2C1%2C1.1v7.8C1%2C9.7%2C1.5%2C10%2C2.2%2C9.5L7.6%2C5.8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20width%3D%229%22%20height%3D%2210%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_active {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.89%2C16H2.11C0.95%2C16%2C0%2C15.04%2C0%2C13.87V2.13C0%2C0.96%2C0.95%2C0%2C2.11%2C0h15.79%0AC19.05%2C0%2C20%2C0.96%2C20%2C2.13v11.73C20%2C15.04%2C19.05%2C16%2C17.89%2C16z%20M7.92%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0c0.04-1.83-1.24-2.87-2.99-2.87%0AS3.34%2C5.31%2C3.34%2C7.53s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78c-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43%0Ac-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92S7.92%2C6.13%2C7.92%2C6.96z%20M15.17%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0%0Ac0.04-1.83-1.24-2.87-2.99-2.87s-3.04%2C1.23-3.04%2C3.44s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78%0Ac-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43c-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92%0AS15.17%2C6.13%2C15.17%2C6.96z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_default {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.5%2C15.99h-15c-1.38%2C0-2.5-1.19-2.5-2.64V2.64C0%2C1.18%2C1.12%2C0%2C2.5%2C0h15C18.88%2C0%2C20%2C1.18%2C20%2C2.64%0A%09%09v10.71C20%2C14.81%2C18.88%2C15.99%2C17.5%2C15.99z%20M2.5%2C1C1.67%2C1%2C1%2C1.73%2C1%2C2.64v10.71c0%2C0.91%2C0.67%2C1.64%2C1.5%2C1.64h15%0A%09%09c0.83%2C0%2C1.5-0.74%2C1.5-1.64V2.64C19%2C1.73%2C18.33%2C1%2C17.5%2C1H2.5z%20M4.75%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23H8.01%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%20M12%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23h-1.26%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_off, .ac-video-icon.controls-text-tracks-toggle-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C1C18.3%2C1%2C19%2C1.7%2C19%2C2.5v8c0%2C0.8-0.7%2C1.5-1.6%2C1.5H16l-4%2C2.5V12H2.6C1.7%2C12%2C1%2C11.3%2C1%2C10.4%0A%09V2.5C1%2C1.7%2C1.7%2C1%2C2.6%2C1H17.4%20M9.5%2C8h7C16.8%2C8%2C17%2C7.8%2C17%2C7.5S16.8%2C7%2C16.5%2C7h-7C9.2%2C7%2C9%2C7.2%2C9%2C7.5S9.2%2C8%2C9.5%2C8%20M3.5%2C8h4%0A%09C7.8%2C8%2C8%2C7.8%2C8%2C7.5S7.8%2C7%2C7.5%2C7h-4C3.2%2C7%2C3%2C7.2%2C3%2C7.5S3.2%2C8%2C3.5%2C8%20M12.5%2C10h4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S16.8%2C9%2C16.5%2C9h-4%0A%09C12.2%2C9%2C12%2C9.2%2C12%2C9.5S12.2%2C10%2C12.5%2C10%20M3.5%2C10h7c0.3%2C0%2C0.5-0.2%2C0.5-0.5S10.8%2C9%2C10.5%2C9h-7C3.2%2C9%2C3%2C9.2%2C3%2C9.5S3.2%2C10%2C3.5%2C10%20M17.4%2C0%0A%09H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3%0A%09h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0L17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_on, .ac-video-icon.controls-text-tracks-toggle-button.text-tracks-visible {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C0H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9%0A%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0z%20M3.5%2C7h4C7.8%2C7%2C8%2C7.2%2C8%2C7.5%0A%09S7.8%2C8%2C7.5%2C8h-4C3.2%2C8%2C3%2C7.8%2C3%2C7.5S3.2%2C7%2C3.5%2C7z%20M10.5%2C10h-7C3.2%2C10%2C3%2C9.8%2C3%2C9.5S3.2%2C9%2C3.5%2C9h7C10.8%2C9%2C11%2C9.2%2C11%2C9.5%0A%09S10.8%2C10%2C10.5%2C10z%20M16.5%2C10h-4C12.2%2C10%2C12%2C9.8%2C12%2C9.5S12.2%2C9%2C12.5%2C9h4C16.8%2C9%2C17%2C9.2%2C17%2C9.5S16.8%2C10%2C16.5%2C10z%20M16.5%2C8h-7%0A%09C9.2%2C8%2C9%2C7.8%2C9%2C7.5S9.2%2C7%2C9.5%2C7h7C16.8%2C7%2C17%2C7.2%2C17%2C7.5S16.8%2C8%2C16.5%2C8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_check, .ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%2218px%22%20viewBox%3D%220%200%201222%202444%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpolygon%20class%3D%22fill%22%20points%3D%22154.84%2C1317.22%2043.16%2C1437.31%20469.88%2C1834.18%201179.1%2C1168.83%201066.9%2C1049.23%20469.4%2C1609.76%0A%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%228%22%20height%3D%2218%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_fullscreen, .ac-video-icon.controls-full-screen-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.87%2C9.97l-4.89%2C4.9C2.17%2C14.96%2C2.38%2C15%2C2.61%2C15h3.91c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.79%2C16%2C6.51%2C16%0A%09%09H2.61C1.17%2C16%2C0%2C14.82%2C0%2C13.37V9.51c0-0.28%2C0.22-0.5%2C0.5-0.5S1%2C9.23%2C1%2C9.51v3.86c0%2C0.23%2C0.05%2C0.45%2C0.13%2C0.65l4.89-4.89%0A%09%09c0.23-0.23%2C0.61-0.23%2C0.85%2C0C7.1%2C9.36%2C7.1%2C9.74%2C6.87%2C9.97z%20M13.4%2C0H9.5C9.23%2C0%2C9%2C0.22%2C9%2C0.5S9.23%2C1%2C9.5%2C1h3.89%0A%09%09c0.22%2C0%2C0.43%2C0.05%2C0.63%2C0.13L9.09%2C6.06c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85c0.12%2C0.12%2C0.27%2C0.18%2C0.42%2C0.18s0.31-0.06%2C0.42-0.18l4.93-4.93%0A%09%09C14.95%2C2.18%2C15%2C2.4%2C15%2C2.63V6.5C15%2C6.78%2C15.23%2C7%2C15.5%2C7S16%2C6.78%2C16%2C6.5V2.63C16%2C1.18%2C14.83%2C0%2C13.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_fullscreen_exit, .ac-video-icon.controls-full-screen-button.is-fullscreen {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7%2C11.65v3.86c0%2C0.28-0.22%2C0.5-0.5%2C0.5S6%2C15.79%2C6%2C15.51v-3.86C6%2C11.42%2C5.95%2C11.2%2C5.87%2C11l-4.84%2C4.82%0A%09%09C0.91%2C15.94%2C0.76%2C16%2C0.6%2C16c-0.15%2C0-0.31-0.06-0.42-0.18c-0.23-0.24-0.23-0.62%2C0-0.85l4.86-4.84C4.84%2C10.05%2C4.63%2C10%2C4.41%2C10H0.5%0A%09%09C0.23%2C10%2C0%2C9.78%2C0%2C9.5S0.23%2C9%2C0.5%2C9h3.91C5.84%2C9%2C7%2C10.19%2C7%2C11.65z%20M15.5%2C6h-3.89c-0.22%2C0-0.43-0.05-0.62-0.13l4.83-4.84%0A%09%09c0.23-0.23%2C0.23-0.61%2C0-0.85s-0.61-0.23-0.85%2C0l-4.83%2C4.84C10.05%2C4.82%2C10%2C4.6%2C10%2C4.36V0.5C10%2C0.22%2C9.78%2C0%2C9.5%2C0S9%2C0.22%2C9%2C0.5v3.87%0A%09%09C9%2C5.82%2C10.17%2C7%2C11.61%2C7h3.89C15.78%2C7%2C16%2C6.77%2C16%2C6.5S15.78%2C6%2C15.5%2C6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_pause, .is-playing .ac-video-icon.controls-play-pause-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M53%2C15h6c1.66%2C0%2C3%2C1.34%2C3%2C3v50c0%2C1.66-1.34%2C3-3%2C3h-6c-1.66%2C0-3-1.34-3-3V18C50%2C16.34%2C51.34%2C15%2C53%2C15z%0A%09%20M24%2C18v50c0%2C1.66%2C1.34%2C3%2C3%2C3h6c1.66%2C0%2C3-1.34%2C3-3V18c0-1.66-1.34-3-3-3h-6C25.34%2C15%2C24%2C16.34%2C24%2C18z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_pip_active, .ac-video-icon.controls-picture-in-picture-button.is-picture-in-picture {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.99%2C16h-5.93c-1.26%2C0-2.01-1.02-2.01-2v-0.5c0-0.28%2C0.22-0.5%2C0.5-0.5s0.5%2C0.22%2C0.5%2C0.5V14%0A%09%09c0%2C0.49%2C0.38%2C1%2C1.01%2C1h5.93c0.57%2C0%2C1-0.43%2C1-1v-3c0-0.27-0.12-0.54-0.32-0.73c-0.13-0.13-0.37-0.29-0.67-0.26h-0.49%0A%09%09c-0.28%2C0-0.5-0.22-0.5-0.5s0.22-0.5%2C0.5-0.5h0.48c0.5-0.02%2C1%2C0.18%2C1.38%2C0.54C19.77%2C9.92%2C20%2C10.45%2C20%2C10.99v3%0A%09%09C20%2C15.12%2C19.12%2C16%2C17.99%2C16z%20M0%2C2v7c0%2C1.1%2C0.9%2C2%2C2%2C2h11c1.1%2C0%2C2-0.9%2C2-2V2c0-1.1-0.9-2-2-2H2C0.9%2C0%2C0%2C0.9%2C0%2C2z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_pip_default, .ac-video-icon.controls-picture-in-picture-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.49%2C12H2.43C0.93%2C12%2C0%2C10.77%2C0%2C9.63V2.37C0%2C1.22%2C0.85%2C0%2C2.43%2C0h11.21C14.8%2C0%2C16%2C0.89%2C16%2C2.37v3.11%0A%09%09c0%2C0.28-0.22%2C0.5-0.5%2C0.5S15%2C5.75%2C15%2C5.48V2.37C15%2C1.48%2C14.3%2C1%2C13.63%2C1H2.43C1.26%2C1%2C1%2C1.99%2C1%2C2.37v7.27C1%2C10.19%2C1.46%2C11%2C2.43%2C11%0A%09%09h4.06c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.76%2C12%2C6.49%2C12z%20M10%2C11v3c0%2C1.1%2C0.9%2C2%2C2%2C2h6c1.1%2C0%2C2-0.9%2C2-2v-3c0-1.1-0.9-2-2-2h-6%0A%09%09C10.9%2C9%2C10%2C9.9%2C10%2C11z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_play, .ac-video-icon.controls-play-pause-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M72.05%2C41.32c-0.31-0.53-0.64-0.86-1.21-1.24S29.7%2C13.49%2C29%2C13.12s-1.04-0.62-1.85-0.63%0A%09s-1.24%2C0.2-1.73%2C0.49s-1.07%2C0.99-1.24%2C1.74s-0.17%2C2.16-0.17%2C3V66.1c0%2C0.39%2C0%2C1.1%2C0%2C2.15c0%2C0.85-0.01%2C2.26%2C0.17%2C3%0A%09s0.75%2C1.45%2C1.24%2C1.74s0.92%2C0.51%2C1.73%2C0.49s1.15-0.25%2C1.85-0.63S70.37%2C46.2%2C70.84%2C45.89c0.48-0.31%2C0.9-0.69%2C1.21-1.24%0A%09s0.45-1.1%2C0.45-1.67C72.5%2C42.43%2C72.36%2C41.85%2C72.05%2C41.32z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_replay, .end-state .ac-video-icon.controls-play-pause-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M42.52%2C25.46l-3.68%2C4.12c-1.1%2C1.24-1%2C3.13%2C0.24%2C4.24l2.24%2C2c1.24%2C1.1%2C3.13%2C1%2C4.24-0.24l10.59-11.84%0A%09%09%09c0.53-0.65%2C0.82-1.39%2C0.82-2.2c0-0.88-0.34-1.69-0.9-2.29L45.46%2C7.49c-1.11-1.23-3.01-1.33-4.24-0.22l-2.23%2C2.01%0A%09%09%09c-1.23%2C1.11-1.33%2C3.01-0.22%2C4.24l2.74%2C3.04C26.74%2C17.32%2C15%2C29.55%2C15%2C44.51C15%2C59.97%2C27.53%2C72.5%2C42.99%2C72.5%0A%09%09%09c14.71%2C0%2C26.96-11.39%2C28-25.97c0.07-1.08-0.11-1.64-0.51-2.23c-0.4-0.6-1.27-1.3-2.41-1.3h-3.09c-1.43%2C0-2.8%2C1.23-2.89%2C2.71%0A%09%09%09c-0.63%2C10-9.03%2C17.85-19.1%2C17.85c-10.52%2C0-19.05-8.53-19.05-19.05C23.94%2C34.14%2C32.22%2C25.71%2C42.52%2C25.46z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_volume_mute, .ac-video-icon.controls-toggle-mute-volume-button.is-muted {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M9%2C7.48L5.34%2C3.81l2.34-2.07c0.21-0.23%2C0.55-0.3%2C0.84-0.19C8.82%2C1.66%2C9.01%2C1.95%2C9%2C2.26V7.48z%0A%09%09%20M9%2C12.29v1.46c0%2C0.31-0.19%2C0.59-0.49%2C0.71c-0.09%2C0.03-0.18%2C0.05-0.28%2C0.05c-0.21%2C0-0.41-0.09-0.56-0.25L4%2C11H1%0A%09%09c-0.51%2C0-1-0.42-1-0.99V5.98C0%2C5.43%2C0.48%2C5%2C0.99%2C5h0.74L9%2C12.29z%20M12.57%2C13.91c0.13-0.01%2C0.26-0.07%2C0.35-0.17%0A%09%09c0.19-0.21%2C0.17-0.52-0.04-0.71L2.07%2C2.21C1.86%2C2.03%2C1.55%2C2.04%2C1.36%2C2.26C1.18%2C2.47%2C1.19%2C2.78%2C1.41%2C2.96l10.81%2C10.82%0A%09%09C12.31%2C13.88%2C12.44%2C13.92%2C12.57%2C13.91z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_volume_on, .ac-video-icon.controls-toggle-mute-volume-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.07%2C15.9c-0.14%2C0-0.29-0.05-0.4-0.16c-0.23-0.22-0.24-0.58-0.02-0.81%0A%09%09c1.79-1.88%2C2.78-4.34%2C2.78-6.93c0-2.62-1-5.09-2.82-6.97c-0.22-0.23-0.22-0.6%2C0-0.82c0.22-0.22%2C0.58-0.23%2C0.8%2C0%0A%09%09c0.01%2C0.01%2C0.04%2C0.04%2C0.05%2C0.06c2%2C2.07%2C3.12%2C4.83%2C3.12%2C7.74c0%2C2.89-1.1%2C5.63-3.1%2C7.73C16.37%2C15.84%2C16.22%2C15.9%2C16.07%2C15.9z%0A%09%09%20M12.91%2C13.03c1.36-1.29%2C2.17-3.17%2C2.17-5.03c0-1.85-0.81-3.73-2.17-5.03c-0.23-0.22-0.59-0.21-0.81%2C0.02%0A%09%09c-0.22%2C0.23-0.21%2C0.59%2C0.02%2C0.81c1.14%2C1.09%2C1.82%2C2.66%2C1.82%2C4.2c0%2C1.55-0.68%2C3.12-1.81%2C4.2c-0.23%2C0.22-0.24%2C0.58-0.02%2C0.81%0A%09%09c0.11%2C0.12%2C0.26%2C0.18%2C0.42%2C0.18C12.65%2C13.19%2C12.79%2C13.14%2C12.91%2C13.03z%20M7.68%2C1.74L4%2C5.01H0.99C0.48%2C5.01%2C0%2C5.44%2C0%2C5.99v3.98%0A%09%09c0%2C0.57%2C0.48%2C0.99%2C1%2C0.99h3l3.67%2C3.3c0.16%2C0.16%2C0.36%2C0.25%2C0.56%2C0.25c0.1%2C0%2C0.19-0.02%2C0.28-0.05C8.81%2C14.34%2C9%2C14.06%2C9%2C13.75V2.26%0A%09%09c0.01-0.31-0.18-0.6-0.48-0.71C8.23%2C1.44%2C7.9%2C1.52%2C7.68%2C1.74z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_close {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2013%2013%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.31%2C6.5l5.09-5.09c0.22-0.22%2C0.22-0.59%2C0-0.81s-0.59-0.22-0.81%2C0L6.5%2C5.69L1.41%2C0.59%0A%09%09c-0.22-0.22-0.59-0.22-0.81%2C0s-0.22%2C0.59%2C0%2C0.81L5.69%2C6.5l-5.09%2C5.09c-0.22%2C0.22-0.22%2C0.59%2C0%2C0.81c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17%0A%09%09s0.29-0.06%2C0.41-0.17L6.5%2C7.31l5.09%2C5.09c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17s0.29-0.06%2C0.41-0.17c0.22-0.22%2C0.22-0.59%2C0-0.81L7.31%2C6.5z%0A%09%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-share_embed {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2024%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.03%2C1.28l-2.85%2C14.79c-0.09%2C0.26-0.32%2C0.43-0.58%2C0.43c-0.06%2C0-0.12-0.01-0.18-0.03%0A%09%09c-0.15-0.05-0.28-0.15-0.35-0.3c-0.07-0.14-0.09-0.3-0.04-0.45l2.85-14.8c0.05-0.16%2C0.16-0.29%2C0.3-0.36s0.3-0.09%2C0.46-0.04%0A%09%09C13.96%2C0.63%2C14.13%2C0.97%2C14.03%2C1.28z%20M23.48%2C8.62c0.01-0.04%2C0.02-0.08%2C0.02-0.12s-0.01-0.08-0.02-0.12s-0.01-0.07-0.02-0.11%0A%09%09c-0.02-0.04-0.04-0.08-0.07-0.12c-0.02-0.02-0.02-0.05-0.04-0.07l-0.01-0.01c-0.01-0.01-0.01-0.02-0.02-0.02l-5.79-5.39%0A%09%09c-0.24-0.23-0.62-0.21-0.85%2C0.03s-0.21%2C0.62%2C0.03%2C0.85l5.32%2C4.95l-5.32%2C4.95c-0.24%2C0.23-0.26%2C0.61-0.03%2C0.85%0A%09%09c0.12%2C0.13%2C0.28%2C0.19%2C0.44%2C0.19c0.15%2C0%2C0.29-0.05%2C0.41-0.16l5.79-5.39c0.01-0.01%2C0.01-0.02%2C0.02-0.02l0.01-0.01%0A%09%09c0.02-0.02%2C0.03-0.05%2C0.04-0.07c0.03-0.04%2C0.05-0.07%2C0.07-0.12C23.47%2C8.69%2C23.47%2C8.65%2C23.48%2C8.62z%20M7.33%2C2.7%0A%09%09C7.1%2C2.45%2C6.73%2C2.44%2C6.48%2C2.67L0.69%2C8.06c-0.01%2C0-0.01%2C0.01-0.02%2C0.02L0.66%2C8.09C0.64%2C8.11%2C0.63%2C8.14%2C0.62%2C8.16%0A%09%09C0.59%2C8.2%2C0.56%2C8.23%2C0.54%2C8.28c-0.01%2C0.03-0.02%2C0.07-0.02%2C0.1C0.51%2C8.42%2C0.5%2C8.46%2C0.5%2C8.5s0.01%2C0.08%2C0.02%2C0.12%0A%09%09c0.01%2C0.03%2C0.01%2C0.07%2C0.02%2C0.1C0.56%2C8.76%2C0.59%2C8.8%2C0.62%2C8.84c0.02%2C0.02%2C0.02%2C0.05%2C0.04%2C0.07l0.01%2C0.01%0A%09%09c0.01%2C0.01%2C0.01%2C0.02%2C0.02%2C0.02l5.79%2C5.39c0.12%2C0.11%2C0.26%2C0.16%2C0.41%2C0.16c0.16%2C0%2C0.32-0.06%2C0.44-0.19%0A%09%09c0.23-0.24%2C0.21-0.62-0.03-0.85L1.98%2C8.5L7.3%2C3.54C7.54%2C3.32%2C7.56%2C2.94%2C7.33%2C2.7z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2224%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_fb {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2016%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.78%2C2.22C14.93%2C2.37%2C15%2C2.56%2C15%2C2.78v12.44c0%2C0.22-0.07%2C0.4-0.22%2C0.55%0A%09%09C14.63%2C15.93%2C14.44%2C16%2C14.22%2C16h-3.56v-5.42h1.82l0.27-2.11h-2.09V7.12c0-0.34%2C0.06-0.59%2C0.19-0.74c0.16-0.19%2C0.45-0.29%2C0.85-0.29%0A%09%09h1.12V4.2c-0.14-0.02-0.34-0.03-0.6-0.05c-0.35-0.02-0.69-0.04-1.03-0.04c-0.54%2C0-1.02%2C0.11-1.43%2C0.32%0A%09%09c-0.4%2C0.22-0.72%2C0.54-0.93%2C0.95C8.59%2C5.81%2C8.47%2C6.32%2C8.47%2C6.91v1.56H6.65v2.11h1.82V16h-6.7c-0.22%2C0-0.4-0.07-0.55-0.22%0A%09%09C1.07%2C15.63%2C0.99%2C15.43%2C1%2C15.22V2.78c0-0.21%2C0.08-0.41%2C0.23-0.55S1.57%2C2%2C1.78%2C2h12.44C14.44%2C2%2C14.63%2C2.07%2C14.78%2C2.22z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_link {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2017%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.37%2C10.15c-0.15%2C0-0.31-0.06-0.42-0.18L6.83%2C9.87c-1.32-1.35-1.28-3.41%2C0.1-4.79l3.68-3.68%0A%09%09c1.33-1.33%2C3.66-1.33%2C4.99%2C0c1.38%2C1.38%2C1.38%2C3.61%2C0%2C4.99l-1.75%2C1.75c-0.23%2C0.23-0.61%2C0.23-0.85%2C0c-0.23-0.23-0.23-0.61%2C0-0.85%0A%09%09l1.75-1.75c0.91-0.91%2C0.91-2.38%2C0-3.29c-0.88-0.88-2.41-0.88-3.29%2C0L7.78%2C5.93c-0.9%2C0.9-0.94%2C2.23-0.09%2C3.09l0.1%2C0.1%0A%09%09c0.23%2C0.23%2C0.23%2C0.61%2C0%2C0.85C7.67%2C10.09%2C7.52%2C10.15%2C7.37%2C10.15z%20M6.39%2C15.6l3.68-3.68c1.37-1.37%2C1.4-3.48%2C0.07-4.81l-0.09-0.09%0A%09%09c-0.23-0.23-0.61-0.23-0.85%2C0c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85l0.09%2C0.09c0.87%2C0.87%2C0.84%2C2.21-0.07%2C3.12l-3.68%2C3.68%0A%09%09c-0.88%2C0.88-2.41%2C0.88-3.29%2C0c-0.91-0.91-0.91-2.38%2C0-3.29l1.79-1.79c0.23-0.23%2C0.23-0.61%2C0-0.85c-0.23-0.23-0.61-0.23-0.85%2C0%0A%09%09l-1.79%2C1.79c-1.38%2C1.37-1.38%2C3.61%2C0%2C4.99c0.67%2C0.67%2C1.55%2C1.03%2C2.49%2C1.03S5.73%2C16.26%2C6.39%2C15.6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_twitter {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2019%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.94%2C2.88c-0.26%2C0.34-0.57%2C0.61-0.93%2C0.83C16.7%2C3.63%2C17.36%2C3.44%2C18%2C3.15%0A%09%09c-0.47%2C0.72-1.05%2C1.33-1.74%2C1.84c0.06%2C1.36-0.16%2C2.72-0.63%2C3.99c-0.45%2C1.22-1.08%2C2.3-1.9%2C3.25c-0.86%2C0.99-1.91%2C1.8-3.1%2C2.36%0A%09%09c-1.3%2C0.61-2.71%2C0.91-4.25%2C0.91c-0.97%2C0-1.91-0.14-2.82-0.41c-0.88-0.28-1.72-0.67-2.49-1.18c0.27%2C0.04%2C0.54%2C0.06%2C0.83%2C0.06%0A%09%09c0.79%2C0%2C1.57-0.13%2C2.32-0.4c0.72-0.26%2C1.38-0.63%2C1.98-1.12c-1.5-0.03-2.81-1.02-3.23-2.46c0.21%2C0.05%2C0.43%2C0.07%2C0.64%2C0.07%0A%09%09c0.32%2C0%2C0.62-0.04%2C0.92-0.13C4%2C9.82%2C3.53%2C9.61%2C3.1%2C9.27C2.23%2C8.6%2C1.73%2C7.56%2C1.74%2C6.46V6.43C2.23%2C6.7%2C2.76%2C6.85%2C3.32%2C6.86%0A%09%09C2.84%2C6.54%2C2.47%2C6.12%2C2.2%2C5.61C1.92%2C5.09%2C1.77%2C4.53%2C1.77%2C3.92c0-0.63%2C0.15-1.22%2C0.46-1.78c0.86%2C1.08%2C1.94%2C1.96%2C3.16%2C2.6%0A%09%09C6.64%2C5.4%2C7.98%2C5.77%2C9.4%2C5.84c-0.06-0.26-0.09-0.53-0.09-0.8c0-0.64%2C0.16-1.24%2C0.47-1.79c0.87-1.55%2C2.78-2.18%2C4.4-1.45%0A%09%09C14.62%2C2%2C15%2C2.27%2C15.32%2C2.62c0.78-0.16%2C1.51-0.45%2C2.2-0.86C17.4%2C2.17%2C17.2%2C2.54%2C16.94%2C2.88L16.94%2C2.88z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2219%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-view_field, .compass-wrapper .ac-video-icon.compass-field {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%3E%0A%09%3Crect%20class%3D%22no-fill%22%20width%3D%2238%22%20height%3D%2238%22%2F%3E%0A%09%3Cpath%20style%3D%22opacity%3A0.32%3Bfill%3A%23FFFFFF%3B%22%20d%3D%22M25.11%2C11.73c0%2C0-2.5-2.23-6.11-2.23s-6.11%2C2.23-6.11%2C2.23c-0.38%2C0.32-0.61%2C0.8-0.61%2C1.33%0A%09%09c0%2C0.48%2C0.19%2C0.91%2C0.5%2C1.23c0.32%2C0.32%2C5.24%2C5.32%2C5.46%2C5.53c0.2%2C0.19%2C0.47%2C0.31%2C0.77%2C0.31s0.57-0.12%2C0.77-0.31%0A%09%09c0.22-0.21%2C5.14-5.21%2C5.46-5.53c0.31-0.32%2C0.5-0.75%2C0.5-1.23C25.73%2C12.53%2C25.49%2C12.05%2C25.11%2C11.73z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-view_ring, .compass-wrapper .ac-video-icon.compass-ring {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%20id%3D%22View_Ring_1_%22%3E%0A%09%3Cpolyline%20class%3D%22no-fill%22%20points%3D%220%2C0%2038%2C0%2038%2C38%200%2C38%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22opacity%3A0.32%22%20d%3D%22M28.4%2C9.3C26%2C6.9%2C22.7%2C5.6%2C19%2C5.6s-7%2C1.4-9.4%2C3.8C7%2C11.8%2C5.4%2C15.2%2C5.4%2C19c0%2C7.5%2C6.1%2C13.6%2C13.6%2C13.6%0A%09%09S32.6%2C26.5%2C32.6%2C19C32.6%2C15.2%2C31%2C11.8%2C28.4%2C9.3z%20M19%2C30.4c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.2%2C1.3-6.2%2C3.4-8.3c2.1-2%2C4.9-3.2%2C8-3.2%0A%09%09s5.9%2C1.3%2C8%2C3.2c2.2%2C2.1%2C3.4%2C5.1%2C3.4%2C8.3C30.4%2C25.3%2C25.3%2C30.4%2C19%2C30.4z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22display%3Anone%3B%22%20d%3D%22M19%2C30.5c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.3%2C1.3-6.3%2C3.5-8.4S16%2C7.5%2C19%2C7.5s5.9%2C1.3%2C7.9%2C3.1%0A%09%09c2.2%2C2.1%2C3.5%2C5.1%2C3.5%2C8.4C30.4%2C25.4%2C25.3%2C30.5%2C19%2C30.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20d%3D%22M19%2C5.5c-3.6%2C0-6.9%2C1.4-9.4%2C3.8l0%2C0C9.4%2C9.5%2C9.3%2C9.7%2C9.3%2C10c0%2C0.6%2C0.5%2C1%2C1%2C1%0A%09%09c0.4%2C0%2C0.6-0.2%2C0.8-0.4C13%2C8.8%2C15.9%2C7.5%2C19%2C7.5s6%2C1.3%2C7.9%2C3.1c0.2%2C0.2%2C0.4%2C0.4%2C0.8%2C0.4c0.5%2C0%2C1-0.4%2C1-1c0-0.3-0.1-0.5-0.3-0.7l0%2C0%0A%09%09C25.9%2C6.9%2C22.6%2C5.5%2C19%2C5.5z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-view_scrim, .compass-wrapper .ac-video-icon.compass-background {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%3E%0A%09%3Crect%20class%3D%22no-fill%22%20width%3D%2238%22%20height%3D%2238%22%2F%3E%0A%09%3Ccircle%20style%3D%22opacity%3A0.4%3Bfill%3A%23666666%3B%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.cursor-pointer {
    cursor: pointer
}

.ac-video-player {
    cursor: none
}

.ac-video-player:-webkit-full-screen {
    background: #000;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1
}

.ac-video-player:-moz-full-screen {
    background: #000;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1
}

.ac-video-player:-ms-fullscreen {
    background: #000;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1
}

.ac-video-player:fullscreen {
    background: #000;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1
}

.ac-video-player .ac-video-blockade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.ac-video-player > * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ac-video-player.threesixty-video {
    -webkit-tap-highlight-color: transparent
}

.ac-video-player.threesixty-video .start-state .controls-play-pause-button-container,
.ac-video-player.threesixty-video .end-state .controls-play-pause-button-container {
    pointer-events: all
}

.ac-video-player.threesixty-video .ac-video-blockade {
    display: none
}

.ac-video-player.threesixty-video .threesixty-video-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%
}

.ac-video-player.threesixty-video .threesixty-video-container .threesixty-renderer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ac-video-player video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ac-video-player video, .ac-video-player video img {
    display: block;
    outline: none
}

.ac-video-player video::-webkit-media-controls-start-playback-button {
    background: rgba(0, 0, 0, 0.25);
    -webkit-clip-path: none;
    clip-path: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ac-video-player video::-webkit-media-controls-start-playback-background {
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
    clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.ac-video-player video::-webkit-media-controls-start-playback-tint,
.ac-video-player video::-webkit-media-controls-start-playback-glyph {
    background: none
}

.ac-video-controls.captions-selector-showing .ac-video-captions-selector-container {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.ac-video-controls .ac-video-captions-selector-container {
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: rgba(34, 34, 34, 0.56);
    border-radius: 4px;
    position: absolute;
    bottom: 20px;
    left: -7px;
    padding: 8px 14px 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: all;
    -webkit-transition: opacity 0.5s ease, visibility 0s ease 0.5s;
    transition: opacity 0.5s ease, visibility 0s ease 0.5s
}

.ac-video-controls .ac-video-captions-selector-container.showing {
    visibility: visible;
    opacity: 1
}

.ac-video-controls .ac-video-captions-selector-container .ac-video-captions-selector-title {
    color: rgba(255, 255, 255, 0.52);
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    list-style: none;
    margin: 0;
    padding-left: 12px;
    white-space: nowrap
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li:not(.showing):hover {
    text-decoration: underline
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 18px;
    left: 14px;
    margin-top: -1px
}

video::cue {
    background-color: #000;
    color: #fff;
    font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600
}

.ac-video-player-text-track-container {
    position: absolute;
    z-index: 9;
    bottom: 20%;
    left: 0px;
    right: 0px;
    text-align: center;
    display: inline-block
}

.ac-video-player-text-track {
    display: none;
    padding: 2px 4px;
    font-family: 'Arial';
    font-weight: 700;
    font-size: 24px;
    color: white;
    text-align: center;
    background-color: black
}

.ac-video-player-text-track-container:empty {
    display: none
}

.ac-video-player-text-track.is-visible:empty {
    display: none
}

.ac-video-player-text-track.is-visible {
    display: inline-block
}

.ac-video-poster {
    -webkit-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1
}

.ac-video-poster img {
    display: block;
    width: 100%;
    height: auto
}

.ac-video-poster.ac-video-poster-hide {
    opacity: 0;
    pointer-events: none
}

.ac-video-controls {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden
}

.ac-video-controls.mobile {
    display: none
}

.ac-video-controls [data-focus-method="mouse"] {
    outline: none
}

.ac-video-controls.hidden {
    visibility: hidden
}

.ac-video-controls.start-state .controls-container {
    opacity: 1;
    background: rgba(0, 0, 0, 0.15);
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: all .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls.start-state .center-button-container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ac-video-controls.start-state .controls-social-tray {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.ac-video-controls.start-state .main-controls-container {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.ac-video-controls.start-state.mobile {
    display: block
}

.ac-video-controls.start-state.mobile .controls-container .is-playing {
    display: none
}

.ac-video-controls.end-state .controls-container {
    opacity: 1;
    background: rgba(0, 0, 0, 0.55);
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: all .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls.end-state .center-button-container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ac-video-controls.end-state .controls-social-tray {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ac-video-controls.end-state .main-controls-container {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.ac-video-controls.end-state.mobile {
    display: block
}

.ac-video-controls .controls-container {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.55)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
    background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls.hide-cursor .controls-container {
    cursor: none
}

.ac-video-controls.hide-cursor .center-button-container {
    cursor: none
}

.ac-video-controls .center-button-container {
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls .controls-social-tray {
    width: 100%;
    position: absolute;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls .controls-social-tray.hidden {
    display: none
}

.ac-video-controls .main-controls-container {
    direction: ltr;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    width: 100%;
    bottom: 0;
    position: absolute;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-player.small .ac-video-controls .main-controls-container {
    height: 36px
}

.ac-video-player.medium .ac-video-controls .main-controls-container {
    height: 46px
}

.ac-video-player.large .ac-video-controls .main-controls-container {
    height: 58px
}

.ac-video-controls .main-controls {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none
}

.ac-video-player.small .ac-video-controls .main-controls {
    padding: 0 8px 10px
}

.ac-video-player.medium .ac-video-controls .main-controls {
    padding: 0 16px 20px
}

.ac-video-player.large .ac-video-controls .main-controls {
    padding: 0 31px 30px
}

.ac-video-controls .main-controls-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    top: 0
}

.ac-video-player.small .ac-video-controls .main-controls-item {
    padding-left: 7px;
    padding-right: 7px
}

.ac-video-player.medium .ac-video-controls .main-controls-item {
    padding-left: 9px;
    padding-right: 9px
}

.ac-video-player.large .ac-video-controls .main-controls-item {
    padding-left: 9px;
    padding-right: 9px
}

.ac-video-player.small .ac-video-controls .main-controls-item {
    height: 36px
}

.ac-video-player.medium .ac-video-controls .main-controls-item {
    height: 36px
}

.ac-video-player.large .ac-video-controls .main-controls-item {
    height: 40px
}

.ac-video-controls .main-controls-item:first-child {
    margin-left: 0
}

.ac-video-controls .main-controls-item:last-child {
    margin-right: 0
}

.user-hover {
    cursor: default
}

.user-hover .controls-container {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1);
    transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1)
}

.user-hover .center-button-container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s
}

.user-hover .controls-social-tray {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, transform .5s cubic-bezier(0, 0, 0.2, 1) .3s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s
}

.user-hover .main-controls-container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .05s, transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .05s, transform .5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1)
}

.user-hover .start-state .controls-container {
    background: rgba(0, 0, 0, 0.35)
}

.user-hover .end-state .controls-container {
    background: rgba(0, 0, 0, 0.65)
}

.mouse-leave .center-button-container, .mouse-leave .controls-social-tray,
.mouse-leave .main-controls-container {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.initial-play .center-button-container, .initial-play .controls-social-tray,
.initial-play .main-controls-container {
    -webkit-transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.threesixty-video {
    cursor: none
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper {
    pointer-events: none
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container * ,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container * ,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray * ,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar * ,
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper * {
    pointer-events: none
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-button {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.threesixty-video.recently-dragging .ac-video-controls .controls-container {
    cursor: -webkit-grab;
    cursor: grab
}

.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-button {
    cursor: -webkit-grab;
    cursor: grab
}

.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-progress-bar {
    cursor: -webkit-grab;
    cursor: grab
}

.threesixty-video.user-hover .ac-video-controls .center-button-container {
    cursor: -webkit-grab;
    cursor: grab
}

.threesixty-video.user-hover .ac-video-controls.start-state .center-button-container,
.threesixty-video.user-hover .ac-video-controls.end-state .center-button-container {
    cursor: pointer
}

.threesixty-video .ac-video-controls.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.threesixty-video .ac-video-controls.mobile .controls-container {
    display: block
}

.threesixty-video .ac-video-controls.mobile:not(.start-state):not(.end-state) .controls-play-pause-button-container {
    pointer-events: none
}

.button-wrapper {
    position: relative;
    height: 100%
}

.controls-button {
    border: 0;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    pointer-events: all
}

.controls-button:hover {
    cursor: pointer
}

.ac-video-icon {
    background-position: 50% 50%;
    opacity: .8;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.main-controls:hover .ac-video-icon, .sharing-state:hover .ac-video-icon {
    opacity: .45 !important
}

.sharing-state:hover .textarea-active .ac-video-icon {
    opacity: .8 !important
}

.main-controls .ac-video-icon:hover, .controls-social-tray .ac-video-icon:hover,
.controls-social-tray .textarea-active .ac-video-icon:hover, .center-button-container:hover .ac-video-icon {
    opacity: 1 !important
}

.user-hover .controls-play-pause-button-container, .user-hover .controls-play-pause-button {
    cursor: pointer
}

.main-controls-container, .controls-social-tray {
    cursor: default
}

.controls-play-pause-button-container {
    width: 100%;
    height: 100%
}

.controls-play-pause-button-container.hidden {
    display: none
}

.controls-play-pause-button {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.75;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.3s ease;
    transition: transform 0.2s ease, opacity 0.3s ease, -webkit-transform 0.2s ease
}

.ac-video-player.small .controls-play-pause-button {
    width: 52px;
    height: 52px
}

.ac-video-player.medium .controls-play-pause-button {
    width: 52px;
    height: 52px
}

.ac-video-player.large .controls-play-pause-button {
    width: 86px;
    height: 86px
}

.controls-play-pause-button-container:active .controls-play-pause-button {
    -webkit-transform: scale(0.9) translateX(-50%) translateY(-50%);
    transform: scale(0.9) translateX(-50%) translateY(-50%)
}

.controls-play-pause-button::after {
    content: " ";
    display: block
}

.is-playing .controls-play-pause-button::after {
    display: none
}

.end-state .controls-play-pause-button::after {
    display: none
}

.controls-toggle-mute-volume-button {
    bottom: 0;
    width: 20px;
    max-width: 20px
}

.ac-video-player.small .controls-toggle-mute-volume-button {
    height: 36px
}

.ac-video-player.medium .controls-toggle-mute-volume-button {
    height: 36px
}

.ac-video-player.large .controls-toggle-mute-volume-button {
    height: 40px
}

.ac-video-player.small .controls-toggle-mute-volume-button {
    padding-left: 7px;
    padding-right: 7px;
    margin-left: -7px;
    margin-right: -7px
}

.ac-video-player.medium .controls-toggle-mute-volume-button {
    padding-left: 9px;
    padding-right: 9px;
    margin-left: -9px;
    margin-right: -9px
}

.ac-video-player.large .controls-toggle-mute-volume-button {
    padding-left: 9px;
    padding-right: 9px;
    margin-left: -9px;
    margin-right: -9px
}

.controls-text-tracks-toggle-button {
    width: 20px;
    max-width: 20px
}

.controls-text-tracks-toggle-button.no-text-tracks {
    display: none
}

.ac-video-controls.captions-selector-showing .controls-text-tracks-toggle-button {
    opacity: 1 !important
}

.controls-airplay-button {
    width: 20px;
    max-width: 20px
}

.controls-airplay-button.airplay-unsupported {
    display: none
}

.controls-picture-in-picture-button {
    width: 20px;
    max-width: 20px
}

.controls-picture-in-picture-button.picture-in-picture-unsupported {
    display: none
}

.controls-full-screen-button {
    width: 16px;
    max-width: 16px
}

.controls-full-screen-button.fullscreen-unsupported {
    display: none
}

.controls-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none
}

.ac-video-player.small .controls-progress {
    margin-left: 6px;
    margin-right: 0;
    padding-right: 0 !important
}

.ac-video-player.medium .controls-progress {
    margin-left: 6px;
    margin-right: 6px
}

.ac-video-player.large .controls-progress {
    margin-left: 18px;
    margin-right: 18px
}

.controls-progress-bar {
    cursor: pointer;
    pointer-events: all;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    margin-right: 10px
}

.ac-video-player.small .controls-progress-bar {
    margin-right: 13px
}

.controls-progress-bar:hover .ac-slider-thumb-background {
    -webkit-transform: scale(.83333);
    transform: scale(.83333)
}

.controls-progress-bar:active .ac-slider-thumb-background {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.controls-progress-time {
    color: #fff;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    line-height: 1;
    position: relative
}

.ac-video-player.small .controls-progress-time {
    top: 13px
}

.ac-video-player.medium .controls-progress-time {
    top: 13px
}

.ac-video-player.large .controls-progress-time {
    top: 15px
}

.controls-progress-time .label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.ac-video-player.small .controls-progress-time-2 {
    display: none
}

.controls-elapsed-time, .controls-remaining-time {
    display: block
}

.controls-time-maxwidth {
    display: block;
    visibility: hidden
}

.longform.ac-video-player .controls-time-maxwidth::after {
    content: ':4'
}

.controls-progress-indicator {
    width: 100%;
    height: 4px;
    position: relative
}

.ac-video-player.small .controls-progress-indicator {
    padding-top: 16px;
    padding-bottom: 16px
}

.ac-video-player.medium .controls-progress-indicator {
    padding-top: 16px;
    padding-bottom: 16px
}

.ac-video-player.large .controls-progress-indicator {
    padding-top: 18px;
    padding-bottom: 18px
}

.controls-progress-indicator .ac-slider-runnable-track {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 100%
}

.controls-progress-indicator .ac-slider-hover-track {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.controls-progress-indicator .ac-slider-hover-notch {
    position: absolute;
    height: 100%;
    width: 1px;
    background: #333;
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1)
}

.hover.controls-progress-indicator .ac-slider-hover-notch {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1)
}

.controls-progress-indicator .ac-slider-inner-track {
    position: absolute;
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1
}

.controls-progress-indicator .ac-slider-scrubbed {
    position: absolute;
    background: #fff;
    height: 4px;
    width: 100%;
    margin-left: calc(-100% + (4px / 2))
}

.controls-progress-indicator .ac-slider-thumb {
    background: #fff;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    position: relative;
    z-index: 10
}

.controls-progress-indicator .ac-slider-thumb-background-wrapper {
    height: 12px;
    width: 12px;
    position: absolute;
    top: -18px;
    left: -4px;
    padding-top: 14px;
    padding-bottom: 14px
}

.controls-progress-indicator .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background,
.controls-progress-indicator .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.controls-progress-indicator .ac-slider-thumb-background {
    background: #fff;
    border-radius: 50%;
    height: 12px;
    width: 100%;
    -webkit-transform: scale(.33333);
    transform: scale(.33333);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    will-change: transform
}

.controls-progress-indicator.ac-slider-inactive .ac-slider-thumb {
    visibility: hidden
}

.controls-volume {
    cursor: pointer;
    max-width: 20px
}

.controls-volume:hover {
    height: 90px
}

.controls-volume .controls-volume-level-indicator {
    bottom: 35px;
    left: 7px;
    width: 4px;
    padding: 10px 10px 0 10px;
    height: 60px;
    position: absolute;
    pointer-events: none
}

.ac-video-controls.mobile .controls-volume .controls-volume-level-indicator {
    display: none
}

.controls-volume .controls-volume-level-indicator:active .ac-slider-thumb-background {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.controls-volume .ac-slider-runnable-track {
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 100%;
    left: -4px;
    padding-left: 4px;
    padding-right: 4px
}

.controls-volume .ac-slider-background {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 4px;
    height: 4px;
    opacity: 0;
    -webkit-transition: height .2345s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: height .2345s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s
}

.controls-volume .ac-slider-inner-track {
    border-radius: 2px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    height: 0;
    width: 4px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: height .335s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: height .335s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s
}

.controls-volume .ac-slider-thumb-wrapper {
    width: 12px;
    height: 0;
    bottom: 0;
    left: 1px;
    position: absolute;
    z-index: 10;
    -webkit-transition: height .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: height .335s cubic-bezier(0.4, 0, 0.6, 1)
}

.controls-volume .ac-slider-thumb {
    background: #fff;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    top: auto;
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s;
    transition: opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s;
    transition: transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s, opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s, opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s;
    will-change: transform
}

.controls-volume .ac-slider-thumb-background-wrapper {
    width: 12px;
    height: 12px;
    position: absolute;
    top: -1px;
    left: -1px
}

.controls-volume .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background,
.controls-volume .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.controls-volume .ac-slider-thumb-background {
    background: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.83333);
    transform: scale(.83333);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease
}

.controls-volume .ac-slider-scrubbed {
    background: #fff;
    bottom: calc(100% - (10px / 2));
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: margin-bottom .335s linear;
    transition: margin-bottom .335s linear;
    will-change: bottom
}

.controls-volume:hover, .controls-volume:hover .controls-volume-level-indicator,
.controls-volume:active, .controls-volume:active .controls-volume-level-indicator,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive),
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator {
    pointer-events: all
}

.controls-volume:hover .controls-toggle-mute-volume-button, .controls-volume:active .controls-toggle-mute-volume-button,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-toggle-mute-volume-button {
    opacity: 1 !important
}

.controls-volume:hover .ac-slider-background, .controls-volume:active .ac-slider-background,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-background {
    height: 100%;
    opacity: 1;
    -webkit-transition: height .2345s ease-out, opacity .0335s ease-out;
    transition: height .2345s ease-out, opacity .0335s ease-out
}

.controls-volume:hover .ac-slider-inner-track, .controls-volume:hover .ac-slider-thumb-wrapper,
.controls-volume:active .ac-slider-inner-track, .controls-volume:active .ac-slider-thumb-wrapper,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-inner-track,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb-wrapper {
    height: 100%;
    -webkit-transition: height .268s ease-out .067s;
    transition: height .268s ease-out .067s
}

.controls-volume:hover .ac-slider-thumb, .controls-volume:active .ac-slider-thumb,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .05025s ease-out .05025s, -webkit-transform .25125s ease-out .05025s;
    transition: opacity .05025s ease-out .05025s, -webkit-transform .25125s ease-out .05025s;
    transition: transform .25125s ease-out .05025s, opacity .05025s ease-out .05025s;
    transition: transform .25125s ease-out .05025s, opacity .05025s ease-out .05025s, -webkit-transform .25125s ease-out .05025s
}

.controls-volume:hover .ac-slider-scrubbed, .controls-volume:active .ac-slider-scrubbed,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-scrubbed {
    margin-bottom: 5px;
    -webkit-transition: margin-bottom .335s linear;
    transition: margin-bottom .335s linear
}

.live-stream {
    display: none;
    text-align: center;
    white-space: nowrap
}

.live-stream .live-stream-text {
    color: #fff;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 12px;
    letter-spacing: -0.01em;
    display: block;
    position: relative
}

.ac-video-player.small .live-stream .live-stream-text {
    top: 12px
}

.ac-video-player.medium .live-stream .live-stream-text {
    top: 12px
}

.ac-video-player.large .live-stream .live-stream-text {
    top: 14px
}

.live-stream .live-stream-text::before {
    content: '';
    width: 5px;
    height: 5px;
    background: rgba(255, 51, 51, 0.8);
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle
}

.ac-video-live .main-controls {
    max-width: 420px
}

.ac-video-live .controls-progress {
    display: none
}

.ac-video-live .live-stream {
    display: block
}

.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay {
    bottom: 16px
}

.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-image {
    display: none
}

.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay {
    width: 96px;
    bottom: 26px
}

.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
    height: 56px
}

.ac-video-player.medium .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
    height: 40px
}

.ac-video-player.medium .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image {
    height: 96px
}

.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
    width: 56px;
    bottom: 26px
}

.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
    height: 96px
}

.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay {
    width: 144px;
    bottom: 36px
}

.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
    height: 81px
}

.ac-video-player.large .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
    height: 60px
}

.ac-video-player.large .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image {
    height: 144px
}

.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
    width: 81px;
    bottom: 36px
}

.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
    height: 144px
}

.ac-video-player .ac-video-overlay-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11
}

.ac-video-player .ac-video-overlay-container.hidden {
    display: none
}

.ac-video-player .ac-video-overlay-container div {
    bottom: 0;
    position: absolute;
    width: 100%
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
    position: relative;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, transform .35s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image.hidden {
    opacity: 0;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time {
    margin-top: 8px;
    margin-bottom: 12px;
    text-align: center;
    position: relative;
    color: #fff;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    line-height: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), transform .35s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-image {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-time {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-player.user-hover .start-state .ac-video-overlay-container,
.ac-video-player.user-hover .end-state .ac-video-overlay-container {
    visibility: hidden
}

.ac-video-player.user-hover .ac-video-overlay-container {
    visibility: visible
}

.ac-video-player .end-state-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 82px;
    pointer-events: none
}

.ac-video-player .end-state-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 100%;
    height: 100%;
    padding: 0 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    pointer-events: all;
    cursor: default;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.ac-video-player .end-state-container .end-state-item {
    opacity: 0
}

.ac-video-player .end-state-container .end-state-item .end-state-link {
    text-decoration: none
}

.ac-video-player .end-state-container .end-state-item:hover .end-state-text-container:before {
    opacity: 1
}

.ac-video-player .end-state-container .end-state-item .end-state-text-container {
    display: inline-block;
    position: relative
}

.ac-video-player .end-state-container .end-state-item .end-state-text-container:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 2px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.ac-video-player .end-state .end-state-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1);
    visibility: visible
}

.ac-video-player .end-state .end-state-container.hidden {
    display: none
}

.ac-video-player .end-state .end-state-container:hover .end-state-item:hover {
    opacity: 1
}

.ac-video-player .end-state .end-state-container .end-state-item {
    margin: 0 auto;
    font-size: 17px;
    letter-spacing: -0.37px;
    line-height: 21px;
    opacity: .8;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.ac-video-player .end-state .end-state-container .end-state-item:first-child {
    padding-top: 0.2em;
    padding-bottom: 0.2em
}

.ac-video-player .end-state .end-state-container .end-state-item:last-child {
    padding-top: 0.2em
}

.ac-video-player .end-state .end-state-container .end-state-item:only-child {
    padding-top: 0;
    padding-bottom: 0
}

.ac-video-player .end-state .end-state-container .end-state-item .end-state-link {
    color: #fff
}

.ac-video-player.medium .end-state-wrapper {
    height: 72px
}

.ac-video-player.medium .end-state-container {
    padding: 0 20px 20px
}

.ac-video-player.medium .end-state-item {
    font-size: 17px;
    letter-spacing: -0.37px;
    line-height: 25px
}

.ac-video-player.small .end-state-wrapper {
    height: 58px
}

.ac-video-player.small .end-state-container {
    padding: 0 10px 10px
}

.ac-video-player.small .end-state .end-state-container .end-state-item {
    font-size: 14px;
    letter-spacing: -0.22px;
    line-height: 20px
}

.ac-video-player.small .end-state .end-state-container .end-state-item:only-child {
    padding-bottom: 10px
}

html[dir="rtl"] .controls-social-tray {
    direction: rtl
}

.sharing-state {
    text-align: center;
    pointer-events: none
}

.ac-video-player.small .sharing-state {
    height: 40px
}

.ac-video-player.medium .sharing-state {
    height: 48px
}

.ac-video-player.large .sharing-state {
    height: 54px
}

.sharing-state .facebook-share {
    width: 1em;
    max-width: 1em;
    background-size: 16px
}

.mobile.sharing-state .facebook-share {
    background-size: 21.6px
}

.sharing-state .twitter-share {
    width: 1.1875em;
    max-width: 1.1875em;
    background-size: 19px
}

.mobile.sharing-state .twitter-share {
    background-size: 25.65px
}

.sharing-state .copy-link {
    width: 1.0625em;
    max-width: 1.0625em;
    background-size: 17px
}

.mobile.sharing-state .copy-link {
    background-size: 22.95px
}

.sharing-state .copy-embed-code {
    display: none !important
}

.sharing-state.embed-enabled .copy-embed-code {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    width: 1.5em;
    max-width: 1.5em;
    background-size: 24px
}

.mobile.sharing-state.embed-enabled .copy-embed-code {
    background-size: 32.4px
}

.sharing-state .textinput-close-button {
    width: 13px;
    background-size: 13px
}

.mobile.sharing-state .textinput-close-button {
    width: 17.55px;
    background-size: 17.55px
}

.sharing-state .container {
    background: rgba(102, 102, 102, 0.4);
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    padding-left: 5px;
    padding-right: 5px
}

.mobile.sharing-state .container {
    padding-left: 6.75px;
    padding-right: 6.75px
}

.ac-video-player.small .sharing-state .container {
    margin-top: 10px
}

.ac-video-player.medium .sharing-state .container {
    margin-top: 18px
}

.ac-video-player.large .sharing-state .container {
    margin-top: 24px
}

.sharing-state .container.hidden {
    display: none
}

.sharing-state .container button {
    border: 0;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px
}

.mobile.sharing-state .container button {
    height: 40.5px
}

.sharing-state .container .sharing-button-container button {
    pointer-events: auto;
    font: initial;
    opacity: .8;
    -webkit-transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, -webkit-transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, -webkit-transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, transform .19s ease-out, -webkit-transform .19s ease-out;
    font-size: 16px;
    padding-left: 9px;
    padding-right: 9px
}

.mobile.sharing-state .container .sharing-button-container button {
    font-size: 21.6px;
    padding-left: 12.15px;
    padding-right: 12.15px
}

.sharing-state .container .sharing-button-container button.hide-button {
    display: none
}

.sharing-state .container .textarea-container {
    font-size: 0;
    visibility: hidden
}

.sharing-state .container .textarea-container span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sharing-state .container .textarea-container .copy-area {
    background: none;
    border: none;
    color: #fff;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    width: 0;
    margin: 0;
    padding-left: 1px;
    padding-right: 1px;
    text-align: left;
    -webkit-transition: width .38s ease-out, -webkit-transform .38s ease-out;
    transition: width .38s ease-out, -webkit-transform .38s ease-out;
    transition: width .38s ease-out, transform .38s ease-out;
    transition: width .38s ease-out, transform .38s ease-out, -webkit-transform .38s ease-out;
    -webkit-transition-duration: .19s;
    transition-duration: .19s;
    font-size: 11px
}

.sharing-state .container .textarea-container .copy-area:focus {
    outline: none
}

.mobile.sharing-state .container .textarea-container .copy-area {
    font-size: 14.85px
}

.sharing-state .container .textarea-container .textinput-close-button {
    opacity: 0;
    max-width: 0;
    padding: 0;
    -webkit-transition: opacity .38s ease-out, max-width .19s ease-out, padding .19s ease-out;
    transition: opacity .38s ease-out, max-width .19s ease-out, padding .19s ease-out
}

.sharing-state .container.textarea-active {
    pointer-events: all;
    background: rgba(102, 102, 102, 0.55)
}

.sharing-state .container.textarea-active .textarea-container {
    visibility: visible
}

.sharing-state .container.textarea-active .textarea-container .copy-area {
    width: 212px;
    -webkit-transition: width .38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .38s cubic-bezier(0, 0, 0.2, 1);
    transition: width .38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .38s cubic-bezier(0, 0, 0.2, 1);
    transition: width .38s cubic-bezier(0, 0, 0.2, 1), transform .38s cubic-bezier(0, 0, 0.2, 1);
    transition: width .38s cubic-bezier(0, 0, 0.2, 1), transform .38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .38s cubic-bezier(0, 0, 0.2, 1)
}

.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
    opacity: .8;
    padding-left: 9px;
    padding-right: 9px;
    -webkit-transition: opacity .19s cubic-bezier(0, 0, 0.2, 1) .19s, max-width .19s cubic-bezier(0, 0, 0.2, 1), padding .19s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .19s cubic-bezier(0, 0, 0.2, 1) .19s, max-width .19s cubic-bezier(0, 0, 0.2, 1), padding .19s cubic-bezier(0, 0, 0.2, 1);
    max-width: 13px
}

.mobile.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
    max-width: 17.55px
}

.sharing-state .container.textarea-active .sharing-container button:not(.active) {
    opacity: 0;
    max-width: 0;
    padding: 0;
    visibility: hidden;
    -webkit-transition: opacity .19s cubic-bezier(0, 0, 0.2, 1), max-width .38s cubic-bezier(0, 0, 0.2, 1), padding .38s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .19s cubic-bezier(0, 0, 0.2, 1), max-width .38s cubic-bezier(0, 0, 0.2, 1), padding .38s cubic-bezier(0, 0, 0.2, 1)
}

.sharing-state .container.textarea-active .sharing-container button.active {
    opacity: .8;
    visibility: visible;
    -webkit-transition: opacity .19s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .19s cubic-bezier(0, 0, 0.2, 1)
}

.threesixty-ui {
    cursor: -webkit-grab;
    cursor: grab
}

.threesixty-ui .ac-video-controls .compass-wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.threesixty-video .ac-video-controls .compass-wrapper {
    display: inline-block
}

.ac-video-controls .compass-wrapper {
    display: none
}

.compass-wrapper {
    border: 0;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    overflow: visible;
    position: absolute;
    top: calc(50% - (38px / 2));
    right: 24px;
    height: 38px;
    width: 38px;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.compass-wrapper .compass-background {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    -webkit-transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s
}

.compass-wrapper.show-arrows .compass-background {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transition: -webkit-transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: -webkit-transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform .335s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .335s cubic-bezier(0.4, 0, 0.6, 1)
}

.compass-wrapper .compass {
    border: 0;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    cursor: inherit;
    width: 38px;
    height: 38px
}

.compass-wrapper .compass-ring {
    width: 38px;
    max-width: 38px;
    position: absolute;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    margin-left: 0px;
    pointer-events: none;
    will-change: transform
}

.compass-wrapper:hover {
    cursor: pointer
}

.compass-wrapper .compass-field {
    width: 38px;
    max-width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    margin-top: 0px;
    margin-left: 0px;
    pointer-events: none
}

.compass-wrapper .compass-arrows {
    pointer-events: none;
    position: absolute;
    width: 68px;
    height: 68px;
    top: -15px;
    left: -15px;
    opacity: 0;
    -webkit-transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .06s
}

.compass-wrapper .compass-arrows .compass-arrow-top, .compass-wrapper .compass-arrows .compass-arrow-right,
.compass-wrapper .compass-arrows .compass-arrow-bottom, .compass-wrapper .compass-arrows .compass-arrow-left {
    border: 0;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    pointer-events: none;
    cursor: inherit;
    position: absolute;
    width: 19px;
    height: 19px;
    opacity: .45;
    will-change: opacity;
    -webkit-transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s
}

.compass-wrapper .compass-arrows .compass-arrow-top:focus, .compass-wrapper .compass-arrows .compass-arrow-top:active,
.compass-wrapper .compass-arrows .compass-arrow-right:focus, .compass-wrapper .compass-arrows .compass-arrow-right:active,
.compass-wrapper .compass-arrows .compass-arrow-bottom:focus, .compass-wrapper .compass-arrows .compass-arrow-bottom:active,
.compass-wrapper .compass-arrows .compass-arrow-left:focus, .compass-wrapper .compass-arrows .compass-arrow-left:active {
    opacity: 1
}

.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-top,
.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-right,
.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-bottom,
.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-left {
    pointer-events: all
}

.compass-wrapper .compass-arrows .compass-arrow-top {
    top: 0;
    left: 24px;
    -webkit-transform: rotate(-90deg) translateX(-7px) scale(.55);
    transform: rotate(-90deg) translateX(-7px) scale(.55)
}

.compass-wrapper .compass-arrows .compass-arrow-right {
    top: 24px;
    left: 47px;
    -webkit-transform: translateX(-7px) scale(.55);
    transform: translateX(-7px) scale(.55)
}

.compass-wrapper .compass-arrows .compass-arrow-bottom {
    top: 48px;
    left: 25px;
    -webkit-transform: rotate(90deg) translateX(-7px) scale(.55);
    transform: rotate(90deg) translateX(-7px) scale(.55)
}

.compass-wrapper .compass-arrows .compass-arrow-left {
    top: 24px;
    left: 2px;
    -webkit-transform: rotate(180deg) translateX(-7px) scale(.55);
    transform: rotate(180deg) translateX(-7px) scale(.55)
}

.compass-wrapper.show-arrows .compass-arrows {
    opacity: 1;
    -webkit-transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .06s
}

.compass-wrapper.show-arrows .compass-arrow-top, .compass-wrapper.show-arrows .compass-arrow-right,
.compass-wrapper.show-arrows .compass-arrow-bottom, .compass-wrapper.show-arrows .compass-arrow-left {
    pointer-events: all;
    -webkit-transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s
}

.compass-wrapper.show-arrows .compass-arrow-top {
    -webkit-transform: rotate(-90deg) translateX(0) scale(1);
    transform: rotate(-90deg) translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-right {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-bottom {
    -webkit-transform: rotate(90deg) translateX(0) scale(1);
    transform: rotate(90deg) translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-left {
    -webkit-transform: rotate(180deg) translateX(0) scale(1);
    transform: rotate(180deg) translateX(0) scale(1)
}

.ac-video-controls.start-state .compass-wrapper {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.ac-video-controls.end-state .compass-wrapper {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.threesixty-ui .compass-wrapper {
    opacity: 1;
    -webkit-transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s
}

.mouse-leave .compass-wrapper {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.dragging .compass-wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.dragging .compass {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.ac-video-player .error-state-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden
}

.ac-video-player .error-state-wrapper .error-state-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    pointer-events: all;
    cursor: default;
    background: rgba(0, 0, 0, 0.67)
}

.ac-video-player .error-state-wrapper .error-state-container .error-state-message {
    background-color: rgba(34, 34, 34, 0.8);
    border-radius: 4px;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 17px;
    color: #fff;
    opacity: 1;
    letter-spacing: -0.37px;
    text-align: center;
    line-height: 20px;
    min-width: 40px;
    max-width: 360px;
    padding: 10px 16px;
    outline: none
}

.ac-video-player:not(.idle-state).media-error .ac-video-controls {
    opacity: 0;
    visibility: hidden
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper {
    visibility: visible;
    pointer-events: all
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    visibility: visible
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container.hidden {
    display: none
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container:hover .end-state-item:hover {
    opacity: 1
}

.ac-player-tablet .modal {
    display: none
}

.has-modal.modal-open .modal {
    display: block
}

.modal .modal-close {
    color: #666
}

.modal .modal-close:hover {
    color: #333
}

.modal .ac-video-player .ac-video-not-supported {
    background-color: transparent !important
}

.ac-modal-video-pip {
    opacity: 0;
    pointer-events: none;
    display: block
}

.modal .modal-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-content.center-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-content.center-horizontal .ac-player-container {
    position: relative;
    width: auto
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio {
    max-width: 1536px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player {
    max-height: 640px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio {
    max-width: 1624px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio .ac-video-player {
    max-height: 750px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio {
    max-width: 563px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio.ac-films-modal-mobile {
    max-width: 100%
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio .ac-video-player {
    max-height: 1218px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio {
    max-width: 960px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio .ac-video-player {
    max-height: 960px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio {
    max-width: 540px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio.ac-films-modal-mobile {
    max-width: 720px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio .ac-video-player {
    max-height: 960px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-films-modal-mobile .ac-video-player {
    max-height: 90vh
}

.modal .modal-content.center-horizontal .ac-player-container .ac-video-player {
    width: auto;
    height: 100vh;
    max-height: 720px
}

.modal .modal-content.center-horizontal .ac-player-container .ac-video-player video {
    width: auto;
    min-width: 320px
}

.modal .modal-content .ac-player-container {
    max-width: 1280px;
    width: 100vw;
    min-width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio,
.modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player .ac-video-poster {
    max-width: 1536px
}

.modal .modal-content .ac-player-container.ac-films-modal-mobile {
    min-width: 0px
}

.modal .modal-content .ac-player-container .ac-video-player {
    overflow: hidden;
    position: relative;
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center
}

.modal .modal-content .ac-player-container .ac-video-player video {
    max-height: 100vh;
    max-width: 100vw
}

.modal .modal-content .ac-player-container .ac-video-player .ac-video-poster {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
    max-width: 1280px
}

.ac-video-player.ac-films-handheld-player {
    position: fixed;
    z-index: -1;
    visibility: hidden;
    width: 1px;
    height: 1px;
    top: 50%;
    left: 50%
}

.ac-video-player.ac-films-handheld-player.player-fullscreen {
    visibility: visible
}

.image-with-content-block .content-block-container {
    padding-bottom: 112px
}

@media only screen and (max-width: 1068px) {
    .image-with-content-block .content-block-container {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 735px) {
    .image-with-content-block .content-block-container {
        padding-bottom: 120px
    }
}

.image-with-content-block .content-block-container .content-block:before {
    height: 111px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .image-with-content-block .content-block-container .content-block:before {
        height: 106px
    }
}

@media only screen and (max-width: 735px) {
    .image-with-content-block .content-block-container .content-block:before {
        height: 72px
    }
}

@media only screen and (max-width: 1068px) {
    .image-with-content-block .content-block-container .content-block {
        top: -150px;
        margin-bottom: -150px
    }
}

@media only screen and (max-width: 735px) {
    .image-with-content-block .content-block-container .content-block {
        top: 0;
        margin-bottom: 0
    }
}

.card-grid {
    display: grid;
    grid-auto-rows: 1fr;
    margin-top: 0;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-top: 115px
}

@media only screen and (max-width: 1068px) {
    .card-grid {
        grid-gap: 16px;
        padding-top: 108px
    }
}

@media only screen and (max-width: 735px) {
    .card-grid {
        grid-template-columns: 100%;
        grid-gap: 20px;
        padding-top: 74px
    }
}

@media only screen and (max-width: 735px) {
    .card-grid {
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 736px) {
    html.ie .card-grid .ms-grid-item:nth-child(3) {
        -ms-grid-column: 2
    }

    html.ie .card-grid .ms-grid-item:nth-child(4) {
        -ms-grid-column: 1
    }
}

html.ie .card-grid .ms-grid-item:nth-child(1), html.ie .card-grid .ms-grid-item:nth-child(2) {
    margin-bottom: 10px
}

html.ie .card-grid .ms-grid-item:nth-child(3), html.ie .card-grid .ms-grid-item:nth-child(4) {
    margin-top: 10px
}

html.ie .card-grid .ms-grid-item:nth-child(1), html.ie .card-grid .ms-grid-item:nth-child(4) {
    margin-right: 10px
}

html.ie .card-grid .ms-grid-item:nth-child(2), html.ie .card-grid .ms-grid-item:nth-child(3) {
    margin-left: 10px
}

@media only screen and (max-width: 1068px) {
    html.ie .card-grid .ms-grid-item:nth-child(1), html.ie .card-grid .ms-grid-item:nth-child(2) {
        margin-bottom: 8px
    }

    html.ie .card-grid .ms-grid-item:nth-child(3), html.ie .card-grid .ms-grid-item:nth-child(4) {
        margin-top: 8px
    }

    html.ie .card-grid .ms-grid-item:nth-child(1), html.ie .card-grid .ms-grid-item:nth-child(4) {
        margin-right: 8px
    }

    html.ie .card-grid .ms-grid-item:nth-child(2), html.ie .card-grid .ms-grid-item:nth-child(3) {
        margin-left: 8px
    }
}

@media only screen and (max-width: 735px) {
    html.ie .card-grid .ms-grid-item:nth-child(1), html.ie .card-grid .ms-grid-item:nth-child(2),
    html.ie .card-grid .ms-grid-item:nth-child(3), html.ie .card-grid .ms-grid-item:nth-child(4) {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }

    html.ie .card-grid .ms-grid-item:not(:last-child) {
        margin-bottom: 20px
    }
}

.card-border {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.card .icon-container {
    position: relative;
    float: left;
    pointer-events: none;
    display: inline-block;
    margin-top: 18px
}

@media only screen and (max-width: 1068px) {
    .card .icon-container {
        margin-top: 19px
    }
}

@media only screen and (max-width: 735px) {
    .card .icon-container {
        margin-top: 18px
    }
}

.card .modal-button-icon {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 100;
    color: #fff;
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    cursor: pointer
}

.card .modal-button-icon:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .modal-button-icon:lang(ja) {
    line-height: 1.21875;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .modal-button-icon:lang(ko) {
    line-height: 1.23438;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .modal-button-icon:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .modal-button-icon:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .modal-button-icon:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .modal-button-icon:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .modal-button-icon:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .card .modal-button-icon {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .card .modal-button-icon {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .modal-button-icon:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 1068px) {
    .card .modal-button-icon {
        font-weight: 100
    }
}

@media only screen and (max-width: 735px) {
    .card .modal-button-icon {
        font-weight: 100
    }
}

.card .modal-button-icon:after {
    padding-left: 0 !important;
    line-height: 1.3em !important;
    left: 0
}

.card .modal-button-icon.hovered {
    opacity: 0;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    z-index: 99999
}

.card .modal-button-icon.hovered.js-hover {
    opacity: 1
}

.card .modal-button-icon-open::before, .card .modal-button-icon-open::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.card .modal-button-icon-open::before, .card .modal-button-icon-open::after {
    text-decoration: none
}

.card .modal-button-icon-open::before {
    display: none
}

.card .modal-button-icon-open::before, .card .modal-button-icon-open::after {
    content: ""
}

.card .modal-button-icon-open::after {
    padding-left: .3em;
    top: 0
}

.card .modal-button-icon-open:before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: auto
}

.card .modal-button-icon-open.hovered::before, .card .modal-button-icon-open.hovered::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.card .modal-button-icon-open.hovered::before, .card .modal-button-icon-open.hovered::after {
    text-decoration: none
}

.card .modal-button-icon-open.hovered::before {
    display: none
}

.card .modal-button-icon-open.hovered::before, .card .modal-button-icon-open.hovered::after {
    content: ""
}

.card .modal-button-icon-open.hovered::after {
    padding-left: .3em;
    top: 0
}

.card .modal-button-icon-open.hovered:before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: auto
}

.card .modal-button-icon-close::before, .card .modal-button-icon-close::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.card .modal-button-icon-close::before, .card .modal-button-icon-close::after {
    text-decoration: none
}

.card .modal-button-icon-close::before {
    display: none
}

.card .modal-button-icon-close::before, .card .modal-button-icon-close::after {
    content: ""
}

.card .modal-button-icon-close::after {
    padding-left: .3em;
    top: 0
}

.card .modal-button-icon-close:before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: auto
}

.card .modal-button-icon-close.hovered {
    opacity: 1
}

.card .modal-button-icon-close.hovered::before, .card .modal-button-icon-close.hovered::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.card .modal-button-icon-close.hovered::before, .card .modal-button-icon-close.hovered::after {
    text-decoration: none
}

.card .modal-button-icon-close.hovered::before {
    display: none
}

.card .modal-button-icon-close.hovered::before, .card .modal-button-icon-close.hovered::after {
    content: ""
}

.card .modal-button-icon-close.hovered::after {
    padding-left: .3em;
    top: 0
}

.card .modal-button-icon-close.hovered:before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: auto
}

.card .modal-button-icon-close.hovered:hover {
    opacity: 0
}

.card .modal-button-icon-close {
    display: inline-block;
    margin-top: 27px;
    margin-left: 27px
}

@media only screen and (max-width: 1068px) {
    .card .modal-button-icon-close {
        margin-top: 16px;
        margin-left: 16px
    }
}

.card .modal-close-container {
    z-index: 2;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 0
}

@media only screen and (max-width: 735px) {
    .card .modal-close-container {
        top: 0
    }
}

.card .modal-open-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card .image-dimensions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card [data-card-image-backdrop] {
    display: none
}

html.safari .card [data-card-image-backdrop] {
    display: block
}

.card .card-copy {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-copy .typography-card-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(ar) {
    line-height: 1.25;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(ja) {
    line-height: 1.14615;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(zh) {
    letter-spacing: 0em
}

.card .card-copy .typography-card-headline:lang(th) {
    line-height: 1.33365;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy .typography-card-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .card .card-copy .typography-card-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .card .card-copy .typography-card-headline {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy .typography-card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

/*
.card .card-copy-original {
    padding-top: 80px;
    max-width: 410px;
    margin-left: auto;
    margin-right: auto
}
@media only screen and (max-width: 1068px) {
    .card .card-copy-original {
        padding-top: 56px;
        max-width: 278px
    }
}
@media only screen and (max-width: 735px) {
    .card .card-copy-original {
        padding-top: 40px;
        max-width: 250px
    }
}
*/
.card .card-copy-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 820px;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

@media only screen and (max-width: 1068px) {
    .card .card-copy-modal {
        min-height: 700px;
        padding-top: 58px;
        padding-bottom: 58px;
        padding-left: 58px;
        padding-right: 58px
    }
}

@media only screen and (max-width: 735px) {
    .card .card-copy-modal {
        min-height: 100vh;
        padding-top: 60px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 735px) {
    .card .card-copy-modal {
        padding-bottom: 60px;
        padding-right: 5px;
        max-width: 375px;
        width: 87.5%;
        margin-left: auto;
        margin-right: auto;
    }
}

.card .card-copy-modal .small-caps {
    font-variant-caps: all-small-caps
}

.card .card-copy-modal .p,
.card .card-copy-modal li {
    margin: 1em 0;
    font-size: 2.5rem;
}

.card .card-copy-modal .modal-badge {
    margin-top: auto;
}

@media only screen and (max-width: 735px) {
    .card .card-copy-modal .modal-badge {
        margin-top: 2em;
    }
}

.card .card-copy-modal .modal-badge .modal-badge-value {
    margin-bottom: -7px;
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(ja) {
    line-height: 1.10938;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(ko) {
    line-height: 1.17188;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(zh) {
    letter-spacing: 0em
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .card .card-copy-modal .modal-badge .modal-badge-value {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh) {
        letter-spacing: 0em
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(th) {
        line-height: 1.33365;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .card .card-copy-modal .modal-badge .modal-badge-value {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .card .card-copy-modal .modal-badge .modal-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 1068px) {
    .card .card-copy-modal .modal-badge .modal-badge-value {
        font-weight: 400
    }
}

@media only screen and (max-width: 735px) {
    .card .card-copy-modal .modal-badge .modal-badge-value {
        font-weight: 400
    }
}

.card .card-copy-modal .modal-badge .caption {
    margin-top: 15px
}

.card-copy-color-page .card-copy * {
    color: #000;
}

.card-copy-color-page .modal-button-icon-open.hovered:before {
    background: #111
}

.card-copy-color-page .modal-button-icon-open.hovered:after {
    color: #fff
}

.card-copy-color-page .modal-button-icon-close.hovered:before {
    background: #111
}

.card-copy-color-page .modal-button-icon-close.hovered:after {
    color: #fff
}

.card-copy-color-copy .card-copy * {
    color: #111
}

.card-copy-color-copy .modal-button-icon-open.hovered:before {
    background: #fff
}

.card-copy-color-copy .modal-button-icon-open.hovered:after {
    color: #111
}

.card-copy-color-copy .modal-button-icon-close {
    color: #111
}

.card-copy-color-copy .modal-button-icon-close.hovered:before {
    background: #fff
}

.card-copy-color-copy .modal-button-icon-close.hovered:after {
    color: #111
}

.card-original {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 414px
}

.main-careers--career-path .card-original {
	padding-bottom: 633px;
}

@media only screen and (max-width: 1068px) {
    .card-original {
        padding-bottom: 294px
    }
}

@media only screen and (max-width: 735px) {
    .card-original {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

html.no-ios .card-original:focus-within {
    outline: 3px solid #c1e0fe;
    outline: 3px solid rgba(131, 192, 253, 0.5);
    outline-offset: 1px
}

html.no-ios .card-original:focus-within[data-focus-method="mouse"]:not(input):not(textarea):not(select),
html.no-ios .card-original:focus-within[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    outline: none
}

html.ie .card-original .modal-open-button:focus, html.edge .card-original .modal-open-button:focus,
html.ie .card-original .modal-open-button:focus, html.edge .card-original .modal-open-button:focus {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(131, 192, 253, 0.5);
    border-radius: 10px
}

.card-original .card-headline {
    position: relative;
    z-index: 1
}

.card-original .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center bottom
}

.card-original .image-overlay {
    display: none
}

.card-original .card-transition, .card-original .card-modal {
    display: none
}

.card-career-path .image-background {
    background-color: #715a43
}

html.ie .card .image-overlay {
    opacity: 0.8
}

html.ie .card .image-overlay-light {
    background-color: #fff
}

html.ie .card .image-overlay-dark {
    background-color: #000
}
/*
.card-career-path .p {
    max-width: 440px
}
*/
.card-transition {
    z-index: 11001;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.card-transition .modal-close-container .modal-button-icon-close {
    will-change: opacity;
    -webkit-transition: none;
    transition: none
}

.card-transition [data-card-copy], .card-transition [data-card-modal-copy] {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.card-transition .image-dimensions, .card-transition [data-card-image] {
    -webkit-transform-origin: center top;
    transform-origin: center top;
    will-change: transform
}

.card-transition [data-card-image-scaler], .card-transition [data-card-image-revealer] {
    height: 100vh
}

.card-transition [data-card-image-revealer].card-border {
    position: absolute
}

html.chrome .card-transition [data-card-image-revealer].card-border {
    border-radius: initial
}

.card-transition [data-card-image] {
    background-position: center top;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media only screen and (max-width: 735px) {
    .card-transition .image-background, .card-transition [data-card-image-backdrop],
    .card-transition [data-card-image-overlay] {
        width: 330px;
        height: 624px;
        right: 0;
        margin: auto
    }
}

.card-transition.invisible .modal-button-icon-close {
    -webkit-transition: none;
    transition: none
}

html.modal-transition-enabled.no-chrome .card-transition [data-card-copy] {
    will-change: opacity
}

.card-transition .modal-close-container {
    position: absolute;
    top: 0;
    left: 0
}

html.overflow-visible {
    overflow: visible !important
}

html.modal-transition-enabled #ac-localnav.ac-ln-sticking {
    z-index: 12000
}

html.modal-transition-enabled.enhance-complete #ac-localnav.ac-ln-sticking {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

html.modal-transition-enabled #ac-localnav.ac-ln-sticking.faded {
    opacity: 0
}

html.modal-transition-enabled #ac-localnav.ac-ln-sticking.faded,
html.modal-transition-enabled #ac-localnav.ac-ln-sticking.faded * {
    pointer-events: none
}

html.modal-transition-enabled .card-modal-container.transition {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

html.modal-transition-enabled .card-modal-container.fade-in {
    opacity: 1
}

html.modal-transition-enabled .card-modal-container.invisible .content-table {
    opacity: 0
}

html.modal-transition-enabled.ios .card-modal-container.invisible .content-table .content-cell {
    max-height: 100vh;
    overflow: hidden
}

html.no-desktop.inside-modal body {
    position: relative
}

html.no-desktop.inside-modal body:after {
    z-index: 10000;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95)
}

html.no-desktop.inside-modal .card-modal-container {
    background: none
}

.card-modal-container {
    padding: 0;
    min-width: 305px;
    background: rgba(255, 255, 255, 0.95)
}

html.ios.safari .card-modal-container .content-table {
    display: block
}

@media only screen and (max-width: 735px) {
    html.ios.safari .card-modal-container .content-table {
        min-height: calc(100vh + 1px)
    }
}

html.ios.safari .card-modal-container .content-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-modal-container .content-wrapper {
    max-width: 650px
}

@media only screen and (max-width: 1068px) {
    .card-modal-container .content-wrapper {
        max-width: 462px
    }
}

@media only screen and (max-width: 735px) {
    .card-modal-container .content-wrapper {
        max-width: 100%
    }
}

@media only screen and (min-width: 736px) {
    .card-modal-container .content-wrapper {
        padding: 20px 0
    }
}

@media only screen and (max-width: 735px) {
    .card-modal-container .content-wrapper {
        width: 100%;
        min-width: 305px
    }
}

.card-modal-container .content-wrapper .content-padding {
    width: 100%;
    background-color: transparent;
    padding: 0
}

.card-modal-container .modal-content {
    display: block
}

.card-modal-container .card-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 735px) {
    .card-modal-container .card-modal {
        height: 100vh
    }
}

@media only screen and (max-width: 735px) {
    .card-modal-container .card-modal .card-border {
        border-radius: initial;
        overflow: initial
    }
}

.card-modal-container .card-modal .modal-close-container {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.card-modal-container .card-modal .modal-close-container .modal-button-icon-close {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.card-modal-container .card-modal .card-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: auto
}

@media only screen and (min-width: 736px) {
    html.safari .card-modal-container .card-modal .card-content {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.card-modal-container .card-modal .card-content .image-dimensions {
    height: 100%
}

@media only screen and (max-width: 735px) {
    .card-modal-container .card-modal .card-content [data-card-image-scaler] {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        -webkit-transform-origin: center 50%;
        transform-origin: center 50%;
        position: fixed
    }
}

.card-modal-container .card-modal .card-content [data-card-image] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center 50%;
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

html.no-safari .card-modal-container .card-modal .card-content [data-card-image] {
    -webkit-filter: blur(64px);
    filter: blur(64px)
}

@media only screen and (max-width: 735px) {
    .card-modal-container .card-modal .card-content [data-card-image] {
        min-width: 330px
    }
}

@media only screen and (max-width: 735px) and (max-width: 330px) {
    .card-modal-container .card-modal .card-content [data-card-image] {
        margin-left: calc((100% - 330px) / 2)
    }
}

html.safari .card-modal-container .card-modal .card-content [data-card-image-backdrop] {
    -webkit-backdrop-filter: blur(64px)
}

.card-modal-container .card-modal .card-content .card-copy {
    position: relative
}

.image--overview_built_to_last {
    width: 2560px;
    height: 900px;
    background-size: 2560px 900px;
    background-repeat: no-repeat;
    background-image: url("/v/environment/i/images/overview/built_to_last__51g5lc82mv6y_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_built_to_last {
        background-image: url("/v/environment/i/images/overview/built_to_last__51g5lc82mv6y_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_built_to_last {
        width: 1068px;
        height: 672px;
        background-size: 1068px 672px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/built_to_last__51g5lc82mv6y_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_built_to_last {
        background-image: url("/v/environment/i/images/overview/built_to_last__51g5lc82mv6y_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_built_to_last {
        width: 735px;
        height: 819px;
        background-size: 735px 819px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/built_to_last__51g5lc82mv6y_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_built_to_last {
        background-image: url("/v/environment/i/images/overview/built_to_last__51g5lc82mv6y_small_2x.jpg")
    }
}

.image--overview_cards_badge_longevity_repair {
    width: 84px;
    height: 85px;
    background-size: 84px 85px;
    background-repeat: no-repeat;
    background-image: url("/v/environment/i/images/overview/cards/badge_longevity_repair__dnugn8uxxhiu_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_badge_longevity_repair {
        background-image: url("/v/environment/i/images/overview/cards/badge_longevity_repair__dnugn8uxxhiu_large_2x.png")
    }
}

.image--overview_cards_badge_longevity_update {
    width: 85px;
    height: 85px;
    background-size: 85px 85px;
    background-repeat: no-repeat;
    background-image: url("/v/environment/i/images/overview/cards/badge_longevity_update__dch8fztjiv0i_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_badge_longevity_update {
        background-image: url("/v/environment/i/images/overview/cards/badge_longevity_update__dch8fztjiv0i_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_badge_longevity_update {
        width: 74px;
        height: 74px;
        background-size: 74px 74px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/cards/badge_longevity_update__dch8fztjiv0i_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_badge_longevity_update {
        background-image: url("/v/environment/i/images/overview/cards/badge_longevity_update__dch8fztjiv0i_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_badge_longevity_update {
        width: 74px;
        height: 74px;
        background-size: 74px 74px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/cards/badge_longevity_update__dch8fztjiv0i_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_badge_longevity_update {
        background-image: url("/v/environment/i/images/overview/cards/badge_longevity_update__dch8fztjiv0i_small_2x.png")
    }
}

.image--overview_cards_badge_low_impact_career-path {
    width: 148px;
    height: 83px;
    background-size: 148px 83px;
    background-repeat: no-repeat;
    background-image: url("/v/environment/i/images/overview/cards/badge_low_impact_career-path__e4drftw0eqoi_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_badge_low_impact_career-path {
        background-image: url("/v/environment/i/images/overview/cards/badge_low_impact_career-path__e4drftw0eqoi_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_badge_low_impact_career-path {
        width: 139px;
        height: 77px;
        background-size: 139px 77px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/cards/badge_low_impact_career-path__e4drftw0eqoi_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_badge_low_impact_career-path {
        background-image: url("/v/environment/i/images/overview/cards/badge_low_impact_career-path__e4drftw0eqoi_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_badge_low_impact_career-path {
        width: 133px;
        height: 74px;
        background-size: 133px 74px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/cards/badge_low_impact_career-path__e4drftw0eqoi_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_badge_low_impact_career-path {
        background-image: url("/v/environment/i/images/overview/cards/badge_low_impact_career-path__e4drftw0eqoi_small_2x.png")
    }
}

.image--overview_cards_low_impact_career-path {
    width: 560px;
    height: 936px;
    background-size: 560px 936px;
    background-repeat: no-repeat;
    background-image: url("/v/environment/i/images/overview/cards/low_impact_career-path__fhfq4ofpx9aq_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_low_impact_career-path {
        background-image: url("/v/environment/i/images/overview/cards/low_impact_career-path__fhfq4ofpx9aq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_low_impact_career-path {
        width: 396px;
        height: 663px;
        background-size: 396px 663px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/cards/low_impact_career-path__fhfq4ofpx9aq_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_low_impact_career-path {
        background-image: url("/v/environment/i/images/overview/cards/low_impact_career-path__fhfq4ofpx9aq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_low_impact_career-path {
        width: 330px;
        height: 624px;
        background-size: 330px 624px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/cards/low_impact_career-path__fhfq4ofpx9aq_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_low_impact_career-path {
        background-image: url("/v/environment/i/images/overview/cards/low_impact_career-path__fhfq4ofpx9aq_small_2x.jpg")
    }
}

.image--overview_hero {
    width: 2560px;
    height: 1242px;
    background-size: 2560px 1242px;
    background-repeat: no-repeat;
    background-image: url("/v/environment/i/images/overview/hero__bh5xrysol6xe_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_hero {
        background-image: url("/v/environment/i/images/overview/hero__bh5xrysol6xe_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_hero {
        width: 1068px;
        height: 837px;
        background-size: 1068px 837px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/hero__bh5xrysol6xe_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_hero {
        background-image: url("/v/environment/i/images/overview/hero__bh5xrysol6xe_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_hero {
        width: 735px;
        height: 819px;
        background-size: 735px 819px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/hero__bh5xrysol6xe_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_hero {
        background-image: url("/v/environment/i/images/overview/hero__bh5xrysol6xe_small_2x.jpg")
    }
}

.image--overview_trading_in {
    width: 2560px;
    height: 900px;
    background-size: 2560px 900px;
    background-repeat: no-repeat;
    background-image: url("/v/environment/i/images/overview/trading_in__fpho75lxb9aq_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_trading_in {
        background-image: url("/v/environment/i/images/overview/trading_in__fpho75lxb9aq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_trading_in {
        width: 1068px;
        height: 672px;
        background-size: 1068px 672px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/trading_in__fpho75lxb9aq_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_trading_in {
        background-image: url("/v/environment/i/images/overview/trading_in__fpho75lxb9aq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_trading_in {
        width: 735px;
        height: 819px;
        background-size: 735px 819px;
        background-repeat: no-repeat;
        background-image: url("/v/environment/i/images/overview/trading_in__fpho75lxb9aq_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_trading_in {
        background-image: url("/v/environment/i/images/overview/trading_in__fpho75lxb9aq_small_2x.jpg")
    }
}

/*** jobs modal ***/
.component--jobs-modal {
  margin-bottom: 25px; }

.component--jobs-modal .card-content,
.jobs-modal--card-modal .card-content {
  display: block;
  height: 100%;  }
  
.jobs-modal--card-modal .card-content {
  display: block;
  height: 100%;
  background: #ffffff; }

.component--jobs-modal .card-border,
.jobs-modal--card-modal .card-border {
  border-radius: 0; }
  
.component--jobs-modal .card .card-copy .typography-card-headline {
  font-size: 42px;
  font-weight: 500;
  padding-bottom: 25px; }

.component--jobs-modal .card .icon-container {
  font-size: 27px;
  font-size: 2.7rem;
  padding-left: 75px; }

.component--jobs-modal .card .modal-open-button {
  z-index: 999999; }

.component--jobs-modal .card .modal-button-icon {
  top: auto;
  left: auto;
  padding-left: 10px; }

.component--jobs-modal .card .card-copy-original {
  padding-top: 100px;
  padding-left: 80px;
  max-width: 590px; } 

.component--jobs-modal .card .card-copy p {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 500;
  line-height: 1.3; }
  
.component--jobs-modal .card-copy-color-page .card-copy .card-cta * {
  color: #2260d3; }

.component--jobs-modal .card .card-copy-original {
}

.component--jobs-modal .content-block-inner {
	margin: 0 auto;
}