#ac-globalfooter .ac-gf-breadcrumbs-item { word-break:keep-all } .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.08349; 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.14599; 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.33349; 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: 734px) { .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.2; 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.08349; 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.14599; 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.33349; 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.2; 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: 734px) { .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.21875; 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.2; 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.21875; 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: 734px) { .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 { 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.33341; 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(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-eyebrow:lang(ko) { line-height: 1.2858; 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.381; 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(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(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-eyebrow-reduced:lang(ko) { line-height: 1.2858; 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.381; 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(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: 734px) { .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.36844; 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.31579; 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.36844; 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-elevated { font-size: 24px; line-height: 1.33341; 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.5; 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.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-intro-elevated:lang(ko) { line-height: 1.45841; 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.381; 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.52381; 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.4286; 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.381; 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.381; 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.52381; 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.4286; 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.381; 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: 734px) { .typography-intro { font-size: 19px; line-height: 1.4211; 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.47376; 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.52632; 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.36844; 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-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.40625; 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.28583; 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.39286; 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: 734px) { .typography-quote-reduced { font-size: 24px; line-height: 1.33341; 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.5; 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.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-quote-reduced:lang(ko) { line-height: 1.45841; 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.21875; 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: 734px) { .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.33341; 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.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-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.28583; 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.39286; 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: 734px) { .typography-manifesto { font-size: 24px; line-height: 1.33341; 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.5; 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.45841; 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.33341; 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(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-label:lang(ko) { line-height: 1.2858; 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.381; 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(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.36844; 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.31579; 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.36844; 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.58824; 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.35296; 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.42859; 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) { 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.35718; 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-body-reduced-tight { font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-reduced-tight:lang(ar) { 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-tight:lang(ja) { line-height: 1.35718; 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-tight:lang(ko) { line-height: 1.42859; 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-tight:lang(zh) { letter-spacing:0em } .typography-body-reduced-tight:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-reduced-tight: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-tight: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-tight: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-tight:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight:lang(ar) { 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-tight: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-tight:lang(ko) { line-height: 1.35296; 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-tight:lang(zh) { letter-spacing:0em } .typography-body-tight:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight: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-tight: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.33337; 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.41667; 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.33337; 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: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-sosumi: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-sosumi: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-sosumi:lang(ko) { line-height: 1.41667; 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.33337; 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-hero-default-intro { font-size: 34px; line-height: 1.47059; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro: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-hero-default-intro: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-hero-default-intro: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-hero-default-intro:lang(zh) { letter-spacing:0em } .typography-hero-default-intro:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-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-hero-default-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: 1068px) { .typography-hero-default-intro { font-size: 32px; line-height: 1.3125; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro: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-hero-default-intro: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-hero-default-intro: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-hero-default-intro:lang(zh) { letter-spacing:0em } .typography-hero-default-intro:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-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-hero-default-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: 734px) { .typography-hero-default-intro { font-size: 28px; line-height: 1.28583; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro: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-hero-default-intro: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-hero-default-intro: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-hero-default-intro:lang(zh) { letter-spacing:0em } .typography-hero-default-intro:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-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-hero-default-intro:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } [class * ="typography-eyebrow"] { display: block; margin-bottom: .4em } [class * ="typography-eyebrow"] + * { margin-top:0 } .typography-headline + .typography-intro { margin-top:1.2em } .typography-headline-super + .typography-intro-elevated { margin-top:1.6em } .typography-headline-elevated + .typography-intro-elevated { margin-top:1.4em } .typography-headline-reduced + p, .typography-headline-reduced + ul, .typography-headline-reduced + .typography-body { margin-top:1em } h1, h2, h3, h4, h5, h6 { margin:0 0 0.45em 0 } .typography-bold-copy { margin-bottom:0 } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top:1em } ul, ol { margin:1em 0 1em 1.11111em } p { margin: 0 0 1em 0 } h1:not([class * ="typography-"]) { font-size: 48px; line-height: 1.08349; font-weight: 600; letter-spacing: -.003em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):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 } h1:not([class * ="typography-"]):lang(ja) { line-height: 1.14599; 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 } h1:not([class * ="typography-"]):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 } h1:not([class * ="typography-"]):lang(zh) { letter-spacing: 0em } h1:not([class * ="typography-"]):lang(th) { line-height: 1.33349; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):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 } h1:not([class * ="typography-"]):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) { h1: not([class * ="typography-"]) { 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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):lang(ko) { line-height: 1.2; 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 } h1: not([class * ="typography-"]):lang(th) { line-height: 1.35; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):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: 734px) { h1: not([class * ="typography-"]) { 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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):lang(ko) { line-height: 1.21875; 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 } h1: not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } h2:not([class * ="typography-"]) { 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 } h2:not([class * ="typography-"]):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 } h2:not([class * ="typography-"]):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 } h2:not([class * ="typography-"]):lang(ko) { line-height: 1.21875; 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 } h2:not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2:not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2:not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2:not([class * ="typography-"]):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 } h2:not([class * ="typography-"]):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) { h2: not([class * ="typography-"]) { 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 } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(th) { line-height: 1.39286; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):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: 734px) { h2: not([class * ="typography-"]) { 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 } h2: not([class * ="typography-"]):lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } h3:not([class * ="typography-"]) { 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 } h3:not([class * ="typography-"]):lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):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 } h3:not([class * ="typography-"]):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 } h3:not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):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 } h3:not([class * ="typography-"]):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) { h3: not([class * ="typography-"]) { 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 } h3: not([class * ="typography-"]):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 } h3: not([class * ="typography-"]):lang(ko) { line-height: 1.2858; 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 } h3: not([class * ="typography-"]):lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):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 } h3: not([class * ="typography-"]):lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } h4:not([class * ="typography-"]), b, strong { font-weight: bold; margin-bottom: 0; color:#1d1d1f } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust:100% } body { margin: 0; padding:0 } ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button { margin: 0; padding:0 } pre, code, address, caption, th, figcaption { font-size: 1em; font-weight: normal; font-style:normal } fieldset, iframe { border:0 } caption, th { text-align:left } table { border-collapse: collapse; border-spacing:0 } main, summary, details { display:block } audio, canvas, video, progress { vertical-align:baseline } button { background: none; border: 0; box-sizing: content-box; color: inherit; cursor: pointer; font: inherit; line-height: inherit; overflow: visible; vertical-align:inherit } button:disabled { cursor:default } :focus { outline: 4px solid rgba(0, 125, 250, 0.6); outline-offset: 1px } :focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), :focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { outline:none } ::-moz-focus-inner { border: 0; padding:0 } html { font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 106.25%; quotes: "“" "”" } [lang]:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } [lang]:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif } [lang]:lang(ko) { 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 } [lang]:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } [lang]:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } [lang]:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } [lang]: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 } [lang]:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } :lang(cs) { quotes: "„" "“" } :lang(de) { quotes: "„" "“" } :lang(de-CH) { quotes: "«" "»" } :lang(de-LI) { quotes: "«" "»" } :lang(fr) { quotes: "« " " »" } :lang(fr-CH) { quotes: "«" "»" } :lang(es-ES) { quotes: "«" "»" } :lang(hu) { quotes: "„" "“" } :lang(ja-JP) { quotes: "「" "」" } :lang(no-NO) { quotes: "«" "»" } :lang(lt) { quotes: "„" "“" } :lang(pl) { quotes: "„" "“" } :lang(ru) { quotes: "« " " »" } :lang(zh) { quotes: "「" "」" } :lang(zh-CN) { quotes: "“" "”" } 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; background-color: #fff; color: #1d1d1f; font-style:normal } 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 } 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 } body:lang(ko) { line-height: 1.58824; 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 } body:lang(zh) { letter-spacing:0em } body:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } body:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } body:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } 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 } body:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } body, input, textarea, select, button { font-synthesis: none; -moz-font-feature-settings: 'kern'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; direction: ltr; text-align:left } h1, h2, h3, h4, h5, h6 { font-weight: 600; color:#1d1d1f } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: block; margin:0 } h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top:.8em } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top:.4em } p + h1, ul + h1, ol + h1, p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, p + h4, ul + h4, ol + h4, p + h5, ul + h5, ol + h5, p + h6, ul + h6, ol + h6 { margin-top:1.6em } .heading-collapsed + * { margin-top:0 } p + *, ul + *, ol + * { margin-top:.8em } ul, ol { margin-left:1.17647em } ul ul, ul ol, ol ul, ol ol { margin-top: 0; margin-bottom:0 } nav ul, nav ol { margin: 0; list-style:none } li li { font-size:1em } a, .link { color: #06c; letter-spacing:inherit } a:link, a:visited, .link:link, .link:visited { text-decoration:none } a:hover, .link:hover { text-decoration:underline } a:active, .link:active { text-decoration:none } a:disabled, .link:disabled { opacity:.32 } .links-inline, .links-stacked { margin-left: 0; margin-right: 0; list-style:none } .links-inline li { display: inline; margin:0 0.8em } .links-inline li:first-child { margin-left:0 } .links-inline li:last-child { margin-right:0 } .links-stacked li { margin: 0; display:block } .links-stacked li + li { margin-top:.4em } b, strong { font-weight:600 } em, i, cite, dfn { font-style:italic } sup, sub { position: relative; font-size: .6em; vertical-align:baseline } sup { top:-.5em } sub { bottom:-0.25em } .footnote a { vertical-align: inherit; color:inherit } .footnote a:hover { color: #06c; text-decoration:none } .footnote-reduced { font-size:0.45em } sup.footnote-reduced { top:-0.86em } sub.footnote-reduced { bottom:-0.36em } .footnote-supglyph { position: relative; vertical-align:baseline } .footnote-supglyph.footnote-reduced { font-size: 0.9em; top:-0.09em } .footnote-diamond { position: relative; vertical-align: baseline; -moz-font-feature-settings: "numr"; font-feature-settings: "numr"; font-size:1em } sup.footnote-diamond { top:initial } sub.footnote-diamond { bottom:-0.5em } .footnote-diamond.footnote-reduced { font-size: 0.9em; top:-0.09em } sub.footnote-diamond.footnote-reduced { top: initial; bottom:-0.52em } .footnote-number { position: relative; vertical-align: baseline; -moz-font-feature-settings: "numr"; font-feature-settings: "numr"; font-size:1em } sup.footnote-number { top:initial } sub.footnote-number { bottom:-0.5em } .footnote-number.footnote-reduced { font-size: 0.9em; top:-0.09em } sub.footnote-number.footnote-reduced { top: initial; bottom:-0.52em } abbr { border:0 } :lang(ja), :lang(ko), :lang(th), :lang(zh) { font-style:normal } :lang(ko) { word-break:keep-all } .justify-content-start { -ms-flex-pack: start; justify-content:flex-start } .justify-content-end { -ms-flex-pack: end; justify-content:flex-end } .justify-content-center { -ms-flex-pack: center; justify-content:center } .justify-content-spacebetween { -ms-flex-pack: justify; justify-content:space-between } .justify-content-spacearound { -ms-flex-pack: distribute; justify-content:space-around } .justify-content-spaceevenly { -ms-flex-pack: space-evenly; justify-content:space-evenly } .align-items-start { -ms-flex-align: start; align-items:flex-start } .align-items-center { -ms-flex-align: center; align-items:center } .align-items-end { -ms-flex-align: end; align-items:flex-end } .align-self-start { -ms-flex-item-align: start; align-self:flex-start } .align-self-center { -ms-flex-item-align: center; align-self:center } .align-self-end { -ms-flex-item-align: end; align-self:flex-end } .large-justify-content-start { -ms-flex-pack: start; justify-content:flex-start } .large-justify-content-end { -ms-flex-pack: end; justify-content:flex-end } .large-justify-content-center { -ms-flex-pack: center; justify-content:center } .large-justify-content-spacebetween { -ms-flex-pack: justify; justify-content:space-between } .large-justify-content-spacearound { -ms-flex-pack: distribute; justify-content:space-around } .large-justify-content-spaceevenly { -ms-flex-pack: space-evenly; justify-content:space-evenly } .large-align-items-start { -ms-flex-align: start; align-items:flex-start } .large-align-items-center { -ms-flex-align: center; align-items:center } .large-align-items-end { -ms-flex-align: end; align-items:flex-end } .large-align-self-start { -ms-flex-item-align: start; align-self:flex-start } .large-align-self-center { -ms-flex-item-align: center; align-self:center } .large-align-self-end { -ms-flex-item-align: end; align-self:flex-end } @media only screen and (min-width: 1441px) { .xlarge-justify-content-start { -ms-flex-pack: start; justify-content:flex-start } .xlarge-justify-content-end { -ms-flex-pack: end; justify-content:flex-end } .xlarge-justify-content-center { -ms-flex-pack: center; justify-content:center } .xlarge-justify-content-spacebetween { -ms-flex-pack: justify; justify-content:space-between } .xlarge-justify-content-spacearound { -ms-flex-pack: distribute; justify-content:space-around } .xlarge-justify-content-spaceevenly { -ms-flex-pack: space-evenly; justify-content:space-evenly } .xlarge-align-items-start { -ms-flex-align: start; align-items:flex-start } .xlarge-align-items-center { -ms-flex-align: center; align-items:center } .xlarge-align-items-end { -ms-flex-align: end; align-items:flex-end } .xlarge-align-self-start { -ms-flex-item-align: start; align-self:flex-start } .xlarge-align-self-center { -ms-flex-item-align: center; align-self:center } .xlarge-align-self-end { -ms-flex-item-align: end; align-self:flex-end } } @media only screen and (max-width: 1068px) { .medium-justify-content-start { -ms-flex-pack: start; justify-content:flex-start } .medium-justify-content-end { -ms-flex-pack: end; justify-content:flex-end } .medium-justify-content-center { -ms-flex-pack: center; justify-content:center } .medium-justify-content-spacebetween { -ms-flex-pack: justify; justify-content:space-between } .medium-justify-content-spacearound { -ms-flex-pack: distribute; justify-content:space-around } .medium-justify-content-spaceevenly { -ms-flex-pack: space-evenly; justify-content:space-evenly } .medium-align-items-start { -ms-flex-align: start; align-items:flex-start } .medium-align-items-center { -ms-flex-align: center; align-items:center } .medium-align-items-end { -ms-flex-align: end; align-items:flex-end } .medium-align-self-start { -ms-flex-item-align: start; align-self:flex-start } .medium-align-self-center { -ms-flex-item-align: center; align-self:center } .medium-align-self-end { -ms-flex-item-align: end; align-self:flex-end } } @media only screen and (max-width: 734px) { .small-justify-content-start { -ms-flex-pack: start; justify-content:flex-start } .small-justify-content-end { -ms-flex-pack: end; justify-content:flex-end } .small-justify-content-center { -ms-flex-pack: center; justify-content:center } .small-justify-content-spacebetween { -ms-flex-pack: justify; justify-content:space-between } .small-justify-content-spacearound { -ms-flex-pack: distribute; justify-content:space-around } .small-justify-content-spaceevenly { -ms-flex-pack: space-evenly; justify-content:space-evenly } .small-align-items-start { -ms-flex-align: start; align-items:flex-start } .small-align-items-center { -ms-flex-align: center; align-items:center } .small-align-items-end { -ms-flex-align: end; align-items:flex-end } .small-align-self-start { -ms-flex-item-align: start; align-self:flex-start } .small-align-self-center { -ms-flex-item-align: center; align-self:center } .small-align-self-end { -ms-flex-item-align: end; align-self:flex-end } } @media only screen and (max-width: 480px) { .xsmall-justify-content-start { -ms-flex-pack: start; justify-content:flex-start } .xsmall-justify-content-end { -ms-flex-pack: end; justify-content:flex-end } .xsmall-justify-content-center { -ms-flex-pack: center; justify-content:center } .xsmall-justify-content-spacebetween { -ms-flex-pack: justify; justify-content:space-between } .xsmall-justify-content-spacearound { -ms-flex-pack: distribute; justify-content:space-around } .xsmall-justify-content-spaceevenly { -ms-flex-pack: space-evenly; justify-content:space-evenly } .xsmall-align-items-start { -ms-flex-align: start; align-items:flex-start } .xsmall-align-items-center { -ms-flex-align: center; align-items:center } .xsmall-align-items-end { -ms-flex-align: end; align-items:flex-end } .xsmall-align-self-start { -ms-flex-item-align: start; align-self:flex-start } .xsmall-align-self-center { -ms-flex-item-align: center; align-self:center } .xsmall-align-self-end { -ms-flex-item-align: end; align-self:flex-end } } .selfclear::before, .selfclear::after { content: ' '; display:table } .selfclear::after { clear:both } .visuallyhidden { position: absolute; 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 } @media only screen and (inverted-colors) { .no-inversion { filter:invert(1) } } .nowrap { display: inline-block; text-decoration: inherit; white-space:nowrap } .clear { clear:both } .cursor-grab { cursor: move; cursor:grab } .cursor-grabbing { cursor: move; cursor:grabbing } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; width:100% } .row-reverse { -ms-flex-direction: row-reverse; flex-direction:row-reverse } .column { box-sizing: border-box; margin: 0; padding: 0; min-width:0px } .large-offset-0 { margin-left:0 } .large-order-0 { -ms-flex-order: 0; order:0 } .large-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width:8.33333% } .large-offset-1 { margin-left:8.33333% } .large-order-1 { -ms-flex-order: 1; order:1 } .large-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width:16.66667% } .large-offset-2 { margin-left:16.66667% } .large-order-2 { -ms-flex-order: 2; order:2 } .large-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width:25% } .large-offset-3 { margin-left:25% } .large-order-3 { -ms-flex-order: 3; order:3 } .large-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width:33.33333% } .large-offset-4 { margin-left:33.33333% } .large-order-4 { -ms-flex-order: 4; order:4 } .large-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width:41.66667% } .large-offset-5 { margin-left:41.66667% } .large-order-5 { -ms-flex-order: 5; order:5 } .large-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width:50% } .large-offset-6 { margin-left:50% } .large-order-6 { -ms-flex-order: 6; order:6 } .large-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width:58.33333% } .large-offset-7 { margin-left:58.33333% } .large-order-7 { -ms-flex-order: 7; order:7 } .large-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width:66.66667% } .large-offset-8 { margin-left:66.66667% } .large-order-8 { -ms-flex-order: 8; order:8 } .large-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width:75% } .large-offset-9 { margin-left:75% } .large-order-9 { -ms-flex-order: 9; order:9 } .large-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width:83.33333% } .large-offset-10 { margin-left:83.33333% } .large-order-10 { -ms-flex-order: 10; order:10 } .large-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width:91.66667% } .large-offset-11 { margin-left:91.66667% } .large-order-11 { -ms-flex-order: 11; order:11 } .large-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width:100% } .large-offset-12 { margin-left:100% } .large-order-12 { -ms-flex-order: 12; order:12 } .large-centered { margin-left: auto; margin-right:auto } .large-uncentered { margin-left: 0; margin-right:0 } .large-last { margin-left:auto } .large-notlast { margin-left:0 } .large-grow { -ms-flex: auto; flex: auto; max-width:initial } .large-ungrow { -ms-flex: initial; flex: initial; max-width:initial } @media only screen and (min-width: 1441px) { .xlarge-offset-0 { margin-left:0 } .xlarge-order-0 { -ms-flex-order: 0; order:0 } .xlarge-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width:8.33333% } .xlarge-offset-1 { margin-left:8.33333% } .xlarge-order-1 { -ms-flex-order: 1; order:1 } .xlarge-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width:16.66667% } .xlarge-offset-2 { margin-left:16.66667% } .xlarge-order-2 { -ms-flex-order: 2; order:2 } .xlarge-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width:25% } .xlarge-offset-3 { margin-left:25% } .xlarge-order-3 { -ms-flex-order: 3; order:3 } .xlarge-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width:33.33333% } .xlarge-offset-4 { margin-left:33.33333% } .xlarge-order-4 { -ms-flex-order: 4; order:4 } .xlarge-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width:41.66667% } .xlarge-offset-5 { margin-left:41.66667% } .xlarge-order-5 { -ms-flex-order: 5; order:5 } .xlarge-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width:50% } .xlarge-offset-6 { margin-left:50% } .xlarge-order-6 { -ms-flex-order: 6; order:6 } .xlarge-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width:58.33333% } .xlarge-offset-7 { margin-left:58.33333% } .xlarge-order-7 { -ms-flex-order: 7; order:7 } .xlarge-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width:66.66667% } .xlarge-offset-8 { margin-left:66.66667% } .xlarge-order-8 { -ms-flex-order: 8; order:8 } .xlarge-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width:75% } .xlarge-offset-9 { margin-left:75% } .xlarge-order-9 { -ms-flex-order: 9; order:9 } .xlarge-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width:83.33333% } .xlarge-offset-10 { margin-left:83.33333% } .xlarge-order-10 { -ms-flex-order: 10; order:10 } .xlarge-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width:91.66667% } .xlarge-offset-11 { margin-left:91.66667% } .xlarge-order-11 { -ms-flex-order: 11; order:11 } .xlarge-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width:100% } .xlarge-offset-12 { margin-left:100% } .xlarge-order-12 { -ms-flex-order: 12; order:12 } .xlarge-centered { margin-left: auto; margin-right:auto } .xlarge-uncentered { margin-left: 0; margin-right:0 } .xlarge-last { margin-left:auto } .xlarge-notlast { margin-left:0 } .xlarge-grow { -ms-flex: auto; flex: auto; max-width:initial } .xlarge-ungrow { -ms-flex: initial; flex: initial; max-width:initial } } @media only screen and (max-width: 1068px) { .medium-offset-0 { margin-left:0 } .medium-order-0 { -ms-flex-order: 0; order:0 } .medium-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width:8.33333% } .medium-offset-1 { margin-left:8.33333% } .medium-order-1 { -ms-flex-order: 1; order:1 } .medium-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width:16.66667% } .medium-offset-2 { margin-left:16.66667% } .medium-order-2 { -ms-flex-order: 2; order:2 } .medium-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width:25% } .medium-offset-3 { margin-left:25% } .medium-order-3 { -ms-flex-order: 3; order:3 } .medium-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width:33.33333% } .medium-offset-4 { margin-left:33.33333% } .medium-order-4 { -ms-flex-order: 4; order:4 } .medium-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width:41.66667% } .medium-offset-5 { margin-left:41.66667% } .medium-order-5 { -ms-flex-order: 5; order:5 } .medium-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width:50% } .medium-offset-6 { margin-left:50% } .medium-order-6 { -ms-flex-order: 6; order:6 } .medium-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width:58.33333% } .medium-offset-7 { margin-left:58.33333% } .medium-order-7 { -ms-flex-order: 7; order:7 } .medium-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width:66.66667% } .medium-offset-8 { margin-left:66.66667% } .medium-order-8 { -ms-flex-order: 8; order:8 } .medium-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width:75% } .medium-offset-9 { margin-left:75% } .medium-order-9 { -ms-flex-order: 9; order:9 } .medium-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width:83.33333% } .medium-offset-10 { margin-left:83.33333% } .medium-order-10 { -ms-flex-order: 10; order:10 } .medium-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width:91.66667% } .medium-offset-11 { margin-left:91.66667% } .medium-order-11 { -ms-flex-order: 11; order:11 } .medium-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width:100% } .medium-offset-12 { margin-left:100% } .medium-order-12 { -ms-flex-order: 12; order:12 } .medium-centered { margin-left: auto; margin-right:auto } .medium-uncentered { margin-left: 0; margin-right:0 } .medium-last { margin-left:auto } .medium-notlast { margin-left:0 } .medium-grow { -ms-flex: auto; flex: auto; max-width:initial } .medium-ungrow { -ms-flex: initial; flex: initial; max-width:initial } } @media only screen and (max-width: 734px) { .small-offset-0 { margin-left:0 } .small-order-0 { -ms-flex-order: 0; order:0 } .small-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width:8.33333% } .small-offset-1 { margin-left:8.33333% } .small-order-1 { -ms-flex-order: 1; order:1 } .small-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width:16.66667% } .small-offset-2 { margin-left:16.66667% } .small-order-2 { -ms-flex-order: 2; order:2 } .small-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width:25% } .small-offset-3 { margin-left:25% } .small-order-3 { -ms-flex-order: 3; order:3 } .small-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width:33.33333% } .small-offset-4 { margin-left:33.33333% } .small-order-4 { -ms-flex-order: 4; order:4 } .small-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width:41.66667% } .small-offset-5 { margin-left:41.66667% } .small-order-5 { -ms-flex-order: 5; order:5 } .small-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width:50% } .small-offset-6 { margin-left:50% } .small-order-6 { -ms-flex-order: 6; order:6 } .small-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width:58.33333% } .small-offset-7 { margin-left:58.33333% } .small-order-7 { -ms-flex-order: 7; order:7 } .small-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width:66.66667% } .small-offset-8 { margin-left:66.66667% } .small-order-8 { -ms-flex-order: 8; order:8 } .small-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width:75% } .small-offset-9 { margin-left:75% } .small-order-9 { -ms-flex-order: 9; order:9 } .small-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width:83.33333% } .small-offset-10 { margin-left:83.33333% } .small-order-10 { -ms-flex-order: 10; order:10 } .small-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width:91.66667% } .small-offset-11 { margin-left:91.66667% } .small-order-11 { -ms-flex-order: 11; order:11 } .small-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width:100% } .small-offset-12 { margin-left:100% } .small-order-12 { -ms-flex-order: 12; order:12 } .small-centered { margin-left: auto; margin-right:auto } .small-uncentered { margin-left: 0; margin-right:0 } .small-last { margin-left:auto } .small-notlast { margin-left:0 } .small-grow { -ms-flex: auto; flex: auto; max-width:initial } .small-ungrow { -ms-flex: initial; flex: initial; max-width:initial } } @media only screen and (max-width: 480px) { .xsmall-offset-0 { margin-left:0 } .xsmall-order-0 { -ms-flex-order: 0; order:0 } .xsmall-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width:8.33333% } .xsmall-offset-1 { margin-left:8.33333% } .xsmall-order-1 { -ms-flex-order: 1; order:1 } .xsmall-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width:16.66667% } .xsmall-offset-2 { margin-left:16.66667% } .xsmall-order-2 { -ms-flex-order: 2; order:2 } .xsmall-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width:25% } .xsmall-offset-3 { margin-left:25% } .xsmall-order-3 { -ms-flex-order: 3; order:3 } .xsmall-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width:33.33333% } .xsmall-offset-4 { margin-left:33.33333% } .xsmall-order-4 { -ms-flex-order: 4; order:4 } .xsmall-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width:41.66667% } .xsmall-offset-5 { margin-left:41.66667% } .xsmall-order-5 { -ms-flex-order: 5; order:5 } .xsmall-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width:50% } .xsmall-offset-6 { margin-left:50% } .xsmall-order-6 { -ms-flex-order: 6; order:6 } .xsmall-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width:58.33333% } .xsmall-offset-7 { margin-left:58.33333% } .xsmall-order-7 { -ms-flex-order: 7; order:7 } .xsmall-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width:66.66667% } .xsmall-offset-8 { margin-left:66.66667% } .xsmall-order-8 { -ms-flex-order: 8; order:8 } .xsmall-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width:75% } .xsmall-offset-9 { margin-left:75% } .xsmall-order-9 { -ms-flex-order: 9; order:9 } .xsmall-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width:83.33333% } .xsmall-offset-10 { margin-left:83.33333% } .xsmall-order-10 { -ms-flex-order: 10; order:10 } .xsmall-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width:91.66667% } .xsmall-offset-11 { margin-left:91.66667% } .xsmall-order-11 { -ms-flex-order: 11; order:11 } .xsmall-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width:100% } .xsmall-offset-12 { margin-left:100% } .xsmall-order-12 { -ms-flex-order: 12; order:12 } .xsmall-centered { margin-left: auto; margin-right:auto } .xsmall-uncentered { margin-left: 0; margin-right:0 } .xsmall-last { margin-left:auto } .xsmall-notlast { margin-left:0 } .xsmall-grow { -ms-flex: auto; flex: auto; max-width:initial } .xsmall-ungrow { -ms-flex: initial; flex: initial; max-width:initial } } .row-reverse .column { box-sizing: border-box; margin: 0; padding: 0; min-width:0px } .row-reverse .large-offset-0 { margin-right:0 } .row-reverse .large-offset-1 { margin-right:8.33333% } .row-reverse .large-offset-2 { margin-right:16.66667% } .row-reverse .large-offset-3 { margin-right:25% } .row-reverse .large-offset-4 { margin-right:33.33333% } .row-reverse .large-offset-5 { margin-right:41.66667% } .row-reverse .large-offset-6 { margin-right:50% } .row-reverse .large-offset-7 { margin-right:58.33333% } .row-reverse .large-offset-8 { margin-right:66.66667% } .row-reverse .large-offset-9 { margin-right:75% } .row-reverse .large-offset-10 { margin-right:83.33333% } .row-reverse .large-offset-11 { margin-right:91.66667% } .row-reverse .large-offset-12 { margin-right:100% } .row-reverse .large-last { margin-right:auto } .row-reverse .large-notlast { margin-right:0 } @media only screen and (min-width: 1441px) { .row-reverse .xlarge-offset-0 { margin-right:0 } .row-reverse .xlarge-offset-1 { margin-right:8.33333% } .row-reverse .xlarge-offset-2 { margin-right:16.66667% } .row-reverse .xlarge-offset-3 { margin-right:25% } .row-reverse .xlarge-offset-4 { margin-right:33.33333% } .row-reverse .xlarge-offset-5 { margin-right:41.66667% } .row-reverse .xlarge-offset-6 { margin-right:50% } .row-reverse .xlarge-offset-7 { margin-right:58.33333% } .row-reverse .xlarge-offset-8 { margin-right:66.66667% } .row-reverse .xlarge-offset-9 { margin-right:75% } .row-reverse .xlarge-offset-10 { margin-right:83.33333% } .row-reverse .xlarge-offset-11 { margin-right:91.66667% } .row-reverse .xlarge-offset-12 { margin-right:100% } .row-reverse .xlarge-last { margin-right:auto } .row-reverse .xlarge-notlast { margin-right:0 } } @media only screen and (max-width: 1068px) { .row-reverse .medium-offset-0 { margin-right:0 } .row-reverse .medium-offset-1 { margin-right:8.33333% } .row-reverse .medium-offset-2 { margin-right:16.66667% } .row-reverse .medium-offset-3 { margin-right:25% } .row-reverse .medium-offset-4 { margin-right:33.33333% } .row-reverse .medium-offset-5 { margin-right:41.66667% } .row-reverse .medium-offset-6 { margin-right:50% } .row-reverse .medium-offset-7 { margin-right:58.33333% } .row-reverse .medium-offset-8 { margin-right:66.66667% } .row-reverse .medium-offset-9 { margin-right:75% } .row-reverse .medium-offset-10 { margin-right:83.33333% } .row-reverse .medium-offset-11 { margin-right:91.66667% } .row-reverse .medium-offset-12 { margin-right:100% } .row-reverse .medium-last { margin-right:auto } .row-reverse .medium-notlast { margin-right:0 } } @media only screen and (max-width: 734px) { .row-reverse .small-offset-0 { margin-right:0 } .row-reverse .small-offset-1 { margin-right:8.33333% } .row-reverse .small-offset-2 { margin-right:16.66667% } .row-reverse .small-offset-3 { margin-right:25% } .row-reverse .small-offset-4 { margin-right:33.33333% } .row-reverse .small-offset-5 { margin-right:41.66667% } .row-reverse .small-offset-6 { margin-right:50% } .row-reverse .small-offset-7 { margin-right:58.33333% } .row-reverse .small-offset-8 { margin-right:66.66667% } .row-reverse .small-offset-9 { margin-right:75% } .row-reverse .small-offset-10 { margin-right:83.33333% } .row-reverse .small-offset-11 { margin-right:91.66667% } .row-reverse .small-offset-12 { margin-right:100% } .row-reverse .small-last { margin-right:auto } .row-reverse .small-notlast { margin-right:0 } } @media only screen and (max-width: 480px) { .row-reverse .xsmall-offset-0 { margin-right:0 } .row-reverse .xsmall-offset-1 { margin-right:8.33333% } .row-reverse .xsmall-offset-2 { margin-right:16.66667% } .row-reverse .xsmall-offset-3 { margin-right:25% } .row-reverse .xsmall-offset-4 { margin-right:33.33333% } .row-reverse .xsmall-offset-5 { margin-right:41.66667% } .row-reverse .xsmall-offset-6 { margin-right:50% } .row-reverse .xsmall-offset-7 { margin-right:58.33333% } .row-reverse .xsmall-offset-8 { margin-right:66.66667% } .row-reverse .xsmall-offset-9 { margin-right:75% } .row-reverse .xsmall-offset-10 { margin-right:83.33333% } .row-reverse .xsmall-offset-11 { margin-right:91.66667% } .row-reverse .xsmall-offset-12 { margin-right:100% } .row-reverse .xsmall-last { margin-right:auto } .row-reverse .xsmall-notlast { margin-right:0 } } .grid { margin-left: auto; margin-right: auto; grid-column-gap: 24px; grid-row-gap: 24px; padding-left: 24px; padding-right: 24px; padding-top: 0; padding-bottom: 0; display: grid; grid-template-columns:repeat(12, minmax(0, 1fr)) } .grid .grid { height: 100%; padding-left: 0; padding-right:0 } .grid-item { position: relative; box-sizing:border-box } .large-span-0 { grid-column:span 0 } .large-span-1 { grid-column:span 1 } .large-span-2 { grid-column:span 2 } .large-span-3 { grid-column:span 3 } .large-span-4 { grid-column:span 4 } .large-span-5 { grid-column:span 5 } .large-span-6 { grid-column:span 6 } .large-span-7 { grid-column:span 7 } .large-span-8 { grid-column:span 8 } .large-span-9 { grid-column:span 9 } .large-span-10 { grid-column:span 10 } .large-span-11 { grid-column:span 11 } .large-span-12 { grid-column:span 12 } @media only screen and (min-width: 1441px) { .xlarge-span-0 { grid-column:span 0 } .xlarge-span-1 { grid-column:span 1 } .xlarge-span-2 { grid-column:span 2 } .xlarge-span-3 { grid-column:span 3 } .xlarge-span-4 { grid-column:span 4 } .xlarge-span-5 { grid-column:span 5 } .xlarge-span-6 { grid-column:span 6 } .xlarge-span-7 { grid-column:span 7 } .xlarge-span-8 { grid-column:span 8 } .xlarge-span-9 { grid-column:span 9 } .xlarge-span-10 { grid-column:span 10 } .xlarge-span-11 { grid-column:span 11 } .xlarge-span-12 { grid-column:span 12 } } @media only screen and (max-width: 1068px) { .medium-span-0 { grid-column:span 0 } .medium-span-1 { grid-column:span 1 } .medium-span-2 { grid-column:span 2 } .medium-span-3 { grid-column:span 3 } .medium-span-4 { grid-column:span 4 } .medium-span-5 { grid-column:span 5 } .medium-span-6 { grid-column:span 6 } .medium-span-7 { grid-column:span 7 } .medium-span-8 { grid-column:span 8 } .medium-span-9 { grid-column:span 9 } .medium-span-10 { grid-column:span 10 } .medium-span-11 { grid-column:span 11 } .medium-span-12 { grid-column:span 12 } } @media only screen and (max-width: 734px) { .small-span-0 { grid-column:span 0 } .small-span-1 { grid-column:span 1 } .small-span-2 { grid-column:span 2 } .small-span-3 { grid-column:span 3 } .small-span-4 { grid-column:span 4 } .small-span-5 { grid-column:span 5 } .small-span-6 { grid-column:span 6 } .small-span-7 { grid-column:span 7 } .small-span-8 { grid-column:span 8 } .small-span-9 { grid-column:span 9 } .small-span-10 { grid-column:span 10 } .small-span-11 { grid-column:span 11 } .small-span-12 { grid-column:span 12 } } @media only screen and (max-width: 480px) { .xsmall-span-0 { grid-column:span 0 } .xsmall-span-1 { grid-column:span 1 } .xsmall-span-2 { grid-column:span 2 } .xsmall-span-3 { grid-column:span 3 } .xsmall-span-4 { grid-column:span 4 } .xsmall-span-5 { grid-column:span 5 } .xsmall-span-6 { grid-column:span 6 } .xsmall-span-7 { grid-column:span 7 } .xsmall-span-8 { grid-column:span 8 } .xsmall-span-9 { grid-column:span 9 } .xsmall-span-10 { grid-column:span 10 } .xsmall-span-11 { grid-column:span 11 } .xsmall-span-12 { grid-column:span 12 } } .icon::before, .icon::after, .more::before, .more::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: '' } .icon::before, .icon::after, .more::before, .more::after { text-decoration:none } .icon::before, .more::before { display:none } .icon-after::after, .more::after { padding-left: .3em; top:0 } .icon-before::before { padding-right: .3em; display: inline-block; top:0 } .icon-before::after { display:none } .icon-before.icon-apple::before { padding-right: 0; display: inline-block; top:0 } .icon-before.icon-apple::after { display:none } .icon-apple::before, .icon-apple::after { content: "" } .icon-chevrondown::before, .icon-chevrondown::after { content: "" } .icon-chevrondowncircle::before, .icon-chevrondowncircle::after { content: "" } .icon-chevronleft::before, .icon-chevronleft::after { content: "" } .icon-chevronleftcircle::before, .icon-chevronleftcircle::after { content: "" } .icon-chevronright::before, .icon-chevronright::after { content: "" } .icon-chevronrightcircle::before, .icon-chevronrightcircle::after { content: "" } .icon-chevronup::before, .icon-chevronup::after { content: "" } .icon-chevronupcircle::before, .icon-chevronupcircle::after { content: "" } .icon-downloadcircle::before, .icon-downloadcircle::after { content: "" } .icon-arrowupcircle::before, .icon-arrowupcircle::after { content: "􀁶" } .icon-external::before, .icon-external::after { content: "" } .icon-share::before, .icon-share::after { content: "" } .icon-search::before, .icon-search::after { content: "" } .icon-arkit::before, .icon-arkit::after { content: "" } .icon-pausecircle::before, .icon-pausecircle::after { content: "" } .icon-pausesolid::before, .icon-pausesolid::after { content: "" } .icon-playcircle::before, .icon-playcircle::after { content: "" } .icon-playsolid::before, .icon-playsolid::after { content: "" } .icon-replay::before, .icon-replay::after { content: "" } .icon-stopcircle::before, .icon-stopcircle::after { content: "" } .icon-stopsolid::before, .icon-stopsolid::after { content: "" } .icon-circle::before, .icon-circle::after { content: "" } .icon-check::before, .icon-check::after { content: "" } .icon-checkcircle::before, .icon-checkcircle::after { content: "" } .icon-checksolid::before, .icon-checksolid::after { content: "" } .icon-reset::before, .icon-reset::after { content: "" } .icon-resetcircle::before, .icon-resetcircle::after { content: "" } .icon-resetsolid::before, .icon-resetsolid::after { content: "" } .icon-exclamation::before, .icon-exclamation::after { content: "" } .icon-exclamationcircle::before, .icon-exclamationcircle::after { content: "" } .icon-exclamationsolid::before, .icon-exclamationsolid::after { content: "" } .icon-exclamationtriangle::before, .icon-exclamationtriangle::after { content: "" } .icon-exclamationtrianglesolid::before, .icon-exclamationtrianglesolid::after { content: "" } .icon-infocircle::before, .icon-infocircle::after { content: "" } .icon-infosolid::before, .icon-infosolid::after { content: "" } .icon-question::before, .icon-question::after { content: "" } .icon-questioncircle::before, .icon-questioncircle::after { content: "" } .icon-questionsolid::before, .icon-questionsolid::after { content: "" } .icon-plus::before, .icon-plus::after { content: "" } .icon-pluscircle::before, .icon-pluscircle::after { content: "" } .icon-plussolid::before, .icon-plussolid::after { content: "" } .icon-minus::before, .icon-minus::after { content: "" } .icon-minuscircle::before, .icon-minuscircle::after { content: "" } .icon-minussolid::before, .icon-minussolid::after { content: "" } .icon-1circle::before, .icon-1circle::after { content: "" } .icon-2circle::before, .icon-2circle::after { content: "" } .icon-3circle::before, .icon-3circle::after { content: "" } .icon-4circle::before, .icon-4circle::after { content: "" } .icon-5circle::before, .icon-5circle::after { content: "" } .icon-6circle::before, .icon-6circle::after { content: "" } .icon-7circle::before, .icon-7circle::after { content: "" } .icon-8circle::before, .icon-8circle::after { content: "" } .icon-9circle::before, .icon-9circle::after { content: "" } .icon-10circle::before, .icon-10circle::after { content: "" } .icon-11circle::before, .icon-11circle::after { content: "" } .icon-12circle::before, .icon-12circle::after { content: "" } .icon-13circle::before, .icon-13circle::after { content: "" } .icon-14circle::before, .icon-14circle::after { content: "" } .icon-15circle::before, .icon-15circle::after { content: "" } .icon-16circle::before, .icon-16circle::after { content: "" } .icon-17circle::before, .icon-17circle::after { content: "" } .icon-18circle::before, .icon-18circle::after { content: "" } .icon-19circle::before, .icon-19circle::after { content: "" } .icon-20circle::before, .icon-20circle::after { content: "" } .icon-close::before, .icon-close::after { content: "" } .icon-closecompact::before, .icon-closecompact::after { content: "" } .icon-paddleleft::before, .icon-paddleleft::after { content: "" } .icon-paddleleftcompact::before, .icon-paddleleftcompact::after { content: "" } .icon-paddleright::before, .icon-paddleright::after { content: "" } .icon-paddlerightcompact::before, .icon-paddlerightcompact::after { content: "" } .icon-paddleup::before, .icon-paddleup::after { content: "" } .icon-paddleupcompact::before, .icon-paddleupcompact::after { content: "" } .icon-paddledown::before, .icon-paddledown::after { content: "" } .icon-paddledowncompact::before, .icon-paddledowncompact::after { content: "" } .icon-thumbnailreplay::before, .icon-thumbnailreplay::after { content: "" } .icon-thumbnailpause::before, .icon-thumbnailpause::after { content: "" } .icon-thumbnailplay::before, .icon-thumbnailplay::after { content: "" } .icon-externalrtl::before, .icon-externalrtl::after { content: "" } .icon-questionrtl::before, .icon-questionrtl::after { content: "" } .icon-questioncirclertl::before, .icon-questioncirclertl::after { content: "" } .icon-questionsolidrtl::before, .icon-questionsolidrtl::after { content: "" } .more::before, .more::after { content: "" } .more-block { margin-top:.5em } .icon-wrapper .icon, .icon-wrapper .more::after, .icon-wrapper .icon-before::before, .icon-wrapper .icon-after::after { display: inline; position:static } a.icon-wrapper { text-decoration:none } a.icon-wrapper:hover .icon-copy { text-decoration:underline } :lang(ar) .icon-question::before, :lang(ar) .icon-question::after { content: "" } :lang(ar) .icon-questioncircle::before, :lang(ar) .icon-questioncircle::after { content: "" } :lang(ar) .icon-questionsolid::before, :lang(ar) .icon-questionsolid::after { content: "" } body { min-width:320px } .large-hide { display:none } .large-show { display:block } .large-show-inline { display:inline } .large-show-inlineblock { display:inline-block } @media only screen and (min-width: 1441px) { .xlarge-hide { display:none } .xlarge-show { display:block } .xlarge-show-inline { display:inline } .xlarge-show-inlineblock { display:inline-block } } @media only screen and (max-width: 1068px) { .medium-hide { display:none } .medium-show { display:block } .medium-show-inline { display:inline } .medium-show-inlineblock { display:inline-block } } @media only screen and (max-width: 734px) { .small-hide { display:none } .small-show { display:block } .small-show-inline { display:inline } .small-show-inlineblock { display:inline-block } } @media only screen and (max-width: 480px) { .xsmall-hide { display:none } .xsmall-show { display:block } .xsmall-show-inline { display:inline } .xsmall-show-inlineblock { display:inline-block } } .viewport-content { margin-left: auto; margin-right: auto; width:980px } @media only screen and (min-width: 1441px) { .viewport-content { margin-left: auto; margin-right: auto; width:980px } } @media only screen and (max-width: 1068px) { .viewport-content { margin-left: auto; margin-right: auto; width:692px } } @media only screen and (max-width: 734px) { .viewport-content { margin-left: auto; margin-right: auto; width:87.5% } } @media only screen and (max-width: 480px) { .viewport-content { margin-left: auto; margin-right: auto; width:90% } } .chapternav { background: rgba(245, 245, 247, 0.7); padding: 0; padding-top: 8px; padding-bottom: 8px; text-align: center; height: 100px; z-index: 9987; width: 100%; position: relative; overflow:hidden } .chapternav-paddle { font-size: 17px; line-height: 1.76471; font-weight: 300; letter-spacing: 0em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; border: 0 solid #d2d2d7; border-radius: 0; color: #1d1d1f; opacity: 1; position: absolute; top: 0; bottom: 0; text-align: center; width: 33px; transition:opacity 150ms ease-out } .chapternav-paddle:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-paddle:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-paddle:lang(ko) { 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 } .chapternav-paddle:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-paddle:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-paddle:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-paddle: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 } .chapternav-paddle:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-paddle::after { opacity: .8; transition:opacity 200ms linear } .chapternav-paddle:disabled { opacity:0 } .chapternav-paddle:hover::after { opacity:1 } .chapternav-paddle:focus { outline:none } .chapternav-paddle:focus::after { outline: 4px solid rgba(0, 125, 250, 0.6); outline-offset: 4px; opacity: 1 } .chapternav-paddle:focus::after[data-focus-method="mouse"]:not(input):not(textarea):not(select), .chapternav-paddle:focus::after[data-focus-method="touch"]:not(input):not(textarea):not(select) { outline:none } .chapternav-paddle:active { outline:none } .chapternav-paddle:active::after { outline: none; opacity:1 } .theme-dark .chapternav-paddle { border-color: #424245; color:#f5f5f7 } .chapternav-paddle-left { border-right-width: 1px; left:0 } .chapternav-paddle-left::before, .chapternav-paddle-left::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: '' } .chapternav-paddle-left::before, .chapternav-paddle-left::after { text-decoration:none } .chapternav-paddle-left::before { display:none } .chapternav-paddle-left::before, .chapternav-paddle-left::after { content: "" } .chapternav-paddle-left::after { margin-left:-.5px } @supports (left: calc(max(0px))) { .chapternav-paddle-left { left:calc(max(env(safe-area-inset-left) + -10px, 0px)) } } .chapternav-paddle-right { border-left-width: 1px; right:0 } .chapternav-paddle-right::before, .chapternav-paddle-right::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: '' } .chapternav-paddle-right::before, .chapternav-paddle-right::after { text-decoration:none } .chapternav-paddle-right::before { display:none } .chapternav-paddle-right::before, .chapternav-paddle-right::after { content: "" } .chapternav-paddle-right::after { margin-right:-.5px } @supports (right: calc(max(0px))) { .chapternav-paddle-right { right:calc(max(env(safe-area-inset-left) + -10px, 0px)) } } @supports (backdrop-filter: initial) { .chapternav { backdrop-filter: saturate(180%) blur(20px); background:rgba(245, 245, 247, 0.6) } } .ac-nav-overlap .chapternav, .chapternav-overlap .chapternav { position: absolute; top: 0; left:0 } .ac-nav-overlap .chapternav { margin-top:44px } @media only screen and (max-width: 767px) { .ac-nav-overlap .chapternav { margin-top:48px } } .theme-dark .chapternav, .chapternav.theme-dark { background:rgba(29, 29, 31, 0.7) } @supports (backdrop-filter: initial) { .theme-dark .chapternav, .chapternav.theme-dark { background:rgba(29, 29, 31, 0.6) } } .chapternav-wrapper { position: relative; height: 100%; z-index:1 } .chapternav-tall { height:116px } .chapternav-items { margin: 0 34px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; list-style: none; padding-bottom:50px } @supports (margin: calc(max(0px))) { .chapternav-items { margin:0 calc(max(env(safe-area-inset-left) + 24px, 34px)) } } @media only screen and (orientation: landscape) { .chapternav-items { padding-bottom:49px } } .chapternav-item { display: inline-block; vertical-align: top; margin: 0 -.11765em; padding:0 20px } .chapternav-item:first-child { margin-left: 0; padding-left:4px } .chapternav-item:last-child { margin-right: 0; padding-right:4px } .chapternav-icon { background: center bottom no-repeat; display: block; margin: 0 auto 7px; height:54px } .chapternav-label { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; display: block; margin:0 } .chapternav-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-label: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 } .chapternav-label:lang(ko) { 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 } .chapternav-label:lang(zh) { letter-spacing:0em } .chapternav-label:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-label: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 } .chapternav-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-new { font-size: 10px; line-height: 1.2; font-weight: 400; letter-spacing: -.008em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #bf4800; display: block; position: absolute; top: 100%; left: 0; width:100% } .chapternav-new:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-new: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 } .chapternav-new:lang(ko) { 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 } .chapternav-new:lang(zh) { letter-spacing:0em } .chapternav-new:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-new:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-new:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav-new: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 } .chapternav-new:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .theme-dark .chapternav-new { color:#f56300 } .chapternav-link { color: #1d1d1f; display: block; padding: 0; margin-top: 3px; position: relative; z-index:1 } .chapternav-link:hover { color: #06c; text-decoration:none } .chapternav-link:focus { outline-offset:0 } .chapternav-link.current { color: #1d1d1f; cursor: default; opacity:.6 } .theme-dark .chapternav-link { color:#f5f5f7 } .theme-dark .chapternav-link:hover { color:#2997ff } .theme-dark .chapternav-link.current { color:#f5f5f7 } @keyframes chapternav-slidein { 0% { opacity:0 } 1% { transform:translateX(160px) } 100% { opacity: 1; transform:translateX(0) } } .chapternav-item { animation:chapternav-slidein 350ms backwards } .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.48); -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: 1441px) { .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: 734px) { .modal-standard .content-wrapper { margin-left: auto; margin-right: auto; width:87.5% } } @media only screen and (max-width: 480px) { .modal-standard .content-wrapper { margin-left: auto; margin-right: auto; width:90% } } .modal-standard .content-padding { margin-left: auto; margin-right: auto; position: relative; z-index: 1; padding: 80px 8.33333%; background: #fff; border-radius:18px } @media only screen and (max-width: 734px) { .modal-standard .content-padding { padding-top: 60px; padding-bottom:60px } } @media only screen and (max-width: 734px) { .modal-standard .modal-close { left:22px } } .theme-dark .modal-standard .content-padding, .modal-standard.theme-dark .content-padding { background:#1d1d1f } .modal-full-viewport { background: #fff; padding:96px 0 } @media only screen and (max-width: 1068px) { .modal-full-viewport { padding:80px 0 } } .modal-full-viewport.remove-container-padding { padding:0 } .theme-dark .modal-full-viewport, .modal-full-viewport.theme-dark { background:#000 } .modal-open { display: block; z-index:11000 } .modal-open:focus { outline-offset:-4px } .modal-close { position: absolute; display: -ms-flexbox; display: flex; z-index: 9999; overflow: hidden; top: 24px; left: 24px; margin: 0; padding: 0; font-size: 40px; line-height: 1; cursor: pointer; background: none; border: 0; color:rgba(134, 134, 139, 0.8) } .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:hover { color:#86868b } .theme-dark .modal-close { color:rgba(110, 110, 115, 0.8) } .theme-dark .modal-close:hover { color:#6e6e73 } .modal-close::after { width: .9em; height: .9em; top: .05em; padding: 0; font-weight:300 } @media only screen and (max-width: 1068px) { .modal-close { top: 20px; left: 20px; font-size:32px } } #viewport-emitter { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; z-index: -1; x-content: "large" } #viewport-emitter::before { content: "large" } @media only screen and (min-width: 1441px) { #viewport-emitter { x-content: "xlarge" } #viewport-emitter::before { content: "xlarge" } } @media only screen and (max-width: 1068px) { #viewport-emitter { x-content: "medium" } #viewport-emitter::before { content: "medium" } } @media only screen and (max-width: 734px) { #viewport-emitter { x-content: "small" } #viewport-emitter::before { content: "small" } } @media only screen and (max-width: 480px) { #viewport-emitter { x-content: "xsmall" } #viewport-emitter::before { content: "xsmall" } } #localnav-viewport-emitter { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; z-index:-1 } #localnav-viewport-emitter::before { content: "ac-localnav:large" } @media only screen and (max-width: 1023px) { #localnav-viewport-emitter::before { content: "ac-localnav:medium" } } @media only screen and (max-width: 767px) { #localnav-viewport-emitter::before { content: "ac-localnav:small" } } .localnav { position: relative; top: 0; left: 0; width: 100%; height: 52px; min-width: 1024px; z-index:9997 } @media only screen and (max-width: 1044px) { .localnav { min-width:320px } } .localnav.localnav-stacked { height:66px } @media only screen and (max-width: 767px) { .localnav { height:48px } .localnav.localnav-stacked { height:63px } } .localnav-overlap .localnav { margin-bottom:-52px } .localnav.localnav-stacked .localnav-overlap .localnav { margin-bottom:-66px } @media only screen and (max-width: 767px) { .localnav-overlap .localnav { margin-bottom:-48px } .localnav.localnav-stacked .localnav-overlap .localnav { margin-bottom:-63px } } .topnav-overlap .localnav { margin-top: 44px; margin-bottom:-96px } .topnav-overlap .localnav.localnav-stacked { margin-bottom:-110px } @media only screen and (max-width: 767px) { .topnav-overlap .localnav { margin-top: 48px; margin-bottom:-96px } .topnav-overlap .localnav.localnav-stacked { margin-bottom:-111px } } .localnav.theme-dark { background:none } .localnav-menustate { display:none } .localnav-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: auto; min-height: 100%; z-index:1: } .localnav-content { margin: 0 auto; max-width: 980px; padding: 0 22px; position: relative; z-index: 2; padding-left: calc(22px + constant(safe-area-inset-left)); padding-right:calc(22px + constant(safe-area-inset-right)) } @supports (padding: calc(max(0px))) { .localnav-content { padding-left: calc(max(22px, env(safe-area-inset-left))); padding-right:calc(max(22px, env(safe-area-inset-right))) } } .localnav-content::before, .localnav-content::after { content: ' '; display:table } .localnav-content::after { clear:both } @media only screen and (max-width: 1023px) { .localnav-content { border-bottom:none } } @media only screen and (max-width: 767px) { .localnav-content { padding:0 16px } } .localnav.css-sticky { position: -webkit-sticky; position:sticky } .localnav.no-css-sticky.localnav-sticking { margin-top: 0 !important; margin-bottom: 0 !important; position:fixed } #localnav-sticky-placeholder { display: block; margin: 0; padding: 0; position: relative; visibility: hidden; z-index:-1 } #localnav-sticky-placeholder.no-css-sticky.localnav-sticking { height:52px } .localnav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking, .topnav-overlap #localnav-sticky-placeholder.no-css-sticky.localnav-sticking { height:0 } @media only screen and (max-width: 767px) { #localnav-sticky-placeholder.no-css-sticky.localnav-sticking { height:48px } } .localnav-curtain { background: rgba(0, 0, 0, 0.4); opacity: 0; position: fixed; top: 0; left: 0; width: 0; height: 0; z-index: 9996; transition:opacity 0.2s ease } @media only screen and (max-width: 767px) { .localnav-curtain { transition:opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s } } .localnav.large-localnav-collapsible .localnav-curtain { transition:opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-curtain { transition:opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s } } .localnav-menustate:checked ~ .localnav-curtain, .localnav-menustate:target ~ .localnav-curtain { transition:opacity 1s ease 0.1s } @media only screen and (max-width: 767px) { .localnav-menustate:checked ~ .localnav-curtain, .localnav-menustate:target ~ .localnav-curtain { opacity: 1; right: 0; bottom: 0; width: 100%; height:100% } } .localnav.large-localnav-collapsible .localnav-menustate:checked ~ .localnav-curtain, .localnav.large-localnav-collapsible .localnav-menustate:target ~ .localnav-curtain { opacity: 1; right: 0; bottom: 0; width: 100%; height:100% } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-menustate:checked ~ .localnav-curtain, .localnav.medium-localnav-collapsible .localnav-menustate:target ~ .localnav-curtain { opacity: 1; right: 0; bottom: 0; width: 100%; height:100% } } .localnav-actions { float: left; padding-top:18px } .localnav.localnav-stacked .localnav-actions { padding-top:34px } @media only screen and (max-width: 767px) { .localnav-actions { right: 0; padding-left: 22px; padding-right: 22px; position: absolute; top: 0; z-index: 1; padding-right:calc(22px + constant(safe-area-inset-right)) } @supports (padding: calc(max(0px))) { .localnav-actions { padding-right:calc(max(22px, env(safe-area-inset-right))) } } } @media only screen and (max-width: 767px) and(max-width: 767px) { .localnav-actions { padding-left: 16px; padding-right: 16px; padding-top:16px } .localnav.localnav-stacked .localnav-actions { padding-top:32px } } .localnav.large-localnav-collapsible .localnav-actions { right: 0; padding-left: 22px; padding-right: 22px; position: absolute; top: 0; z-index: 1; padding-right:calc(22px + constant(safe-area-inset-right)) } @supports (padding: calc(max(0px))) { .localnav.large-localnav-collapsible .localnav-actions { padding-right:calc(max(22px, env(safe-area-inset-right))) } } @media only screen and (max-width: 767px) { .localnav.large-localnav-collapsible .localnav-actions { padding-left: 16px; padding-right: 16px; padding-top:16px } .large-localnav-collapsible.localnav.localnav-stacked .localnav-actions { padding-top:32px } } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-actions { right: 0; padding-left: 22px; padding-right: 22px; position: absolute; top: 0; z-index: 1; padding-right:calc(22px + constant(safe-area-inset-right)) } @supports (padding: calc(max(0px))) { .localnav.medium-localnav-collapsible .localnav-actions { padding-right:calc(max(22px, env(safe-area-inset-right))) } } } @media only screen and (max-width: 1023px) and(max-width: 767px) { .localnav.medium-localnav-collapsible .localnav-actions { padding-left: 16px; padding-right: 16px; padding-top:16px } .medium-localnav-collapsible.localnav.localnav-stacked .localnav-actions { padding-top:32px } } .localnav-action { margin-left: 24px; float:left } @media only screen and (max-width: 767px) { .localnav-action-button, .localnav-action-violator { margin-left: 17px; margin-top:-3px } } .localnav.large-localnav-collapsible .localnav-action-button, .localnav.large-localnav-collapsible .localnav-action-violator { margin-left: 17px; margin-top:-3px } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-action-button, .localnav.medium-localnav-collapsible .localnav-action-violator { margin-left: 17px; margin-top:-3px } } .localnav-action-button .localnav-button, .localnav-action-violator .localnav-violator { margin-top:-1px } .localnav-action-product { position: absolute; 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; top: auto; left:auto } .localnav-action-menucta { margin-top: -2px; position: relative; z-index:1 } @media only screen and (max-width: 767px) { .localnav-action-menucta { float:left } } .localnav.large-localnav-collapsible .localnav-action-menucta { float:left } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-action-menucta { float:left } } .localnav-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition:background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); opacity: .7; background-color: #000; } .localnav-background:after { background-color:rgba(0, 0, 0, 0.16) } @media only screen and (max-width: 767px) { .localnav-background { min-height: 48px; transition:background-color 0.5s ease 0.7s } .localnav.localnav-hero .localnav-background { transition-delay:0s } } .localnav.large-localnav-collapsible .localnav-background { min-height: 48px; transition:background-color 0.5s ease 0.7s } .large-localnav-collapsible.localnav.localnav-hero .localnav-background { transition-delay:0s } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-background { min-height: 48px; transition:background-color 0.5s ease 0.7s } .medium-localnav-collapsible.localnav.localnav-hero .localnav-background { transition-delay:0s } } .localnav.localnav-scrim .localnav-background { background-color:rgba(255, 255, 255, 0.9) } @supports (backdrop-filter: initial) { .localnav.localnav-scrim .localnav-background { backdrop-filter: saturate(180%) blur(20px); background-color:rgba(255, 255, 255, 0.72) } } .localnav-scrim.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color:rgba(255, 255, 255, 0.9) } .theme-dark .localnav.localnav-scrim .localnav-background, .localnav-scrim.localnav.theme-dark .localnav-background { background-color:rgba(29, 29, 31, 0.9) } @supports (backdrop-filter: initial) { .theme-dark .localnav.localnav-scrim .localnav-background, .localnav-scrim.localnav.theme-dark .localnav-background { background-color:rgba(29, 29, 31, 0.72) } } .theme-dark .localnav-scrim.localnav.localnav-noblur .localnav-background, .localnav-scrim.theme-dark.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color:rgba(29, 29, 31, 0.9) } .localnav.localnav-sticking .localnav-background { background-color: rgba(255, 255, 255, 0.9); transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); transition-property:background-color, backdrop-filter } @supports (backdrop-filter: initial) { .localnav.localnav-sticking .localnav-background { backdrop-filter: saturate(180%) blur(20px); background-color:rgba(255, 255, 255, 0.72) } } .localnav-sticking.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color:rgba(255, 255, 255, 0.9) } .theme-dark .localnav.localnav-sticking .localnav-background, .localnav-sticking.localnav.theme-dark .localnav-background { background-color:rgba(29, 29, 31, 0.9) } @supports (backdrop-filter: initial) { .theme-dark .localnav.localnav-sticking .localnav-background, .localnav-sticking.localnav.theme-dark .localnav-background { background-color:rgba(29, 29, 31, 0.72) } } .theme-dark .localnav-sticking.localnav.localnav-noblur .localnav-background, .localnav-sticking.theme-dark.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color:rgba(29, 29, 31, 0.9) } .localnav-menustate:checked ~ .localnav .localnav-background, .localnav-menustate:target ~ .localnav .localnav-background { background-color: #fff; max-height: none; transition: background-color 0.5s ease; transition-property:background-color, backdrop-filter } @supports (backdrop-filter: initial) { .localnav-menustate:checked ~ .localnav .localnav-background, .localnav-menustate:target ~ .localnav .localnav-background { backdrop-filter: saturate(180%) blur(20px); background-color:rgba(255, 255, 255, 0.9) } } .localnav-menustate:checked ~ .localnav.localnav-noblur .localnav-background, .localnav-menustate:target ~ .localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color:#fff } .theme-dark .localnav .localnav-background:after, .localnav.theme-dark .localnav-background:after { background-color:rgba(255, 255, 255, 0.24) } .theme-dark .localnav-menustate:checked ~ .localnav .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav .localnav-background, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-background, .localnav-menustate:target ~ .theme-dark.localnav .localnav-background { background-color:#1d1d1f } @supports (backdrop-filter: initial) { .theme-dark .localnav-menustate:checked ~ .localnav .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav .localnav-background, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-background, .localnav-menustate:target ~ .theme-dark.localnav .localnav-background { background-color:rgba(29, 29, 31, 0.9) } } .theme-dark .localnav-menustate:checked ~ .localnav.localnav-noblur .localnav-background, .theme-dark .localnav-menustate:target ~ .localnav.localnav-noblur .localnav-background, .localnav-menustate:checked ~ .theme-dark.localnav.localnav-noblur .localnav-background, .localnav-menustate:target ~ .theme-dark.localnav.localnav-noblur .localnav-background { backdrop-filter: initial; background-color:#1d1d1f } .localnav.localnav-hero .localnav-background:after { background-color:rgba(255, 255, 255, 0.24) } .localnav-hero.localnav.localnav-sticking .localnav-background:after { background-color:rgba(0, 0, 0, 0.16) } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-background:after, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-background:after { background-color:rgba(255, 255, 255, 0.24) } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-background:after, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-background:after { background-color:rgba(0, 0, 0, 0.16) } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-background:after, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-background:after, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-background:after, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-background:after { background-color:rgba(255, 255, 255, 0.24) } .localnav-background:after { margin-left: -490px; left: 50%; content: ""; display: block; position: absolute; top: 100%; width: 980px; height: 1px; z-index:1 } @media only screen and (max-width: 1023px) { .localnav-background:after { margin-left: 0; left: 0; width:100% } } .localnav.localnav-noborder .localnav-background:after { display:none } .localnav.localnav-scrim .localnav-background:after { margin-left: 0; left: 0; width:100% } .localnav.localnav-sticking .localnav-background:after { margin-left: 0; left: 0; width:100% } .localnav-menustate:checked ~ .localnav .localnav-background:after, .localnav-menustate:target ~ .localnav .localnav-background:after { margin-left: 0; left: 0; width:100% } .localnav-menu { font-size: 12px; line-height: 1; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; float: right; margin-top:-3px } .localnav-menu:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu: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 } .localnav-menu:lang(ko) { 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 } .localnav-menu:lang(zh) { letter-spacing:0em } .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu: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 } .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } @media only screen and (max-width: 767px) { .localnav-menu { font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: -.02em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu: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 } .localnav-menu:lang(ko) { 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 } .localnav-menu:lang(zh) { letter-spacing:0em } .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu: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 } .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } @media only screen and (max-width: 767px) { .localnav-menu { font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: -.02em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-top: 0; margin-top: 0; width:100% } .localnav-menu:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu: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 } .localnav-menu:lang(ko) { 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 } .localnav-menu:lang(zh) { letter-spacing:0em } .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-menu: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 } .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .localnav.large-localnav-collapsible .localnav-menu { font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: -.02em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-top: 0; margin-top: 0; width:100% } .localnav.large-localnav-collapsible .localnav-menu:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.large-localnav-collapsible .localnav-menu: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 } .localnav.large-localnav-collapsible .localnav-menu:lang(ko) { 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 } .localnav.large-localnav-collapsible .localnav-menu:lang(zh) { letter-spacing:0em } .localnav.large-localnav-collapsible .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.large-localnav-collapsible .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.large-localnav-collapsible .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.large-localnav-collapsible .localnav-menu: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 } .localnav.large-localnav-collapsible .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-menu { font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: -.02em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-top: 0; margin-top: 0; width:100% } .localnav.medium-localnav-collapsible .localnav-menu:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.medium-localnav-collapsible .localnav-menu: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 } .localnav.medium-localnav-collapsible .localnav-menu:lang(ko) { 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 } .localnav.medium-localnav-collapsible .localnav-menu:lang(zh) { letter-spacing:0em } .localnav.medium-localnav-collapsible .localnav-menu:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.medium-localnav-collapsible .localnav-menu:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.medium-localnav-collapsible .localnav-menu:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.medium-localnav-collapsible .localnav-menu: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 } .localnav.medium-localnav-collapsible .localnav-menu:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .localnav-menu-tray { float: left; padding-top:18px } .localnav.localnav-stacked .localnav-menu-tray { padding-top:34px } @media only screen and (max-width: 767px) { .localnav.localnav-stacked .localnav-menu-tray { padding-top:0 } } .localnav-stacked.localnav.large-localnav-collapsible .localnav-menu-tray { padding-top:0 } @media only screen and (max-width: 1023px) { .localnav-stacked.localnav.medium-localnav-collapsible .localnav-menu-tray { padding-top:0 } } @media only screen and (max-width: 767px) { .localnav-menu-tray { float: none; overflow: hidden; pointer-events: none; visibility: hidden; width: 100%; padding-top: 0; max-height: 0; transition:max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s } .localnav-menustate:checked ~ .localnav .localnav-menu-tray, .localnav-menustate:target ~ .localnav .localnav-menu-tray { max-height: 400px; max-height: calc(100vh - 48px - 48px); overflow-y: auto; -webkit-overflow-scrolling: touch; pointer-events: auto; visibility: visible; transition-delay:0.2s, 0s } } @media only screen and (max-width: 767px) and(orientation: landscape) { .localnav-menustate:checked ~ .localnav .localnav-menu-tray, .localnav-menustate:target ~ .localnav .localnav-menu-tray { max-height: 280px; max-height:calc(100vh - 48px - 48px) } } @media only screen and (max-width: 767px) { .localnav-menustate:checked ~ .localnav.localnav-opening .localnav-menu-tray, .localnav-menustate:target ~ .localnav.localnav-opening .localnav-menu-tray { overflow-y:hidden } .localnav-menustate:checked ~ .localnav.localnav-sticking .localnav-menu-tray, .localnav-menustate:target ~ .localnav.localnav-sticking .localnav-menu-tray { max-height:calc(100vh - 48px) } } .localnav.large-localnav-collapsible .localnav-menu-tray { float: none; overflow: hidden; pointer-events: none; visibility: hidden; width: 100%; padding-top: 0; max-height: 0; transition:max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-tray, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-tray { max-height: 400px; max-height: calc(100vh - 48px - 48px); overflow-y: auto; -webkit-overflow-scrolling: touch; pointer-events: auto; visibility: visible; transition-delay:0.2s, 0s } @media only screen and (orientation: landscape) { .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-tray, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-tray { max-height: 280px; max-height:calc(100vh - 48px - 48px) } } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav.localnav-opening .localnav-menu-tray, .localnav-menustate:target ~ .large-localnav-collapsible.localnav.localnav-opening .localnav-menu-tray { overflow-y:hidden } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav.localnav-sticking .localnav-menu-tray, .localnav-menustate:target ~ .large-localnav-collapsible.localnav.localnav-sticking .localnav-menu-tray { max-height:calc(100vh - 48px) } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-menu-tray { float: none; overflow: hidden; pointer-events: none; visibility: hidden; width: 100%; padding-top: 0; max-height: 0; transition:max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-tray, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-tray { max-height: 400px; max-height: calc(100vh - 48px - 48px); overflow-y: auto; -webkit-overflow-scrolling: touch; pointer-events: auto; visibility: visible; transition-delay:0.2s, 0s } } @media only screen and (max-width: 1023px) and(orientation: landscape) { .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-tray, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-tray { max-height: 280px; max-height:calc(100vh - 48px - 48px) } } @media only screen and (max-width: 1023px) { .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav.localnav-opening .localnav-menu-tray, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav.localnav-opening .localnav-menu-tray { overflow-y:hidden } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav.localnav-sticking .localnav-menu-tray, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav.localnav-sticking .localnav-menu-tray { max-height:calc(100vh - 48px) } } @media only screen and (max-width: 767px) { .localnav-menu-items { opacity: 0; padding: 4px 24px 24px; transform: translate3d(0, -150px, 0); transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s } .localnav-menustate:checked ~ .localnav .localnav-menu-items, .localnav-menustate:target ~ .localnav .localnav-menu-items { opacity: 1; transform: translate3d(0, 0, 0); transition-delay:0.2s, 0.4s } } .localnav.large-localnav-collapsible .localnav-menu-items { opacity: 0; padding: 4px 24px 24px; transform: translate3d(0, -150px, 0); transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-items, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-items { opacity: 1; transform: translate3d(0, 0, 0); transition-delay:0.2s, 0.4s } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-menu-items { opacity: 0; padding: 4px 24px 24px; transform: translate3d(0, -150px, 0); transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-items, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-items { opacity: 1; transform: translate3d(0, 0, 0); transition-delay:0.2s, 0.4s } } .localnav-menu-item { margin-left: 24px; float: left; list-style:none } @media only screen and (max-width: 767px) { .localnav-menu-item { margin-left: 0; display: inline-block; float: none; width: 100%; height:44px } .localnav-menu-item:first-child .localnav-menu-link { border-top:0 } .theme-dark .localnav .localnav-menu-item, .localnav.theme-dark .localnav-menu-item { border-color:rgba(255, 255, 255, 0.24) } .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay:0.07s } .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay:0.14s } .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay:0.21s } .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay:0.28s } .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay:0.35s } .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay:0.42s } .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay:0.49s } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(1) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay:0.56s } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(2) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay:0.49s } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(3) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay:0.42s } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(4) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay:0.35s } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(5) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay:0.28s } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(6) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay:0.21s } .localnav-menustate:checked ~ .localnav .localnav-menu-item:nth-child(7) .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay:0.14s } } .localnav.large-localnav-collapsible .localnav-menu-item { margin-left: 0; display: inline-block; float: none; width: 100%; height:44px } .localnav.large-localnav-collapsible .localnav-menu-item:first-child .localnav-menu-link { border-top:0 } .theme-dark .localnav.large-localnav-collapsible .localnav-menu-item, .large-localnav-collapsible.localnav.theme-dark .localnav-menu-item { border-color:rgba(255, 255, 255, 0.24) } .localnav.large-localnav-collapsible .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay:0.07s } .localnav.large-localnav-collapsible .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay:0.14s } .localnav.large-localnav-collapsible .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay:0.21s } .localnav.large-localnav-collapsible .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay:0.28s } .localnav.large-localnav-collapsible .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay:0.35s } .localnav.large-localnav-collapsible .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay:0.42s } .localnav.large-localnav-collapsible .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay:0.49s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(1) .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay:0.56s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(2) .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay:0.49s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(3) .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay:0.42s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(4) .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay:0.35s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(5) .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay:0.28s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(6) .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay:0.21s } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(7) .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay:0.14s } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-menu-item { margin-left: 0; display: inline-block; float: none; width: 100%; height:44px } .localnav.medium-localnav-collapsible .localnav-menu-item:first-child .localnav-menu-link { border-top:0 } .theme-dark .localnav.medium-localnav-collapsible .localnav-menu-item, .medium-localnav-collapsible.localnav.theme-dark .localnav-menu-item { border-color:rgba(255, 255, 255, 0.24) } .localnav.medium-localnav-collapsible .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay:0.07s } .localnav.medium-localnav-collapsible .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay:0.14s } .localnav.medium-localnav-collapsible .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay:0.21s } .localnav.medium-localnav-collapsible .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay:0.28s } .localnav.medium-localnav-collapsible .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay:0.35s } .localnav.medium-localnav-collapsible .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay:0.42s } .localnav.medium-localnav-collapsible .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay:0.49s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(1) .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(1) .localnav-menu-link { transition-delay:0.56s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(2) .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(2) .localnav-menu-link { transition-delay:0.49s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(3) .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(3) .localnav-menu-link { transition-delay:0.42s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(4) .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(4) .localnav-menu-link { transition-delay:0.35s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(5) .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(5) .localnav-menu-link { transition-delay:0.28s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(6) .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(6) .localnav-menu-link { transition-delay:0.21s } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(7) .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-item:nth-child(7) .localnav-menu-link { transition-delay:0.14s } } .localnav-menu-link { color: #000; display: inline-block; line-height: 22px; white-space: nowrap; opacity:.88 } .localnav-menu-link:hover { color: #06c; opacity: 1; text-decoration:none } @media only screen and (max-width: 767px) { .localnav-menu-link { border-top: 1px solid rgba(0, 0, 0, 0.181818); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; line-height: 1.3; opacity: 0; transform: translate3d(0, -25px, 0); transition: 0.5s ease; transition-property:transform, opacity } .theme-dark .localnav .localnav-menu-link, .localnav.theme-dark .localnav-menu-link { border-color:rgba(255, 255, 255, 0.26087) } .localnav-menustate:checked ~ .localnav .localnav-menu-link, .localnav-menustate:target ~ .localnav .localnav-menu-link { opacity: .88; transform:translate3d(0, 0, 0) } } .localnav.large-localnav-collapsible .localnav-menu-link { border-top: 1px solid rgba(0, 0, 0, 0.181818); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; line-height: 1.3; opacity: 0; transform: translate3d(0, -25px, 0); transition: 0.5s ease; transition-property:transform, opacity } .theme-dark .localnav.large-localnav-collapsible .localnav-menu-link, .large-localnav-collapsible.localnav.theme-dark .localnav-menu-link { border-color:rgba(255, 255, 255, 0.26087) } .localnav-menustate:checked ~ .large-localnav-collapsible.localnav .localnav-menu-link, .localnav-menustate:target ~ .large-localnav-collapsible.localnav .localnav-menu-link { opacity: .88; transform:translate3d(0, 0, 0) } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-menu-link { border-top: 1px solid rgba(0, 0, 0, 0.181818); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; line-height: 1.3; opacity: 0; transform: translate3d(0, -25px, 0); transition: 0.5s ease; transition-property:transform, opacity } .theme-dark .localnav.medium-localnav-collapsible .localnav-menu-link, .medium-localnav-collapsible.localnav.theme-dark .localnav-menu-link { border-color:rgba(255, 255, 255, 0.26087) } .localnav-menustate:checked ~ .medium-localnav-collapsible.localnav .localnav-menu-link, .localnav-menustate:target ~ .medium-localnav-collapsible.localnav .localnav-menu-link { opacity: .88; transform:translate3d(0, 0, 0) } } .theme-dark .localnav .localnav-menu-link, .localnav.theme-dark .localnav-menu-link { color: #fff; opacity:.92 } .theme-dark .localnav .localnav-menu-link:hover, .localnav.theme-dark .localnav-menu-link:hover { color: #2997ff; opacity:1 } .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link { opacity:.92 } .localnav.localnav-hero .localnav-menu-link { color: #fff; opacity:.92 } .localnav.localnav-hero .localnav-menu-link:hover { color: #2997ff; opacity:1 } .localnav-hero.localnav.localnav-sticking .localnav-menu-link { color: #000; opacity:.88 } .localnav-hero.localnav.localnav-sticking .localnav-menu-link:hover { color: #06c; opacity:1 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link { color: #fff; opacity:.92 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link:hover, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link:hover { color: #2997ff; opacity:1 } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link { color: #000; opacity:.88 } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link:hover, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link:hover { color: #06c; opacity:1 } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link { color: #fff; opacity:.92 } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link:hover, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link:hover, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link:hover, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link:hover { color: #2997ff; opacity:1 } .localnav-menu-link.current { color: #000; opacity: .56; cursor:default } .localnav-menu-link.current:hover { color:#000 } .localnav-menustate:checked ~ .localnav .localnav-menu-link.current, .localnav-menustate:target ~ .localnav .localnav-menu-link.current { opacity: .56; border-color:rgba(0, 0, 0, 0.285714) } .theme-dark .localnav .localnav-menu-link.current, .localnav.theme-dark .localnav-menu-link.current { color: #fff; opacity:.56 } .theme-dark .localnav .localnav-menu-link.current:hover, .localnav.theme-dark .localnav-menu-link.current:hover { color:#fff } .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menu-link.current, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menu-link.current, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menu-link.current, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menu-link.current { opacity: .56; border-color:rgba(255, 255, 255, 0.428571) } .localnav.localnav-hero .localnav-menu-link.current { color: #fff; opacity:.56 } .localnav.localnav-hero .localnav-menu-link.current:hover { color:#fff } .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current { color: #000; opacity:.56 } .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover { color:#000 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link.current { color: #fff; opacity:.56 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menu-link.current:hover, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menu-link.current:hover { color:#fff } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current { color: #000; opacity: .56; border-color:rgba(0, 0, 0, 0.285714) } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current:hover, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current:hover { color:#000 } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current { color: #fff; opacity: .56; border-color:rgba(255, 255, 255, 0.428571) } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menu-link.current:hover, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menu-link.current:hover, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current:hover, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menu-link.current:hover { color:#fff } .localnav-action-menucta { display:none } @media only screen and (max-width: 767px) { .localnav-action-menucta { display:block } } .localnav.large-localnav-collapsible .localnav-action-menucta { display:block } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-action-menucta { display:block } } .localnav-menucta { margin-right: -11px; cursor: pointer; display: block; overflow: hidden; width: 40px; height: 30px; -webkit-tap-highlight-color:transparent } .localnav-menucta-chevron { display: block; position: relative; width: 100%; height: 100%; z-index: 1; transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); transform: translateY(0); opacity:0.8 } .localnav-menucta-chevron::before, .localnav-menucta-chevron::after { content: ""; display: block; position: absolute; top: 13px; width: 11px; height: 1px; z-index: 1; transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1) } .localnav-menucta-chevron::before { right: 50%; border-radius:.5px 0 0 .5px } .localnav-menucta-chevron::after { left: 50%; border-radius:0 .5px .5px 0 } .localnav-menucta-chevron::before, .localnav-menucta-chevron::after { background:#000 } .localnav-menucta-chevron::before { transform-origin: 100% 100%; transform:rotate(40deg) scaleY(1.1) } .localnav-menucta-chevron::after { transform-origin: 0% 100%; transform:rotate(-40deg) scaleY(1.1) } .localnav-menucta-chevron:hover { opacity:1 } .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron { transform:translateY(-8px) } .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::before { transform-origin: 100% 0%; transform:rotate(-40deg) scaleY(1.1) } .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::after { transform-origin: 0% 0%; transform:rotate(40deg) scaleY(1.1) } .theme-dark .localnav .localnav-menucta-chevron::before, .theme-dark .localnav .localnav-menucta-chevron::after, .localnav.theme-dark .localnav-menucta-chevron::before, .localnav.theme-dark .localnav-menucta-chevron::after { background:#fff } .theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::before, .theme-dark .localnav.localnav-sticking .localnav-menucta-chevron::after, .theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::before, .theme-dark.localnav.localnav-sticking .localnav-menucta-chevron::after { background:#fff } .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:checked ~ .localnav .localnav-menucta-chevron::after, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:target ~ .localnav .localnav-menucta-chevron::after, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menucta-chevron::before, .localnav-menustate:checked ~ .theme-dark.localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .theme-dark.localnav .localnav-menucta-chevron::after { background:#fff } .localnav.localnav-hero .localnav-menucta-chevron::before, .localnav.localnav-hero .localnav-menucta-chevron::after { background:#fff } .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::before, .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::after { background:#000 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::before, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-menucta-chevron::after, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menucta-chevron::before, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-menucta-chevron::after { background:#fff } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::after { background:#000 } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::before, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-menucta-chevron::after, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::before, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::after, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::before, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-menucta-chevron::after { background:#fff } .localnav-menucta-anchor { display: none; position: absolute; top: 0; left: 0; width: 1px; height: 1px; z-index:10 } @media only screen and (max-width: 767px) { .localnav-menucta-anchor { display:block } .localnav-menucta-anchor-close { display:none } } .localnav.large-localnav-collapsible .localnav-menucta-anchor { display:block } .localnav.large-localnav-collapsible .localnav-menucta-anchor-close { display:none } @media only screen and (max-width: 1023px) { .localnav.medium-localnav-collapsible .localnav-menucta-anchor { display:block } .localnav.medium-localnav-collapsible .localnav-menucta-anchor-close { display:none } } .localnav-menucta-anchor:focus { outline-offset: -6px; width: 100%; height:100% } .localnav-menucta-anchor-close { display:none } .localnav-menucta-anchor-label { position: absolute; 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 } @media only screen and (max-width: 767px) { .localnav-menustate:checked ~ .localnav .localnav-menucta-anchor-open, .localnav-menustate:target ~ .localnav .localnav-menucta-anchor-open { display:none } .localnav-menustate:checked ~ .localnav .localnav-menucta-anchor-close, .localnav-menustate:target ~ .localnav .localnav-menucta-anchor-close { display:block } } .localnav-menustate:checked ~ .localnav.large-localnav-collapsible .localnav-menucta-anchor-open, .localnav-menustate:target ~ .localnav.large-localnav-collapsible .localnav-menucta-anchor-open { display:none } .localnav-menustate:checked ~ .localnav.large-localnav-collapsible .localnav-menucta-anchor-close, .localnav-menustate:target ~ .localnav.large-localnav-collapsible .localnav-menucta-anchor-close { display:block } @media only screen and (max-width: 1023px) { .localnav-menustate:checked ~ .localnav.medium-localnav-collapsible .localnav-menucta-anchor-open, .localnav-menustate:target ~ .localnav.medium-localnav-collapsible .localnav-menucta-anchor-open { display:none } .localnav-menustate:checked ~ .localnav.medium-localnav-collapsible .localnav-menucta-anchor-close, .localnav-menustate:target ~ .localnav.medium-localnav-collapsible .localnav-menucta-anchor-close { display:block } } .localnav-title { font-size: 21px; line-height: 1.14286; font-weight: 600; letter-spacing: .011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; cursor: default; display: block; float: left; margin: 14px 0 -14px; padding: 0; height: 52px; white-space:nowrap } .localnav-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title: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 } .localnav-title:lang(ko) { 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 } .localnav-title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title: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 } .localnav-title: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: 767px) { .localnav-title { font-size: 19px; line-height: 1.26316; font-weight: 600; letter-spacing: .012em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title: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 } .localnav-title:lang(ko) { 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 } .localnav-title:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title: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 } .localnav-title: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: 767px) { .localnav-title-compact { font-size: 17px; line-height: 1.41184; font-weight: 600; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-compact:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-compact:lang(ja) { font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-compact:lang(ko) { 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 } .localnav-title-compact:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-compact:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-compact:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-compact: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 } .localnav-title-compact:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .localnav-title:lang(ja) { margin:15px 0 -15px } @media only screen and (max-width: 767px) { .localnav-title:lang(ja) { margin:12px 0 -12px } } .localnav.localnav-stacked .localnav-title { height:66px } .localnav.localnav-stacked .localnav-title:lang(ar) { margin:9px 0 -9px } @media only screen and (max-width: 767px) { .localnav-title { display: inline-block; margin: 12px 0 -12px; height:48px } .localnav.localnav-stacked .localnav-title { height:63px } } .localnav-title a { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; letter-spacing: inherit; line-height: inherit; margin: 0; text-decoration: none; white-space: nowrap; opacity:.88 } .localnav-title a:hover { text-decoration:none } .theme-dark .localnav .localnav-title a, .localnav.theme-dark .localnav-title a { opacity:.92 } .localnav.localnav-hero .localnav-title a { opacity:.92 } .localnav-hero.localnav.localnav-sticking .localnav-title a { opacity:.88 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title a, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title a { opacity:.92 } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a { opacity:.88 } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title a { opacity:.92 } .localnav-title, .localnav-title a { color: #000; transition:color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) } .theme-dark .localnav .localnav-title, .theme-dark .localnav .localnav-title a, .localnav.theme-dark .localnav-title, .localnav.theme-dark .localnav-title a { color:#fff } .localnav.localnav-hero .localnav-title, .localnav.localnav-hero .localnav-title a { color:#fff } .localnav-hero.localnav.localnav-sticking .localnav-title, .localnav-hero.localnav.localnav-sticking .localnav-title a { color:#000 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title a, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title a { color:#fff } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a { color:#000 } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title a, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title a, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title a, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title a { color:#fff } .localnav-title-subhead, .localnav-title-comingsoon { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; position: relative; top: -1px; color: #000; opacity:.56 } .localnav-title-subhead:lang(ar), .localnav-title-comingsoon: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 } .localnav-title-subhead:lang(ja), .localnav-title-comingsoon: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 } .localnav-title-subhead:lang(ko), .localnav-title-comingsoon:lang(ko) { line-height: 1.41667; 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 } .localnav-title-subhead:lang(zh), .localnav-title-comingsoon:lang(zh) { letter-spacing:0em } .localnav-title-subhead:lang(th), .localnav-title-comingsoon:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-subhead:lang(zh-CN), .localnav-title-comingsoon:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-subhead:lang(zh-HK), .localnav-title-comingsoon:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav-title-subhead:lang(zh-MO), .localnav-title-comingsoon: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 } .localnav-title-subhead:lang(zh-TW), .localnav-title-comingsoon:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .localnav.localnav-stacked .localnav-title-subhead, .localnav.localnav-stacked .localnav-title-comingsoon { opacity:0.64 } @media only screen and (max-width: 767px) { .localnav.localnav-stacked .localnav-title-subhead, .localnav.localnav-stacked .localnav-title-comingsoon { top:0 } } .theme-dark .localnav .localnav-title-subhead, .theme-dark .localnav .localnav-title-comingsoon, .localnav.theme-dark .localnav-title-subhead, .localnav.theme-dark .localnav-title-comingsoon { color:#fff } .theme-dark .localnav.localnav-stacked .localnav-title-subhead, .theme-dark .localnav.localnav-stacked .localnav-title-comingsoon, .theme-dark.localnav.localnav-stacked .localnav-title-subhead, .theme-dark.localnav.localnav-stacked .localnav-title-comingsoon { opacity:0.61 } .localnav.localnav-hero .localnav-title-subhead, .localnav.localnav-hero .localnav-title-comingsoon { color: #fff; opacity:.56 } .localnav-hero.localnav.localnav-stacked .localnav-title-subhead, .localnav-hero.localnav.localnav-stacked .localnav-title-comingsoon { opacity:0.61 } .localnav-hero.localnav.localnav-sticking .localnav-title-subhead, .localnav-hero.localnav.localnav-sticking .localnav-title-comingsoon { color:#000 } .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title-subhead, .theme-dark .localnav-hero.localnav.localnav-sticking .localnav-title-comingsoon, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title-subhead, .localnav-hero.localnav-sticking.localnav.theme-dark .localnav-title-comingsoon { color:#fff } .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-subhead, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-subhead, .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-comingsoon, .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-comingsoon { color:#000 } .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-subhead, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-subhead, .theme-dark .localnav-menustate:checked ~ .localnav-hero.localnav .localnav-title-comingsoon, .theme-dark .localnav-menustate:target ~ .localnav-hero.localnav .localnav-title-comingsoon, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title-subhead, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title-subhead, .localnav-menustate:checked ~ .localnav-hero.localnav.theme-dark .localnav-title-comingsoon, .localnav-menustate:target ~ .localnav-hero.localnav.theme-dark .localnav-title-comingsoon { color:#fff } :root { --r-localnav-height: 52px; --r-localnav-stacked-height: 66px; --r-localnav-gn-height: var(--r-globalnav-height, 44px); --r-localnav-viewport-large-min-width: 1024px; --r-localnav-viewport-large-query:(min-width: 1024px); --r-localnav-viewport-medium-min-width: 768px; --r-localnav-viewport-medium-max-width: 1023px; --r-localnav-viewport-medium-query:(min-width: 768px); --r-localnav-viewport-small-min-width: 320px; --r-localnav-viewport-small-max-width: 767px; --r-localnav-viewport-small-query:(min-width: 320px) } @media only screen and (max-width: 767px) { :root { --r-localnav-height: 48px; --r-localnav-stacked-height: 63px; --r-localnav-gn-height:var(--r-globalnav-height, 48px) } } .violator { box-sizing: border-box; white-space: nowrap; display: inline-block; border: 1px solid; background: transparent; border-color: #bf4800; color: #bf4800; font-size: 17px; line-height: 1.17648; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; border-radius: 18px; padding-left: 18px; padding-right: 18px; padding-top: 7px; padding-bottom:7px } .violator:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator: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 } .violator:lang(ko) { 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 } .violator:lang(zh) { letter-spacing:0em } .violator:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator: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 } .violator:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-inline { margin-left: 10px; display:inline-block } .violator-secondary { background: transparent; border-color: #6e6e73; color:#6e6e73 } .violator-reduced { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; border-radius: 12px; padding-left: 11px; padding-right: 11px; padding-top: 3px; padding-bottom:3px } .violator-reduced:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-reduced: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 } .violator-reduced:lang(ko) { 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 } .violator-reduced:lang(zh) { letter-spacing:0em } .violator-reduced:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-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 } .violator-reduced:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-reduced.violator-inline { margin-left: 6px; display:inline-block } .violator-frameless { box-sizing: border-box; white-space: nowrap; display: block; color:#bf4800 } .violator-frameless-inline { margin-left: 10px; display:inline-block } .violator-frameless.violator-frameless-reduced { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; border-radius: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; display:block } .violator-frameless.violator-frameless-reduced:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-frameless.violator-frameless-reduced: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 } .violator-frameless.violator-frameless-reduced:lang(ko) { 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 } .violator-frameless.violator-frameless-reduced:lang(zh) { letter-spacing:0em } .violator-frameless.violator-frameless-reduced:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-frameless.violator-frameless-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-frameless.violator-frameless-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-frameless.violator-frameless-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 } .violator-frameless.violator-frameless-reduced:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .violator-frameless.violator-frameless-reduced.violator-frameless-inline { margin-left: 6px; display:inline-block } .badge { margin-right: 2em; box-sizing: border-box; display: inline-block; font-size: 20px; min-width: 5em; position: relative; z-index: 1; color:#1d1d1f } .badge .badge-content { margin: 1em 0; padding-top: 4px; padding-bottom: 2px; position: relative; z-index:1 } .badge .badge-value { left: -2px; display: block; white-space: nowrap; position: relative; z-index:1 } .badge .badge-caption { left: 0; box-sizing: border-box; display: block; position: absolute; top: 100%; width: 100%; z-index:1 } .badge .badge-caption:first-child { top: auto; bottom:100% } .badge .badge-unit-plus, .badge .badge-unit-percent, .badge .badge-unit-currency { position: relative; z-index:1 } .badge .badge-unit sup:not(.footnote-number) { top:-0.6em } .badge .badge-caption { color:#1d1d1f } .badge .badge-value { font-size: 48px; line-height: 1; font-weight: 400; letter-spacing: -.003em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-value: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 } .badge .badge-value: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 } .badge .badge-value: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 } .badge .badge-value:lang(zh) { letter-spacing:0em } .badge .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .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 } .badge .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-caption { font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-caption:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-caption:lang(ja) { line-height: 1.35718; 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 } .badge .badge-caption:lang(ko) { line-height: 1.42859; 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 } .badge .badge-caption:lang(zh) { letter-spacing:0em } .badge .badge-caption:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-caption:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-caption:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-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 } .badge .badge-caption:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-unit, .badge .badge-unit-plus, .badge .badge-unit-percent, .badge .badge-unit-currency { font-size: 32px; line-height: 1; font-weight: 400; letter-spacing: .004em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge .badge-unit:lang(ar), .badge .badge-unit-plus:lang(ar), .badge .badge-unit-percent:lang(ar), .badge .badge-unit-currency:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-unit:lang(ja), .badge .badge-unit-plus:lang(ja), .badge .badge-unit-percent:lang(ja), .badge .badge-unit-currency: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 } .badge .badge-unit:lang(ko), .badge .badge-unit-plus:lang(ko), .badge .badge-unit-percent:lang(ko), .badge .badge-unit-currency:lang(ko) { 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 } .badge .badge-unit:lang(th), .badge .badge-unit-plus:lang(th), .badge .badge-unit-percent:lang(th), .badge .badge-unit-currency:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-unit:lang(zh-CN), .badge .badge-unit-plus:lang(zh-CN), .badge .badge-unit-percent:lang(zh-CN), .badge .badge-unit-currency:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-unit:lang(zh-HK), .badge .badge-unit-plus:lang(zh-HK), .badge .badge-unit-percent:lang(zh-HK), .badge .badge-unit-currency:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-unit:lang(zh-MO), .badge .badge-unit-plus:lang(zh-MO), .badge .badge-unit-percent:lang(zh-MO), .badge .badge-unit-currency: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 } .badge .badge-unit:lang(zh-TW), .badge .badge-unit-plus:lang(zh-TW), .badge .badge-unit-percent:lang(zh-TW), .badge .badge-unit-currency:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge .badge-unit-plus { top:-.25em } .badge .badge-unit-percent { top:-.37em } .badge .badge-unit-currency { top:-.375em } .badge.badge-stacked .badge-value { font-size: 32px; line-height: 1; font-weight: 400; letter-spacing: .004em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge.badge-stacked .badge-value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge.badge-stacked .badge-value: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 } .badge.badge-stacked .badge-value:lang(ko) { 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 } .badge.badge-stacked .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge.badge-stacked .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge.badge-stacked .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge.badge-stacked .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 } .badge.badge-stacked .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge.badge-stacked .badge-content { padding-bottom:3px } .badge-stacked .badge-value { font-size: 32px; line-height: 1; font-weight: 400; letter-spacing: .004em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-stacked .badge-value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-stacked .badge-value: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 } .badge-stacked .badge-value:lang(ko) { 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 } .badge-stacked .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-stacked .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-stacked .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-stacked .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 } .badge-stacked .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-stacked .badge-content { padding-bottom:3px } .badge-center { text-align:center } .badge-right { margin-right: 2em; text-align:right } @media only screen and (max-width: 1068px) { .badge-right { margin-right:1em } } .badge-right .badge-caption { margin-left:-.3em } .badge-super .badge-value { font-size: 80px; line-height: 1; font-weight: 400; letter-spacing: -.015em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-value: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 } .badge-super .badge-value: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 } .badge-super .badge-value: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 } .badge-super .badge-value:lang(zh) { letter-spacing:0em } .badge-super .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .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 } .badge-super .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-caption { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-caption:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-caption: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 } .badge-super .badge-caption:lang(ko) { line-height: 1.35296; 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 } .badge-super .badge-caption:lang(zh) { letter-spacing:0em } .badge-super .badge-caption:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-caption:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-caption:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-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 } .badge-super .badge-caption:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-unit, .badge-super .badge-unit-plus, .badge-super .badge-unit-percent, .badge-super .badge-unit-currency { font-size: 56px; line-height: 1; font-weight: 400; letter-spacing: -.005em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-super .badge-unit:lang(ar), .badge-super .badge-unit-plus:lang(ar), .badge-super .badge-unit-percent:lang(ar), .badge-super .badge-unit-currency: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 } .badge-super .badge-unit:lang(ja), .badge-super .badge-unit-plus:lang(ja), .badge-super .badge-unit-percent:lang(ja), .badge-super .badge-unit-currency: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 } .badge-super .badge-unit:lang(ko), .badge-super .badge-unit-plus:lang(ko), .badge-super .badge-unit-percent:lang(ko), .badge-super .badge-unit-currency: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 } .badge-super .badge-unit:lang(zh), .badge-super .badge-unit-plus:lang(zh), .badge-super .badge-unit-percent:lang(zh), .badge-super .badge-unit-currency:lang(zh) { letter-spacing:0em } .badge-super .badge-unit:lang(th), .badge-super .badge-unit-plus:lang(th), .badge-super .badge-unit-percent:lang(th), .badge-super .badge-unit-currency:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-unit:lang(zh-CN), .badge-super .badge-unit-plus:lang(zh-CN), .badge-super .badge-unit-percent:lang(zh-CN), .badge-super .badge-unit-currency:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-unit:lang(zh-HK), .badge-super .badge-unit-plus:lang(zh-HK), .badge-super .badge-unit-percent:lang(zh-HK), .badge-super .badge-unit-currency:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-unit:lang(zh-MO), .badge-super .badge-unit-plus:lang(zh-MO), .badge-super .badge-unit-percent:lang(zh-MO), .badge-super .badge-unit-currency: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 } .badge-super .badge-unit:lang(zh-TW), .badge-super .badge-unit-plus:lang(zh-TW), .badge-super .badge-unit-percent:lang(zh-TW), .badge-super .badge-unit-currency:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super .badge-unit-plus { top:-.25em } .badge-super .badge-unit-percent { top:-.31em } .badge-super .badge-unit-currency { top:-.32em } .badge-super.badge-stacked .badge-value { font-size: 56px; line-height: 1; font-weight: 400; letter-spacing: -.005em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-super.badge-stacked .badge-value: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 } .badge-super.badge-stacked .badge-value: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 } .badge-super.badge-stacked .badge-value: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 } .badge-super.badge-stacked .badge-value:lang(zh) { letter-spacing:0em } .badge-super.badge-stacked .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super.badge-stacked .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super.badge-stacked .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super.badge-stacked .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 } .badge-super.badge-stacked .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-super.badge-stacked .badge-content { padding-bottom:4px } .badge-elevated .badge-value { font-size: 64px; line-height: 1; font-weight: 400; letter-spacing: -.009em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-value: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 } .badge-elevated .badge-value: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 } .badge-elevated .badge-value: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 } .badge-elevated .badge-value:lang(zh) { letter-spacing:0em } .badge-elevated .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .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 } .badge-elevated .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-caption { font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-caption:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-caption:lang(ja) { line-height: 1.35718; 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 } .badge-elevated .badge-caption:lang(ko) { line-height: 1.42859; 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 } .badge-elevated .badge-caption:lang(zh) { letter-spacing:0em } .badge-elevated .badge-caption:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-caption:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-caption:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-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 } .badge-elevated .badge-caption:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-unit, .badge-elevated .badge-unit-plus, .badge-elevated .badge-unit-percent, .badge-elevated .badge-unit-currency { font-size: 40px; line-height: 1; font-weight: 400; letter-spacing: 0em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-elevated .badge-unit:lang(ar), .badge-elevated .badge-unit-plus:lang(ar), .badge-elevated .badge-unit-percent:lang(ar), .badge-elevated .badge-unit-currency:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-unit:lang(ja), .badge-elevated .badge-unit-plus:lang(ja), .badge-elevated .badge-unit-percent:lang(ja), .badge-elevated .badge-unit-currency: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 } .badge-elevated .badge-unit:lang(ko), .badge-elevated .badge-unit-plus:lang(ko), .badge-elevated .badge-unit-percent:lang(ko), .badge-elevated .badge-unit-currency:lang(ko) { 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 } .badge-elevated .badge-unit:lang(th), .badge-elevated .badge-unit-plus:lang(th), .badge-elevated .badge-unit-percent:lang(th), .badge-elevated .badge-unit-currency:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-unit:lang(zh-CN), .badge-elevated .badge-unit-plus:lang(zh-CN), .badge-elevated .badge-unit-percent:lang(zh-CN), .badge-elevated .badge-unit-currency:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-unit:lang(zh-HK), .badge-elevated .badge-unit-plus:lang(zh-HK), .badge-elevated .badge-unit-percent:lang(zh-HK), .badge-elevated .badge-unit-currency:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-unit:lang(zh-MO), .badge-elevated .badge-unit-plus:lang(zh-MO), .badge-elevated .badge-unit-percent:lang(zh-MO), .badge-elevated .badge-unit-currency: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 } .badge-elevated .badge-unit:lang(zh-TW), .badge-elevated .badge-unit-plus:lang(zh-TW), .badge-elevated .badge-unit-percent:lang(zh-TW), .badge-elevated .badge-unit-currency:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated .badge-unit-plus { top:-.22em } .badge-elevated .badge-unit-percent { top:-.43em } .badge-elevated .badge-unit-currency { top:-.43em } .badge-elevated.badge-stacked .badge-value { font-size: 40px; line-height: 1; font-weight: 400; letter-spacing: 0em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-elevated.badge-stacked .badge-value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated.badge-stacked .badge-value: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 } .badge-elevated.badge-stacked .badge-value:lang(ko) { 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 } .badge-elevated.badge-stacked .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated.badge-stacked .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated.badge-stacked .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated.badge-stacked .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 } .badge-elevated.badge-stacked .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-elevated.badge-stacked .badge-content { padding-bottom:4px } .badge-reduced .badge-value { font-size: 40px; line-height: 1; font-weight: 400; letter-spacing: 0em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-value: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 } .badge-reduced .badge-value:lang(ko) { 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 } .badge-reduced .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .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 } .badge-reduced .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-caption { font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-caption:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-caption:lang(ja) { line-height: 1.35718; 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 } .badge-reduced .badge-caption:lang(ko) { line-height: 1.42859; 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 } .badge-reduced .badge-caption:lang(zh) { letter-spacing:0em } .badge-reduced .badge-caption:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-caption:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-caption:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-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 } .badge-reduced .badge-caption:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-unit, .badge-reduced .badge-unit-plus, .badge-reduced .badge-unit-percent, .badge-reduced .badge-unit-currency { font-size: 28px; line-height: 1; font-weight: 400; letter-spacing: .007em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-reduced .badge-unit:lang(ar), .badge-reduced .badge-unit-plus:lang(ar), .badge-reduced .badge-unit-percent:lang(ar), .badge-reduced .badge-unit-currency:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-unit:lang(ja), .badge-reduced .badge-unit-plus:lang(ja), .badge-reduced .badge-unit-percent:lang(ja), .badge-reduced .badge-unit-currency: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 } .badge-reduced .badge-unit:lang(ko), .badge-reduced .badge-unit-plus:lang(ko), .badge-reduced .badge-unit-percent:lang(ko), .badge-reduced .badge-unit-currency:lang(ko) { 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 } .badge-reduced .badge-unit:lang(th), .badge-reduced .badge-unit-plus:lang(th), .badge-reduced .badge-unit-percent:lang(th), .badge-reduced .badge-unit-currency:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-unit:lang(zh-CN), .badge-reduced .badge-unit-plus:lang(zh-CN), .badge-reduced .badge-unit-percent:lang(zh-CN), .badge-reduced .badge-unit-currency:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-unit:lang(zh-HK), .badge-reduced .badge-unit-plus:lang(zh-HK), .badge-reduced .badge-unit-percent:lang(zh-HK), .badge-reduced .badge-unit-currency:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-unit:lang(zh-MO), .badge-reduced .badge-unit-plus:lang(zh-MO), .badge-reduced .badge-unit-percent:lang(zh-MO), .badge-reduced .badge-unit-currency: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 } .badge-reduced .badge-unit:lang(zh-TW), .badge-reduced .badge-unit-plus:lang(zh-TW), .badge-reduced .badge-unit-percent:lang(zh-TW), .badge-reduced .badge-unit-currency:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced .badge-unit-plus { top:-.29em } .badge-reduced .badge-unit-percent { top:-.31em } .badge-reduced .badge-unit-currency { top:-.325em } .badge-reduced.badge-stacked .badge-value { font-size: 28px; line-height: 1; font-weight: 400; letter-spacing: .007em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-reduced.badge-stacked .badge-value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced.badge-stacked .badge-value: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 } .badge-reduced.badge-stacked .badge-value:lang(ko) { 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 } .badge-reduced.badge-stacked .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced.badge-stacked .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced.badge-stacked .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced.badge-stacked .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 } .badge-reduced.badge-stacked .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-reduced.badge-stacked .badge-content { padding-bottom:4px } .badge-tiny { min-width:2em } .badge-tiny .badge-value { font-size: 28px; line-height: 1; font-weight: 400; letter-spacing: .007em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-value: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 } .badge-tiny .badge-value:lang(ko) { 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 } .badge-tiny .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .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 } .badge-tiny .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-unit, .badge-tiny .badge-unit-plus, .badge-tiny .badge-unit-percent, .badge-tiny .badge-unit-currency { font-size: 19px; line-height: 1; font-weight: 400; letter-spacing: .012em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-tiny .badge-unit:lang(ar), .badge-tiny .badge-unit-plus:lang(ar), .badge-tiny .badge-unit-percent:lang(ar), .badge-tiny .badge-unit-currency:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-unit:lang(ja), .badge-tiny .badge-unit-plus:lang(ja), .badge-tiny .badge-unit-percent:lang(ja), .badge-tiny .badge-unit-currency: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 } .badge-tiny .badge-unit:lang(ko), .badge-tiny .badge-unit-plus:lang(ko), .badge-tiny .badge-unit-percent:lang(ko), .badge-tiny .badge-unit-currency:lang(ko) { 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 } .badge-tiny .badge-unit:lang(th), .badge-tiny .badge-unit-plus:lang(th), .badge-tiny .badge-unit-percent:lang(th), .badge-tiny .badge-unit-currency:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-unit:lang(zh-CN), .badge-tiny .badge-unit-plus:lang(zh-CN), .badge-tiny .badge-unit-percent:lang(zh-CN), .badge-tiny .badge-unit-currency:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-unit:lang(zh-HK), .badge-tiny .badge-unit-plus:lang(zh-HK), .badge-tiny .badge-unit-percent:lang(zh-HK), .badge-tiny .badge-unit-currency:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-unit:lang(zh-MO), .badge-tiny .badge-unit-plus:lang(zh-MO), .badge-tiny .badge-unit-percent:lang(zh-MO), .badge-tiny .badge-unit-currency: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 } .badge-tiny .badge-unit:lang(zh-TW), .badge-tiny .badge-unit-plus:lang(zh-TW), .badge-tiny .badge-unit-percent:lang(zh-TW), .badge-tiny .badge-unit-currency:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny .badge-unit-plus { top:-.25em } .badge-tiny .badge-unit-percent { top:-.34em } .badge-tiny .badge-unit-currency { top:-.34em } .badge-tiny.badge-stacked .badge-value { font-size: 19px; line-height: 1; font-weight: 400; letter-spacing: .012em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:600 } .badge-tiny.badge-stacked .badge-value:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny.badge-stacked .badge-value: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 } .badge-tiny.badge-stacked .badge-value:lang(ko) { 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 } .badge-tiny.badge-stacked .badge-value:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny.badge-stacked .badge-value:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny.badge-stacked .badge-value:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny.badge-stacked .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 } .badge-tiny.badge-stacked .badge-value:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .badge-tiny.badge-stacked .badge-content { padding-bottom:3px } .list { box-sizing: border-box; color:#1d1d1f } .list + ul, .list + ol, .list + .list { margin-top:1.6em } .list li { margin-top:.4em } ol.list { list-style-type:decimal } ol.list ol { list-style-type:lower-alpha } ol.list ol ol { list-style-type:lower-roman } .list-title { color:#1d1d1f } .list-title + ul, .list-title + ol, .list-title + .list { margin-top:0 } ul + .list-title, ol + .list-title, .list + .list-title { margin-top:1.6em } .list-nobullet { margin-left: 0; list-style-type:none } .list-nobullet ul { list-style-type:disc } .list-nobullet ul ul { list-style-type:circle } .list-nobullet ul ul ul { list-style-type:square } .tile { margin-left: auto; margin-right: auto; box-sizing: border-box; height: 100%; position: relative; overflow: hidden; background-color:#fff } .tile-content { padding:60px 8.33333% } .tile-button { color: #fff; background-color:rgba(134, 134, 139, 0.92) } .tile-button:hover { background-color:#86868b } .tile-button-wrapper { width: 44px; height: 44px; bottom: 24px; right: 24px; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position:absolute } @media only screen and (max-width: 1068px) { .tile-button-wrapper { bottom: 13px; right:13px } } .tile-button-wrapper:focus { outline:none } .tile-button-wrapper:focus .tile-button { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .tile-button-wrapper:focus .tile-button[data-focus-method="mouse"]:not(input):not(textarea):not(select), .tile-button-wrapper:focus .tile-button[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow: none } .tile-button-wrapper:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) .tile-button, .tile-button-wrapper:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) .tile-button { box-shadow:none } .tile-button { width: 40px; height: 40px; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; transition:100ms background-color linear } @media only screen and (max-width: 1068px) { .tile-button { width: 30px; height:30px } } .tile-icon { fill: currentColor; width: 100%; height:100% } .tile-rounded { border-radius:18px } .tile-shadow { box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08) } .nextrouter { background-color:#f5f5f7 } .nextrouter-content { margin-left: auto; margin-right: auto; width: 980px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items:center } @media only screen and (min-width: 1441px) { .nextrouter-content { margin-left: auto; margin-right: auto; width:980px } } @media only screen and (max-width: 1068px) { .nextrouter-content { margin-left: auto; margin-right: auto; width:692px } } @media only screen and (max-width: 734px) { .nextrouter-content { margin-left: auto; margin-right: auto; width:87.5% } } @media only screen and (max-width: 480px) { .nextrouter-content { margin-left: auto; margin-right: auto; width:90% } } .nextrouter-content:hover { text-decoration:none } .nextrouter-content:hover .nextrouter-link { text-decoration:underline } @media only screen and (max-width: 734px) { .nextrouter-content { -ms-flex-direction: column; flex-direction:column } } .nextrouter-copy, .nextrouter-image { box-sizing: border-box; margin: 0; padding: 0; min-width: 0px; width:50% } @media only screen and (max-width: 734px) { .nextrouter-copy, .nextrouter-image { width:100% } } .nextrouter-copy { z-index: 2; padding:12px 0 0 0 } @media only screen and (max-width: 734px) { .nextrouter-copy { padding:58px 0 38px 0 } } .nextrouter-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; display: block; margin-bottom:.8em } .nextrouter-label: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 } .nextrouter-label:lang(ko) { line-height: 1.2858; 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 } .nextrouter-label:lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-label:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-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 } .nextrouter-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) { .nextrouter-label { 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 } .nextrouter-label:lang(ar) { line-height: 1.36844; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-label: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 } .nextrouter-label:lang(ko) { line-height: 1.31579; 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 } .nextrouter-label:lang(th) { line-height: 1.36844; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-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 } .nextrouter-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .nextrouter-sentence, .nextrouter-link { padding-right:11px } @media only screen and (max-width: 1068px) { .nextrouter-sentence, .nextrouter-link { padding-right:10px } } @media only screen and (max-width: 734px) { .nextrouter-sentence, .nextrouter-link { padding-right:0 } } .nextrouter-sentence { 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; margin-bottom:11px } .nextrouter-sentence: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 } .nextrouter-sentence: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 } .nextrouter-sentence:lang(ko) { line-height: 1.21875; 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 } .nextrouter-sentence:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence: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 } .nextrouter-sentence: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) { .nextrouter-sentence { 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 } .nextrouter-sentence: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 } .nextrouter-sentence:lang(th) { line-height: 1.39286; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence: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 } .nextrouter-sentence:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence: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 } .nextrouter-sentence: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: 734px) { .nextrouter-sentence { 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 } .nextrouter-sentence:lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence: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 } .nextrouter-sentence: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 } .nextrouter-sentence:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .nextrouter-sentence: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 } .nextrouter-sentence:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .nextrouter-link { margin-bottom:0 } @media only screen and (max-width: 734px) { .nextrouter-link { margin-top:0 } } .nextrouter .nextrouter-label { color:#1d1d1f } .nextrouter .nextrouter-link { color:#06c } .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 } .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 } .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 } .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 } .quote:lang(th) { line-height: 1.35; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .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) { .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 } .quote: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 } .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 } .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 } .quote:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .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: 734px) { .quote { font-size: 28px; line-height: 1.28583; font-weight: 400; letter-spacing: .007em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote:lang(ko) { line-height: 1.39286; 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 } .quote:lang(th) { line-height: 1.39286; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .quote:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .quote:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .quote .quote-copy { color:#1d1d1f } .quote .quote-credit, .quote .quote-subcredit { color:#1d1d1f } .quote-copy > ::before, .quote-copy > ::after { display: inline-block; width:2em } .quote-copy > ::before { margin-left: -2em; text-align: right; content:open-quote } .quote-copy > ::after { margin-right: -2em; text-align: left; visibility: hidden; content:close-quote } .quote-copy > :last-child { margin-bottom:0 } .quote-copy > :last-child::after { visibility:visible } .quote-copy > :not(:first-child) { margin-top:0.5em } .quote-credit { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; display:block } .quote-credit:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-credit: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 } .quote-credit:lang(ko) { line-height: 1.35296; 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 } .quote-credit:lang(zh) { letter-spacing:0em } .quote-credit:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-credit:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-credit:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-credit: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 } .quote-credit:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-credit:first-of-type { margin-top:1.6em } .quote-subcredit { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; display:block } .quote-subcredit:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-subcredit: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 } .quote-subcredit:lang(ko) { line-height: 1.35296; 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 } .quote-subcredit:lang(zh) { letter-spacing:0em } .quote-subcredit:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-subcredit:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-subcredit:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-subcredit: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 } .quote-subcredit:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-subcredit:first-of-type { margin-top:1.6em } .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 } .quote-reduced: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 } .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 } .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 } .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 } .quote-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .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) { .quote-reduced { font-size: 28px; line-height: 1.28583; font-weight: 400; letter-spacing: .007em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-reduced:lang(ko) { line-height: 1.39286; 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 } .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 } .quote-reduced:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .quote-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .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: 734px) { .quote-reduced { font-size: 24px; line-height: 1.33341; font-weight: 400; letter-spacing: .009em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-reduced:lang(ar) { line-height: 1.5; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-reduced: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 } .quote-reduced:lang(ko) { line-height: 1.45841; 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 } .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 } .quote-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .quote-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .quote-reduced:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .quote-reduced .quote-credit { display:block } .quote-reduced .quote-credit:first-of-type { margin-top:1.2em } .quote-reduced .quote-subcredit { display:block } .quote-reduced .quote-subcredit:first-of-type { margin-top:1.2em } .dotnav { text-align: center; box-sizing:border-box } .dotnav ul { margin: 0; list-style: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content:center } .dotnav li { list-style: none; margin: 0 7px; width: 8px; height: 8px; position:relative } .dotnav-item { top: 0; left: 0; width: 8px; height: 8px; outline: none; position: absolute; border-radius: 50%; box-sizing: border-box; padding:0 } .dotnav-item:focus { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .dotnav-item:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .dotnav-item:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .dotnav-item.current { cursor:default } .dotnav .dotnav-item { background-color:rgba(134, 134, 139, 0.4) } .dotnav .dotnav-item:hover { background-color:rgba(134, 134, 139, 0.6) } .dotnav .dotnav-item.current { background-color:#86868b } .paddlenav, .paddlenav ul { margin: 0; list-style:none } .paddlenav .paddlenav-arrow { display: block; font-style: normal; overflow: hidden; position: absolute; text-align: center; transition:250ms background-color linear, 250ms color linear, 250ms opacity linear } .paddlenav .paddlenav-arrow-next, .paddlenav .paddlenav-arrow-previous { top:50% } .paddlenav .paddlenav-arrow-up, .paddlenav .paddlenav-arrow-down { left:50% } .paddlenav .paddlenav-arrow:hover { text-decoration:none } .paddlenav .paddlenav-arrow:focus { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .paddlenav .paddlenav-arrow:disabled, .paddlenav .paddlenav-arrow.disabled { cursor: default; opacity: 0 } .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select), .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { opacity:0 } html.touch .paddlenav .paddlenav-arrow:disabled, html.touch .paddlenav .paddlenav-arrow.disabled { opacity:0 } .paddlenav .paddlenav-arrow { font-weight: 300; width: 5.29412rem; height: 5.29412rem; border-radius: 5.29412rem; font-size: 53px; line-height:5.29412rem } .paddlenav .paddlenav-arrow-next, .paddlenav .paddlenav-arrow-previous { margin-top:-2.64706rem } .paddlenav .paddlenav-arrow-up, .paddlenav .paddlenav-arrow-down { margin-left:-2.64706rem } .paddlenav .paddlenav-arrow-next::before, .paddlenav .paddlenav-arrow-next::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: '' } .paddlenav .paddlenav-arrow-next::before, .paddlenav .paddlenav-arrow-next::after { text-decoration:none } .paddlenav .paddlenav-arrow-next::before { display:none } .paddlenav .paddlenav-arrow-next::before, .paddlenav .paddlenav-arrow-next::after { content: "" } .paddlenav .paddlenav-arrow-next::after { margin-right:-.056em } .paddlenav .paddlenav-arrow-previous::before, .paddlenav .paddlenav-arrow-previous::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: '' } .paddlenav .paddlenav-arrow-previous::before, .paddlenav .paddlenav-arrow-previous::after { text-decoration:none } .paddlenav .paddlenav-arrow-previous::before { display:none } .paddlenav .paddlenav-arrow-previous::before, .paddlenav .paddlenav-arrow-previous::after { content: "" } .paddlenav .paddlenav-arrow-previous::after { margin-left:-.056em } .paddlenav .paddlenav-arrow-up::before, .paddlenav .paddlenav-arrow-up::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: '' } .paddlenav .paddlenav-arrow-up::before, .paddlenav .paddlenav-arrow-up::after { text-decoration:none } .paddlenav .paddlenav-arrow-up::before { display:none } .paddlenav .paddlenav-arrow-up::before, .paddlenav .paddlenav-arrow-up::after { content: "" } .paddlenav .paddlenav-arrow-down::before, .paddlenav .paddlenav-arrow-down::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: '' } .paddlenav .paddlenav-arrow-down::before, .paddlenav .paddlenav-arrow-down::after { text-decoration:none } .paddlenav .paddlenav-arrow-down::before { display:none } .paddlenav .paddlenav-arrow-down::before, .paddlenav .paddlenav-arrow-down::after { content: "" } .paddlenav .paddlenav-arrow { background-color: transparent; color:rgba(134, 134, 139, 0.8) } .paddlenav .paddlenav-arrow:hover { background-color: transparent; color:#86868b } .paddlenav .paddlenav-arrow:active { background-color: transparent; color: #86868b } .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover, .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover { background-color: transparent; color: #86868b } .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active, .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active { background-color: transparent; color:#86868b } .paddlenav .paddlenav-arrow-next { right:18px } .paddlenav .paddlenav-arrow-previous { left:18px } .paddlenav .paddlenav-arrow-up { top:18px } .paddlenav .paddlenav-arrow-down { bottom:18px } @media only screen and (max-width: 734px) { .paddlenav .paddlenav-arrow { font-weight: 300; width: 3.05882rem; height: 3.05882rem; border-radius: 3.05882rem; font-size: 53px; line-height:3.05882rem } .paddlenav .paddlenav-arrow-next, .paddlenav .paddlenav-arrow-previous { margin-top:-1.52941rem } .paddlenav .paddlenav-arrow-up, .paddlenav .paddlenav-arrow-down { margin-left:-1.52941rem } .paddlenav .paddlenav-arrow-next::before, .paddlenav .paddlenav-arrow-next::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: '' } .paddlenav .paddlenav-arrow-next::before, .paddlenav .paddlenav-arrow-next::after { text-decoration:none } .paddlenav .paddlenav-arrow-next::before { display:none } .paddlenav .paddlenav-arrow-next::before, .paddlenav .paddlenav-arrow-next::after { content: "" } .paddlenav .paddlenav-arrow-next::after { margin-right:-.044em } .paddlenav .paddlenav-arrow-previous::before, .paddlenav .paddlenav-arrow-previous::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: '' } .paddlenav .paddlenav-arrow-previous::before, .paddlenav .paddlenav-arrow-previous::after { text-decoration:none } .paddlenav .paddlenav-arrow-previous::before { display:none } .paddlenav .paddlenav-arrow-previous::before, .paddlenav .paddlenav-arrow-previous::after { content: "" } .paddlenav .paddlenav-arrow-previous::after { margin-left:-.044em } .paddlenav .paddlenav-arrow-up::before, .paddlenav .paddlenav-arrow-up::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: '' } .paddlenav .paddlenav-arrow-up::before, .paddlenav .paddlenav-arrow-up::after { text-decoration:none } .paddlenav .paddlenav-arrow-up::before { display:none } .paddlenav .paddlenav-arrow-up::before, .paddlenav .paddlenav-arrow-up::after { content: "" } .paddlenav .paddlenav-arrow-down::before, .paddlenav .paddlenav-arrow-down::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: '' } .paddlenav .paddlenav-arrow-down::before, .paddlenav .paddlenav-arrow-down::after { text-decoration:none } .paddlenav .paddlenav-arrow-down::before { display:none } .paddlenav .paddlenav-arrow-down::before, .paddlenav .paddlenav-arrow-down::after { content: "" } } .paddlenav-compact .paddlenav-arrow { font-weight: 300; width: 3.05882rem; height: 3.05882rem; border-radius: 3.05882rem; font-size: 53px; line-height:3.05882rem } .paddlenav-compact .paddlenav-arrow-next, .paddlenav-compact .paddlenav-arrow-previous { margin-top:-1.52941rem } .paddlenav-compact .paddlenav-arrow-up, .paddlenav-compact .paddlenav-arrow-down { margin-left:-1.52941rem } .paddlenav-compact .paddlenav-arrow-next::before, .paddlenav-compact .paddlenav-arrow-next::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: '' } .paddlenav-compact .paddlenav-arrow-next::before, .paddlenav-compact .paddlenav-arrow-next::after { text-decoration:none } .paddlenav-compact .paddlenav-arrow-next::before { display:none } .paddlenav-compact .paddlenav-arrow-next::before, .paddlenav-compact .paddlenav-arrow-next::after { content: "" } .paddlenav-compact .paddlenav-arrow-next::after { margin-right:-.044em } .paddlenav-compact .paddlenav-arrow-previous::before, .paddlenav-compact .paddlenav-arrow-previous::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: '' } .paddlenav-compact .paddlenav-arrow-previous::before, .paddlenav-compact .paddlenav-arrow-previous::after { text-decoration:none } .paddlenav-compact .paddlenav-arrow-previous::before { display:none } .paddlenav-compact .paddlenav-arrow-previous::before, .paddlenav-compact .paddlenav-arrow-previous::after { content: "" } .paddlenav-compact .paddlenav-arrow-previous::after { margin-left:-.044em } .paddlenav-compact .paddlenav-arrow-up::before, .paddlenav-compact .paddlenav-arrow-up::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: '' } .paddlenav-compact .paddlenav-arrow-up::before, .paddlenav-compact .paddlenav-arrow-up::after { text-decoration:none } .paddlenav-compact .paddlenav-arrow-up::before { display:none } .paddlenav-compact .paddlenav-arrow-up::before, .paddlenav-compact .paddlenav-arrow-up::after { content: "" } .paddlenav-compact .paddlenav-arrow-down::before, .paddlenav-compact .paddlenav-arrow-down::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: '' } .paddlenav-compact .paddlenav-arrow-down::before, .paddlenav-compact .paddlenav-arrow-down::after { text-decoration:none } .paddlenav-compact .paddlenav-arrow-down::before { display:none } .paddlenav-compact .paddlenav-arrow-down::before, .paddlenav-compact .paddlenav-arrow-down::after { content: "" } .paddlenav-framed .paddlenav-arrow { background-color: rgba(210, 210, 215, 0.2); color:rgba(134, 134, 139, 0.8) } .paddlenav-framed .paddlenav-arrow:hover { background-color: rgba(210, 210, 215, 0.28); color:#86868b } .paddlenav-framed .paddlenav-arrow:active { background-color: rgba(210, 210, 215, 0.36); color: #86868b } .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover, .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover { background-color: rgba(210, 210, 215, 0.28); color: #86868b } .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active, .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active { background-color: rgba(210, 210, 215, 0.36); color:#86868b } .paddlenav-framed .paddlenav-arrow-next { right:18px } .paddlenav-framed .paddlenav-arrow-previous { left:18px } .paddlenav-framed .paddlenav-arrow-up { top:18px } .paddlenav-framed .paddlenav-arrow-down { bottom:18px } .with-paddlenav { position:relative } html.no-touch .with-paddlenav-onhover .paddlenav-arrow { opacity: 0; transition:250ms background-color linear, 250ms color linear, 250ms opacity linear } html.no-touch .with-paddlenav-onhover .paddlenav-arrow:focus { opacity:1 } html.no-touch .with-paddlenav-onhover:hover .paddlenav-arrow { opacity:1 } html.no-touch .with-paddlenav-onhover .paddlenav-arrow:disabled, html.no-touch .with-paddlenav-onhover .paddlenav-arrow.disabled { opacity:0 } .with-paddlenav-visuallyhidden .paddlenav-arrow { 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%) } .with-paddlenav-visuallyhidden .paddlenav-arrow:focus, .with-paddlenav-visuallyhidden .paddlenav-arrow:hover { clip: auto; -webkit-clip-path: none; clip-path:none } .button { cursor: pointer; display: inline-block; text-align: center; white-space: nowrap; font-size: 17px; line-height: 1.17648; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; min-width: 28px; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; border-radius: 980px; background: #0071e3; color:#fff } .button:hover { text-decoration:none } .button:focus { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .button:active { outline:none } .button:disabled, .button.disabled { cursor:default } .button:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button: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 } .button:lang(ko) { 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 } .button:lang(zh) { letter-spacing:0em } .button:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button: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 } .button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button:hover { background:#0077ED } .button:active { background:#006EDB } .button:disabled, .button.disabled { background: #0071e3; color: #fff; opacity:.32 } .button-block { box-sizing: border-box; display: block; width: 100%; border-radius:8px } .button-neutral { background: #1d1d1f; color:#fff } .button-neutral:hover { background:#272729 } .button-neutral:active { background:#18181A } .button-neutral:disabled, .button-neutral.disabled { background: #1d1d1f; color: #fff; opacity:.32 } .button-secondary { background: #e8e8ed; color:#000 } .button-secondary:hover { background:#EBEBF0 } .button-secondary:active { background:#E6E6EB } .button-secondary:disabled, .button-secondary.disabled { background: #e8e8ed; color: #000; opacity:.56 } .button-secondary-alpha { background: rgba(0, 0, 0, 0.08); color:#000 } .button-secondary-alpha:hover { background:rgba(0, 0, 0, 0.07) } .button-secondary-alpha:active { background:rgba(0, 0, 0, 0.09) } .button-secondary-alpha:disabled, .button-secondary-alpha.disabled { background: rgba(0, 0, 0, 0.08); color: #000; opacity:.56 } .button-super { font-size: 17px; line-height: 1.17648; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; min-width: 28px; padding-left: 31px; padding-right: 31px; padding-top: 18px; padding-bottom:18px } .button-super:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-super: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 } .button-super:lang(ko) { 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 } .button-super:lang(zh) { letter-spacing:0em } .button-super:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-super:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-super:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-super: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 } .button-super:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-super.button-block { border-radius:12px } .button-elevated { font-size: 17px; line-height: 1.17648; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; min-width: 26px; padding-left: 22px; padding-right: 22px; padding-top: 12px; padding-bottom:12px } .button-elevated:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-elevated: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 } .button-elevated:lang(ko) { 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 } .button-elevated:lang(zh) { letter-spacing:0em } .button-elevated:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-elevated:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-elevated:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-elevated: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 } .button-elevated:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-elevated.button-block { border-radius:10px } .button-reduced { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; min-width: 23px; padding-left: 11px; padding-right: 11px; padding-top: 4px; padding-bottom:4px } .button-reduced:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-reduced: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 } .button-reduced:lang(ko) { 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 } .button-reduced:lang(zh) { letter-spacing:0em } .button-reduced:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-reduced:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-reduced:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-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 } .button-reduced:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .button-reduced.button-block { border-radius:5px } .callout { 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; box-sizing: border-box; border: 1px solid; padding: 2.23529em 8.33333% 2.11765em; border-radius: 18px; background-color: #f5f5f7; border-color: transparent; color:#1d1d1f } .callout > :first-child { margin-top:0 } .callout > :last-child { margin-bottom:0 } .callout: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 } .callout: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 } .callout:lang(ko) { line-height: 1.58824; 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 } .callout:lang(zh) { letter-spacing:0em } .callout:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout: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 } .callout:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout .callout-title { color:#1d1d1f } .callout-reduced { border-radius:15px } .callout-reduced .callout-title { 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 } .callout-reduced .callout-title:lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-reduced .callout-title: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 } .callout-reduced .callout-title: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 } .callout-reduced .callout-title:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-reduced .callout-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-reduced .callout-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-reduced .callout-title: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 } .callout-reduced .callout-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-icon { margin-bottom:15px } .callout-icon:first-child { margin-top:5px } .callout-title { 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; margin-top:0 } .callout-title: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 } .callout-title: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 } .callout-title:lang(ko) { line-height: 1.21875; 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 } .callout-title:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title: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 } .callout-title: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) { .callout-title { 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 } .callout-title: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 } .callout-title:lang(th) { line-height: 1.39286; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title: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 } .callout-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title: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 } .callout-title: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: 734px) { .callout-title { 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 } .callout-title:lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title: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 } .callout-title: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 } .callout-title:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .callout-title: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 } .callout-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .callout-environment { background-color: #f6f6ee; border-color: transparent; color:#1d1d1f } .callout-environment .callout-title { color:#548c8c } .contentnav { text-align:center } .contentnav-items { margin: 0; list-style: none; display: inline-block; max-width:960px } @media only screen and (max-width: 1068px) { .contentnav-items { max-width:576px } } @media only screen and (max-width: 734px) { .contentnav-items { width: 384px; max-width:100% } } .contentnav-item { float: left; margin: 28px 0; width:192px } .contentnav-item:nth-last-child(6):first-child ~ :nth-child(3n + 1) { clear:left } .contentnav-item:nth-last-child(7):first-child ~ :nth-child(4n + 1) { clear:left } .contentnav-item:nth-last-child(8):first-child ~ :nth-child(4n + 1) { clear:left } .contentnav-item:nth-last-child(11):first-child ~ :nth-child(4n + 1) { clear:left } .contentnav-item:nth-last-child(12):first-child ~ :nth-child(4n + 1) { clear:left } .contentnav-item:nth-last-child(16):first-child ~ :nth-child(4n + 1) { clear:left } @media only screen and (max-width: 1068px) { .contentnav-item:first-child:first-child ~ :nth-child(1n) { clear:none } .contentnav-item:first-child:first-child ~ :nth-child(3n + 1) { clear:left } } @media only screen and (max-width: 734px) { .contentnav-item { width:50% } .contentnav-item:first-child:first-child ~ :nth-child(1n) { clear:none } .contentnav-item:first-child:first-child ~ :nth-child(2n + 1) { clear:left } } .contentnav-content { margin: 0 auto; width:122px } .contentnav-icon { display: block; margin:0 auto } .contentnav-title { font-size: 17px; line-height: 1.23536; font-weight: 600; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin-top: 17px; margin-bottom:6px } .contentnav-title:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-title: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 } .contentnav-title:lang(ko) { line-height: 1.35296; 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 } .contentnav-title:lang(zh) { letter-spacing:0em } .contentnav-title:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-title: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 } .contentnav-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-copy, .contentnav-cta { font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin:0 } .contentnav-copy:lang(ar), .contentnav-cta: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 } .contentnav-copy:lang(ja), .contentnav-cta: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 } .contentnav-copy:lang(ko), .contentnav-cta: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 } .contentnav-copy:lang(zh), .contentnav-cta:lang(zh) { letter-spacing:0em } .contentnav-copy:lang(th), .contentnav-cta:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-copy:lang(zh-CN), .contentnav-cta:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-copy:lang(zh-HK), .contentnav-cta:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-copy:lang(zh-MO), .contentnav-cta: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 } .contentnav-copy:lang(zh-TW), .contentnav-cta:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .contentnav-cta { margin-top:.8em } .contentnav .contentnav-title { color:#1d1d1f } .sosumi { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#86868b } .sosumi: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 } .sosumi: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 } .sosumi:lang(ko) { line-height: 1.41667; 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 } .sosumi:lang(zh) { letter-spacing:0em } .sosumi:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .sosumi:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .sosumi:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .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 } .sosumi:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .sosumi * { margin: 0; padding:0 } .sosumi ul { list-style:none } .sosumi ol { list-style: decimal outside; padding-left: 1.33333em; padding-right:1.33333em } .sosumi li, .sosumi p { padding-bottom:.8em } .sosumi small { font-size:1em } .sosumi > :last-child { margin-bottom:-.8em } .sosumi a { color:#515154 } @keyframes ac-gn-item-searchshow { 0% { transform: scale(1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); opacity:1 } 40% { opacity:1 } 100% { transform: scale(0.7); opacity:0 } } @keyframes ac-gn-item-searchhide { 0% { transform: scale(0.7); opacity:0 } 60% { opacity:1 } 100% { transform: scale(1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); opacity:1 } } @keyframes ac-gn-item-searchshow-small { 0% { transform: translateY(0); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); opacity:1 } 100% { transform: translateY(-200px); opacity:0 } } @keyframes ac-gn-item-searchhide-small { 0% { animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); opacity:0 } 100% { opacity:1 } } @keyframes ac-gn-curtain-show { 0% { animation-timing-function: ease; opacity:0 } 100% { opacity:1 } } @keyframes ac-gn-searchview-searchhide { 0% { animation-timing-function: ease; opacity:1 } 99% { opacity:0 } 100% { visibility:hidden } } @keyframes ac-gn-searchview-searchshow { 0% { visibility: visible; animation-timing-function: ease; opacity:0 } 100% { opacity:1 } } @keyframes ac-gn-searchview-close-searchshow-small { 0% { transform: translateY(100%); animation-timing-function:cubic-bezier(1, 0, 0, 1) } 100% { transform:translateY(0) } } @keyframes ac-gn-searchview-close-searchhide-small { 0% { transform: translateY(0); animation-timing-function:cubic-bezier(1, 0, 0, 1) } 100% { transform:translateY(100%) } } @keyframes ac-gn-searchview-close-left-searchshow { 0% { transform: scale3d(1, 0.65, 1); animation-timing-function: ease; opacity:0 } 100% { transform: rotate(-45deg); opacity:1 } } @keyframes ac-gn-searchview-close-left-searchhide { 0% { transform: rotate(-45deg); animation-timing-function: ease; opacity:1 } 100% { transform: scale3d(1, 0.65, 1); opacity:0 } } @keyframes ac-gn-searchview-close-left-searchshow-small { 0% { transform: rotate(40deg); animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1) } 100% { transform:rotate(-40deg) } } @keyframes ac-gn-searchview-close-left-searchhide-small { 0% { transform: rotate(-40deg); animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1) } 100% { transform:rotate(40deg) } } @keyframes ac-gn-searchview-close-right-searchshow { 0% { transform: scale3d(1, 0.65, 1); animation-timing-function: ease; opacity:0 } 100% { transform: rotate(45deg); opacity:1 } } @keyframes ac-gn-searchview-close-right-searchhide { 0% { transform: rotate(45deg); animation-timing-function: ease; opacity:1 } 100% { transform: scale3d(1, 0.65, 1); opacity:0 } } @keyframes ac-gn-searchview-close-right-searchshow-small { 0% { transform: rotate(-40deg); animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1) } 100% { transform:rotate(40deg) } } @keyframes ac-gn-searchview-close-right-searchhide-small { 0% { transform: rotate(40deg); animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1) } 100% { transform:rotate(-40deg) } } @keyframes ac-gn-searchform-slide { 0% { transform: translate3d(100px, 0, 0); animation-timing-function:cubic-bezier(0.11393, 0.8644, 0.14684, 1) } 100% { transform:translateZ(0) } } @keyframes ac-gn-searchform-fade { 0% { animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); opacity:0 } 100% { opacity:1 } } @keyframes ac-gn-searchinput-fade { 0% { opacity:0 } 100% { opacity:1 } } @keyframes ac-gn-searchresults-show { 0% { animation-timing-function: ease; opacity:0 } 100% { opacity:1 } } @keyframes ac-gn-searchresults-items-show { 0% { transform: translateX(100px); animation-timing-function: ease; opacity:0 } 100% { transform: none; opacity:1 } } @keyframes ac-gn-list-searchshow { 0% { transform: translateY(0); animation-timing-function:cubic-bezier(1, 0, 0, 1) } 100% { transform:translateY(-100%) translateY(58px) } } @keyframes ac-gn-apple-searchshow { 0% { transform: translate3d(-50%, 0, 0); animation-timing-function:cubic-bezier(1, 0, 0, 1) } 100% { transform:translate3d(-50%, -100%, 0) } } @keyframes ac-gn-apple-searchhide { 0% { transform: translate3d(-50%, -100%, 0); animation-timing-function:cubic-bezier(1, 0, 0, 1) } 100% { transform:translate3d(-50%, 0, 0) } } .search-block { position: relative; display:none } @media only screen and (max-width: 1068px) { .search-block { position: absolute; width:100% } } .searchshow .search-block { display: block; animation:ac-gn-searchview-searchshow 400ms both } .searchhide .search-block { animation:ac-gn-searchview-searchhide 600ms 200ms both } .ie-11 .searchhide .search-block { animation: none; visibility:hidden } .search-block input, .search-block button { border: none; background-color:transparent } .search-block .search-content { position: absolute; top: 0; left: 16.66667%; width: 66.66667%; z-index: 3; pointer-events:none } @media only screen and (max-width: 1068px) { .search-block .search-content { top: 17px; left: 0; bottom: 0; right: 0; width: 100%; height: auto; visibility:hidden } .searchshow .search-block .search-content, .searchopen .search-block .search-content, .searchhide .search-block .search-content { animation: none; visibility:visible } .searchopen .search-block .search-content { height:100vh } } .searchshow .search-block .search-content, .searchopen .search-block .search-content { pointer-events:all } .searchhide .search-block .search-content { animation:ac-gn-searchview-searchhide 200ms both } .search-block .searchform { height: 52px; line-height:52px } .searchshow .search-block .searchform { animation:ac-gn-searchform-fade 400ms 400ms both } .searchhide .search-block .searchform { animation: none; opacity:0 } @media only screen and (max-width: 1068px) { .search-block .searchform { padding:0 58px } .searchshow .search-block .searchform { animation: none; opacity:0 } .searchhide .search-block .searchform, .searchopen .search-block .searchform { opacity:1 } } .search-block .searchform .wrapper { padding-left: 40px; position: relative; z-index:2 } @media only screen and (max-width: 1068px) { .search-block .searchform .wrapper { background: #000; border-bottom: 1px solid #ccc; padding: 0 24px; height:52px } .searchopen .search-block .searchform .wrapper { right:auto } } .searchshow .search-block .searchform .wrapper { animation:ac-gn-searchform-slide 1s 400ms both } @media only screen and (max-width: 1068px) { .searchshow .search-block .searchform .wrapper { animation:none } } .touch .searchshow .search-block .searchform .wrapper { animation:none } .search-block .searchform .wrapper .input { font-size: 17px; line-height: 1.29412; letter-spacing: -.021em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #fff; outline: none; width: 100%; height:1.29412em } @media only screen and (max-width: 1068px) { .search-block .searchform .wrapper .input { line-height: 1.26471; height:1.26471em } } .touch .search-block .searchform .wrapper .input .searchshow .search-block .searchform .wrapper .input { transform:translateY(-200px) } @media only screen and (max-width: 1068px) { .touch .search-block .searchform .wrapper .input .searchshow .search-block .searchform .wrapper .input { transform:none } } .touch .search-block .searchform .wrapper .input .searchopen .search-block .searchform .wrapper .input { animation:ac-gn-searchinput-fade 200ms both } @media only screen and (max-width: 1068px) { .touch .search-block .searchform .wrapper .input .searchopen .search-block .searchform .wrapper .input { animation:none } } .search-block .searchform .wrapper .input::-moz-placeholder { color: #888; opacity:1 } .search-block .searchform .wrapper .input:-ms-input-placeholder { color: #888; opacity:1 } .search-block .searchform .wrapper .input::placeholder { color: #888; opacity:1 } @media only screen and (max-width: 1068px) { .search-block .searchform .wrapper .input::-moz-placeholder { color:#666 } .search-block .searchform .wrapper .input:-ms-input-placeholder { color:#666 } .search-block .searchform .wrapper .input::placeholder { color:#666 } } .search-block .searchform .wrapper .submit { left: 0; position: absolute; z-index: 1; top: 0; width: 40px; height: 52px; cursor: pointer; background-repeat: no-repeat; background-image: url("/legal/internal/assets/a/images/shared/search_icon__c5yg5tbwuzsm_large.svg"); background-position: 10px 50%; background-repeat: no-repeat; transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) } @media only screen and (max-width: 1068px) { .search-block .searchform .wrapper .submit { background-repeat: no-repeat; background-image: url("/legal/internal/assets/a/images/shared/search_icon__c5yg5tbwuzsm_large.svg"); width: 20px; background-position:0 50% } } .no-svg .search-block .searchform .wrapper .submit { background-image: url("../images/search_icon_large.png") } @media only screen and (max-width: 1068px) { .no-svg .no-svg .search-block .searchform .wrapper .submit { background-image: url("../images/search_icon_small.png") } } .search-block .searchform .wrapper .submit:-moz-focusring { outline:1px dotted #fff } .search-block .searchform .wrapper .submit::-moz-focus-inner { border:0 } .search-block .searchform .wrapper .submit:hover, .search-block .searchform .wrapper .submit:active { opacity:.65 } .touch .search-block .searchform .wrapper .submit:hover, .touch .search-block .searchform .wrapper .submit:active { opacity:1 } .search-block .searchform .wrapper .submit:focus { outline-offset:-7px } @media only screen and (max-width: 1068px) { .search-block .searchform .wrapper .submit:focus { outline-offset:0 } } .search-block .searchform .wrapper .submit[disabled] { opacity: 1; cursor:default } .search-block .searchform .wrapper .searchform-reset { right: 0; display: none; position: absolute; z-index: 1; top: 0; cursor:pointer } .search-block .searchform .wrapper .searchform-reset:-moz-focusring { outline:1px dotted #fff } .search-block .searchform .wrapper .searchform-reset::-moz-focus-inner { border:0 } @media only screen and (max-width: 1068px) { .search-block .searchform .wrapper .searchform-reset { width: 22px; height: 42px; background-size: 22px 42px; background-repeat: no-repeat; background-image: url("../images/search_icon_reset_small.svg"); cursor: default; display: block; opacity: 0; pointer-events: none; transition:opacity 300ms ease } .with-reset .search-block .searchform .wrapper .searchform-reset { cursor: pointer; opacity: 1; pointer-events:auto } .no-svg .search-block .searchform .wrapper .searchform-reset { background-image: url("../images/search_icon_reset_small.png") } } .search-block .search-close { right: -8px; position: absolute; z-index: 3; width: 38px; height: 52px; top: 3px; opacity: 1; color: #fff; cursor: pointer; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-tap-highlight-color:transparent } .search-block .search-close:-moz-focusring { outline:1px dotted #fff } .search-block .search-close::-moz-focus-inner { border:0 } .search-block .search-close:hover, .search-block .search-close:active { opacity:.65 } .touch .search-block .search-close:hover, .touch .search-block .search-close:active { opacity:1 } .search-block .search-close:focus { outline-offset:-7px } .search-block .search-close:focus:active { outline:none } .searchshow .search-block .search-close { transform:translateZ(0) } @media only screen and (max-width: 1068px) { .searchshow .search-block .search-close { left: calc(50% - 19px); top:-52px } } .searchhide .search-block .search-close { transform:translateZ(0) } @media only screen and (max-width: 1068px) { .searchhide .search-block .search-close { display: none; left: 50%; margin-left: -24px; width: 48px; height: 48px; z-index: 3; overflow:hidden } } .search-block .search-close .close-wrapper { display: block; width: 100%; height:100% } @media only screen and (max-width: 1068px) { .searchshow .search-block .search-close .close-wrapper { animation:ac-gn-searchview-close-searchshow-small 600ms 150ms both } .searchopen .search-block .search-close .close-wrapper { transform:none } .searchhide .search-block .search-close .close-wrapper { animation:none } } .search-block .search-close .close-left, .search-block .search-close .close-right { height: 18px; width: 1px; background: #fff; position: absolute; display: block; top: 11px; z-index:1 } @media only screen and (max-width: 1068px) { .search-block .search-close .close-left, .search-block .search-close .close-right { top: 20px; height: 1px; width:12px } } .search-block .search-close .close-left { right: 12px; transform: scale3d(1, 0.65, 1); transform-origin:0 100% } .searchshow .search-block .search-close .close-left { animation:ac-gn-searchview-close-left-searchshow 300ms both } .searchopen .search-block .search-close .close-left { transform:rotate(-45deg) } .searchhide .search-block .search-close .close-left { animation:ac-gn-searchview-close-left-searchhide 300ms both } @media only screen and (max-width: 1068px) { .search-block .search-close .close-left { left: auto; right: 50%; transform: rotate(40deg); transform-origin:100% 100% } .searchshow .search-block .search-close .close-left { animation:ac-gn-searchview-close-left-searchshow-small 600ms 225ms both } .searchopen .search-block .search-close .close-left { transform:rotate(-40deg) } .searchhide .search-block .search-close .close-left { animation:ac-gn-searchview-close-left-searchhide-small 600ms 150ms both } } .search-block .search-close .close-right { left: 12px; transform: scale3d(1, 0.65, 1); transform-origin:100% 100% } .searchshow .search-block .search-close .close-right { animation:ac-gn-searchview-close-right-searchshow 300ms both } .searchopen .search-block .search-close .close-right { transform:rotate(45deg) } .searchhide .search-block .search-close .close-right { animation:ac-gn-searchview-close-right-searchhide 300ms both } @media only screen and (max-width: 1068px) { .search-block .search-close .close-right { left: 50%; transform: rotate(-40deg); transform-origin:0 0 } .searchshow .search-block .search-close .close-right { animation:ac-gn-searchview-close-right-searchshow-small 600ms 225ms both } .searchopen .search-block .search-close .close-right { transform:rotate(40deg) } .searchhide .search-block .search-close .close-right { animation:ac-gn-searchview-close-right-searchhide-small 600ms 150ms both } } .search-block .searchresults { font-size: 14px; line-height: 2; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; display: none; background: #fff; border-top: none; color: #888; max-height: calc(100% - 52px); overflow-x: hidden; overflow-y: auto; white-space:nowrap } @media only screen and (max-width: 1068px) { .search-block .searchresults { font-size: 15px; line-height: 2.86667; letter-spacing: -.018em; background: transparent; border: none; color: #999; max-height: none; padding: 52px 58px 48px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; margin: 0; opacity:0 } .search-block .searchresults:first-child { border-top:none } .searchshow .search-block .searchresults { animation: ac-gn-searchresults-show 300ms 800ms both; overflow-y:hidden } .searchopen .search-block .searchresults { overflow-y:auto } .searchhide .search-block .searchresults { animation:ac-gn-searchresults-show 200ms 100ms both reverse } .ie-11 .searchhide .search-block .searchresults { animation: none; visibility:hidden } } .search-block .searchresults.with-content { display:block } .search-block .searchresults.with-content-initial { animation:ac-gn-searchresults-show 200ms both } .search-block .searchresults-section { border-top: 1px solid #d6d6d6; margin: 0 40px; padding:24px 0 18px } @media only screen and (max-width: 1068px) { .search-block .searchresults-section { border-color: #ccc; margin: 0; padding:23px 0 40px } } .search-block .searchresults-section:first-child { border-top:none } .search-block .searchresults-header { font-size: 11px; line-height: 1; letter-spacing: .005em; font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#888 } @media only screen and (max-width: 1068px) { .search-block .searchresults-header { color:#999 } } .search-block .searchresults-list { list-style:none } @media only screen and (max-width: 1068px) { .search-block .searchresults-list { padding:4px 0 } } .search-block .searchresults-item { margin:6px -32px } @media only screen and (max-width: 1068px) { .search-block .searchresults-item { margin:0 } } .search-block .searchresults-link { color: #1d1d1f; display: block; padding: 0 48px; text-decoration:none } .search-block .searchresults-link b { color:#333 } .search-block .searchresults-link.current, .search-block .searchresults-link:hover { background-color: #f2f2f2; color:#0070c9 } .search-block .searchresults-link.current b, .search-block .searchresults-link:hover b { color:#0070c9 } @media only screen and (max-width: 1068px) { .search-block .searchresults-link { color: #999; padding:0 } .search-block .searchresults-link b { color:#fff } .search-block .searchresults-link.current { background-color: transparent; color:#6bf } .search-block .searchresults-link.current b { color:#6bf } } .search-block .searchresults-link-suggestions { background-repeat: no-repeat; background-image: url("../images/search_iconsuggested_large.svg"); padding-left: 70px; background-position:48px -1px } .no-svg .search-block .searchresults-link-suggestions { background-image: url("../images/search_iconsuggested_large.png") } @media only screen and (max-width: 1068px) { .no-svg .search-block .searchresults-link-suggestions { background-image: url("../images/search_iconsuggested_small.png") } } @media only screen and (max-width: 1068px) { .search-block .searchresults-link-suggestions { background-repeat: no-repeat; background-image: url("../images/search_iconsuggested_small.svg"); background-position: left 1px; padding-left:26px } } .search-block .searchresults-link-suggestions.current { background-position:48px -33px } @media only screen and (max-width: 1068px) { .search-block .searchresults-link-suggestions.current { background-position:left -41px } } .search-block .searchresults-link-defaultlinks { color:#333 } @media only screen and (max-width: 1068px) { .search-block .searchresults-link-defaultlinks { color:#ccc } } .search-block .searchresults-animated { animation:ac-gn-searchresults-items-show 400ms both } @media only screen and (max-width: 1068px) { .search-block .searchresults-animated { animation:none } } .searchhide .search-block .searchresults-animated { animation:none } .search-block .searchresults-animated.searchresults-header { animation-delay:0s } .search-block .searchresults-animated:nth-child(1) { animation-delay:20ms } .search-block .searchresults-animated:nth-child(2) { animation-delay:40ms } .search-block .searchresults-animated:nth-child(3) { animation-delay:60ms } .search-block .searchresults-animated:nth-child(4) { animation-delay:80ms } .search-block .searchresults-animated:nth-child(5) { animation-delay:100ms } .search-block .searchresults-animated:nth-child(6) { animation-delay:120ms } .search-block .searchresults-animated:nth-child(7) { animation-delay:140ms } .search-block .searchresults-animated:nth-child(8) { animation-delay:160ms } .search-block .searchresults-animated:nth-child(9) { animation-delay:180ms } .search-block .searchresults-animated:nth-child(10) { animation-delay:200ms } .search-block .searchresults-noresults { display: block; padding: 0 32px; color: #888; line-height: 1.25; white-space:normal } @media only screen and (max-width: 1068px) { .search-block .searchresults-noresults { color: #ccc; padding:0 } } .as-search-results-count, .as-search-noresults { width: 980px; margin:0 auto } @media only screen and (max-width: 1068px) { .as-search-results-count, .as-search-noresults { width:87.5% } } .as-search-results-count .as-search-results-value { font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0; font-family: SF Pro Text, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif; color:#888 } .as-search-results-count .as-search-results-value:lang(ar) { font-family:SF Pro AR, SF Pro Gulf, SF Pro Text, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif } .as-search-results-count .as-search-results-value:lang(ja) { font-family: SF Pro JP, SF Pro Text, SF Pro Icons, AOS Icons, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ï¼­ï¼³ Ｐゴシック", Helvetica Neue, Helvetica, Arial, sans-serif } .as-search-results-count .as-search-results-value:lang(ko) { font-family:SF Pro KR, SF Pro Text, SF Pro Icons, AOS Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif } .as-search-results-count .as-search-results-value:lang(th) { font-family:SF Pro TH, SF Pro Text, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif } .as-search-results-count .as-search-results-value:lang(zh-CN) { font-family:SF Pro SC, SF Pro Text, SF Pro Icons, AOS Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif } .as-search-results-count .as-search-results-value:lang(zh-HK) { font-family:SF Pro HK, SF Pro Text, SF Pro Icons, AOS Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif } .as-search-results-count .as-search-results-value:lang(zh-MO) { font-family:SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, AOS Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif } .as-search-results-count .as-search-results-value:lang(zh-TW) { font-family:SF Pro TC, SF Pro Text, SF Pro Icons, AOS Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif } .mainnav { position: fixed; background-color: #333; z-index: 9999; margin: 0; padding: 0; width: 100%; min-width: 1024px; height: 52px; max-height: 52px; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: content-box; pointer-events: auto; will-change:height } .mainnav.localnav-top-sticky { position: relative; top: 0; left: o; right:0 } .mainnav .badge-title { margin:0 } @media only screen and (max-width: 1068px) { .mainnav { min-width: 320px; max-height:none } .mainnav.active { position: fixed; height: 100%; background: #000; will-change: background, height; transition:background 0.35s linear, height 0.35s ease-in 200ms } .mainnav.active .item-block .mainnav-items { display:block } .mainnav.searchopen .badge-title-container, .mainnav.searchopen .item-block { display:none } .mainnav.searchshow .item-block { bottom: auto; animation:ac-gn-list-searchshow 800ms forwards } .mainnav.searchshow .mainnav-item { animation:ac-gn-item-searchshow-small .6s .2s both } .mainnav.searchshow .mainnav-item:last-of-type { animation: none; opacity:1 } .mainnav.searchshow .badge-title-container { animation:ac-gn-apple-searchshow 600ms 200ms both } .mainnav.searchhide .item-block { animation: ac-gn-list-searchshow .6s .2s both reverse; bottom:auto } .ie-11 .mainnav.searchhide .item-block { animation:none } .mainnav.searchhide .mainnav-item { animation:ac-gn-item-searchhide-small .6s .2s both } .mainnav.searchhide .mainnav-item:last-of-type { animation:ac-gn-item-searchhide-small .1s .1s both } .mainnav.searchhide .badge-title-container { animation:ac-gn-apple-searchhide 600ms 200ms both } } .mainnav.searchshow { overflow:visible } .mainnav.searchshow .badge-label { display:none } .mainnav.searchshow .mainnav-item { animation:ac-gn-item-searchshow 200ms both } .mainnav.searchhide .mainnav-item { animation:ac-gn-item-searchhide 200ms both } .mainnav-content { height: 100%; margin-left: auto; margin-right: auto; width:980px } @media only screen and (min-width: 1441px) { .mainnav-content { margin-left: auto; margin-right: auto; width:980px } } @media only screen and (max-width: 1068px) { .mainnav-content { margin-left: auto; margin-right: auto; width:692px } } @media only screen and (max-width: 734px) { .mainnav-content { margin-left: auto; margin-right: auto; width:87.5% } } @media only screen and (max-width: 480px) { .mainnav-content { margin-left: auto; margin-right: auto; width:90% } } @media only screen and (max-width: 1068px) { .mainnav-content { width:100% } } .mainnav .description-block { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; float:left } @media only screen and (max-width: 1068px) { .mainnav .description-block { height: 52px; float:none } } .mainnav .description-block .hamburger-container { display: none; width: 52px; height:52px } @media only screen and (max-width: 1068px) { .mainnav .description-block .hamburger-container { display:block } } .mainnav .description-block .hamburger-container a:link, .mainnav .description-block .hamburger-container a:hover, .mainnav .description-block .hamburger-container a:visited { color: white; text-decoration:none } @media only screen and (max-width: 1068px) { .mainnav .description-block .badge-title-container { position: absolute; height: 52px; left: 50%; transform: translateX(-50%); text-align: center; width:calc(100% -(52px * 2)) } } .mainnav .description-block .badge-title a:link, .mainnav .description-block .badge-title a:hover, .mainnav .description-block .badge-title a:visited { color: white; text-decoration:none } @media only screen and (max-width: 1068px) { .mainnav .description-block .badge-title { position: relative; top: 50%; transform:translateY(-50%) } } .mainnav .description-block .badge-icon { background-image: none; font-size:22px } @media only screen and (max-width: 1068px) { .mainnav .item-block { overflow:scroll } } .mainnav .item-block { height: 100%; text-align: right; float:right } @media only screen and (max-width: 1068px) { .mainnav .item-block { height: auto; margin-left: auto; margin-right: auto; text-align: left; float: none; position: absolute; z-index: 2; top: 52px; right: 0; bottom: 0; left: 0; margin: 0; padding: 0 52px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch } .mainnav .item-block:nth-child(2) { margin-top:20px } .mainnav .item-block:nth-child(9) { margin-bottom:52px } .mainnav .item-block:after { display:none } } .mainnav .item-block .mainnav-items { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; list-style: none; margin:0 } @media only screen and (max-width: 1068px) { .mainnav .item-block .mainnav-items { display: none; height:auto } } .mainnav .item-block .mainnav-items .mainnav-item { margin-left: 16px; white-space: nowrap; text-decoration: none; cursor: normal; color: #fff; font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item:first-child { margin-left:0 } @media only screen and (max-width: 1068px) { .mainnav .item-block .mainnav-items .mainnav-item:first-child { margin-left:10px } } .mainnav .item-block .mainnav-items .mainnav-item: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 } .mainnav .item-block .mainnav-items .mainnav-item: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 } .mainnav .item-block .mainnav-items .mainnav-item: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 } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh) { letter-spacing:0em } .mainnav .item-block .mainnav-items .mainnav-item:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item: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 } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } @media only screen and (max-width: 1068px) { .mainnav .item-block .mainnav-items .mainnav-item { margin: 10px; padding-bottom: 10px; border-bottom: 1px solid #1d1d1f; 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 } .mainnav .item-block .mainnav-items .mainnav-item: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 } .mainnav .item-block .mainnav-items .mainnav-item: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 } .mainnav .item-block .mainnav-items .mainnav-item:lang(ko) { line-height: 1.58824; 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 } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh) { letter-spacing:0em } .mainnav .item-block .mainnav-items .mainnav-item:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item: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 } .mainnav .item-block .mainnav-items .mainnav-item:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .mainnav .item-block .mainnav-items .mainnav-item:last-child { border-bottom:1px solid #ccc } } .mainnav .item-block .mainnav-items .mainnav-item a:link, .mainnav .item-block .mainnav-items .mainnav-item a:visited { color: white; text-decoration:none } .mainnav .item-block .mainnav-items .mainnav-item a:link.mainnav-search-icon, .mainnav .item-block .mainnav-items .mainnav-item a:visited.mainnav-search-icon { color:#888 } .mainnav .item-block .mainnav-items .mainnav-item a:link.share-icon, .mainnav .item-block .mainnav-items .mainnav-item a:visited.share-icon { color:#888 } .mainnav .item-block .mainnav-items .mainnav-item a:hover:not(.submit), .mainnav .item-block .mainnav-items .mainnav-item a.active { color: rgba(255, 255, 255, 0.6); text-decoration:none } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(1) { animation-delay:20ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(2) { animation-delay:40ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(3) { animation-delay:60ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(4) { animation-delay:80ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(5) { animation-delay:100ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(6) { animation-delay:120ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(7) { animation-delay:140ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(8) { animation-delay:160ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(9) { animation-delay:180ms } .mainnav .item-block .mainnav-items .mainnav-item:nth-child(10) { animation-delay:200ms } @media only screen and (max-width: 1068px) { .mainnav .library-section { display: -ms-flexbox; display:flex } } .mainnav-library-icon { height: 20px; display: block; background-repeat:no-repeat } .mainnav-library-icon img { height:20px } @media only screen and (max-width: 1068px) { .mainnav-library-icon { height: 26px; background-size:20px 20px } } .mainnav-library-icon .placeholder { display:none } @media only screen and (max-width: 1068px) { .mainnav-library-icon .placeholder { display: block; margin-left:10px } } .mainnav-search-icon { width: 20px; height: 20px; display: block; background-position: center; background-repeat: no-repeat; background-image: url("/legal/internal/assets/a/images/shared/search_icon__c5yg5tbwuzsm_large.svg") } @media only screen and (max-width: 1068px) { .mainnav-search-icon { height: 26px; background-size: 16px 40px; background-image: url("/legal/internal/assets/a/images/shared/search_icon__c5yg5tbwuzsm_large.svg") } } .mainnav-search-icon .placeholder { display:none } @media only screen and (max-width: 1068px) { .mainnav-search-icon .placeholder { display: block; margin-left: 24px; cursor:text } } @media only screen and (max-width: 1068px) { .mainnav .hamburger-container { cursor: pointer; will-change: opacity; transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) } .mainnav.active .hamburger-container { transform:rotate(90deg) } .mainnav .menuicon-bread { position: absolute; z-index: 3; top: 0; left: 0; width: 52px; height: 52px; will-change: opacity; transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) } .mainnav .menuicon-bread-top, .mainnav .menuicon-bread-bottom { will-change: transform; transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transform:rotate(0) } .mainnav .menuicon-bread-top { z-index:4 } .mainnav .menuicon-bread-crust { display: block; width: 17px; height: 1px; background: #fff; position: absolute; left: 16px; z-index: 1; will-change: transform; transition:transform 0.2s } .mainnav .menuicon-bread-crust-top { top: 23px; will-change: transform; transition: transform 0.2s 0.2s; transform:translateY(-3px) } .mainnav .menuicon-bread-crust-bottom { bottom: 23px; transform:translateY(3px) } .mainnav.active .menuicon-bread-top, .mainnav.active .menuicon-bread-bottom { transition-delay:0.2s } .mainnav.active .menuicon-bread-top { transform:rotate(45deg) } .mainnav.active .menuicon-bread-bottom { transform:rotate(-45deg) } .mainnav.active .menuicon-bread-crust-top { transform: translateY(4px); transition-delay:0 } .mainnav.active .menuicon-bread-crust-bottom { transition: transform 0.2s; transform:translateY(-4px) } } .mainnav .submit-button .filter-bar-dropdown { margin-top:inherit } .mainnav-curtain { background: rgba(0, 0, 0, 0.4); display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index:9998 } .mainnav-curtain.searchshow, .mainnav-curtain.searchopen { display:block } @media only screen and (max-width: 1068px) { .mainnav-curtain.searchshow, .mainnav-curtain.searchopen { display:none } } .mainnav-curtain.searchshow { animation:ac-gn-curtain-show 200ms both } .mainnav-curtain.searchhide { animation:ac-gn-curtain-show 200ms reverse both } .mainnav .item-block .mainnav-items .mainnav-item .share-button { border: 1px solid; padding: 2px 10px; border-radius:5px } .mainnav .item-block .mainnav-items .mainnav-item .filter-bar-dropdown-label { font-size:400 } .mainnav .item-block .mainnav-items .mainnav-item .filter-bar-dropdown-content a { color:black } .mainnav .item-block .mainnav-items .mainnav-item .filter-bar-dropdown-content a:hover { color:#0070c9 } @media only screen and (max-width: 1068px) { .mainnav .item-block .mainnav-items .mainnav-item .filter-bar-dropdown-content a { color:#fff } .mainnav .item-block .mainnav-items .mainnav-item .filter-bar-dropdown-content a:hover { color:#fff } } .mainnav-item .filter-bar-dropdown-label { font-weight: inherit; margin-right:0 } .mainnav-item .filter-bar-dropdown-content { overflow: visible; right:0 } .mainnav-item .filter-bar-dropdown-content .tb-tooltip__content { padding:10px } @media only screen and (max-width: 1068px) { .mainnav .filter-bar-dropdown { line-height:inherit } .mainnav .filter-bar-dropdown-option { padding:5px 16px } .mainnav .filter-bar-dropdown-label { font-size: 17px; font-weight: 400; line-height:inherit } .mainnav .filter-bar-dropdown-content-list { color: #fff; background:black } .mainnav .filter-bar-dropdown-option--selected { background:inherit } } .mainnav-content .filter-bar-dropdown-content-list { padding:5px 0 } .lgs-hero.hero-centered { text-align: center; padding-bottom:65px } @media only screen and (max-width: 734px) { .lgs-hero.hero-centered { text-align: left; padding-bottom:45px } } .lgs-hero.hero-centered .column { border-bottom: 1px solid #d2d2d7; padding-bottom:60px } @media only screen and (max-width: 1068px) { .lgs-hero.hero-centered .column { padding-bottom:55px } } @media only screen and (max-width: 734px) { .lgs-hero.hero-centered .column { padding-bottom:45px } } .lgs-hero.hero-centered h1 { 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 } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1:lang(ko) { line-height: 1.2; 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 } .lgs-hero.hero-centered h1:lang(th) { line-height: 1.35; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1: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) { .lgs-hero.hero-centered h1 { 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 } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1:lang(ko) { line-height: 1.21875; 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 } .lgs-hero.hero-centered h1:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1: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: 734px) { .lgs-hero.hero-centered h1 { 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 } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1:lang(th) { line-height: 1.39286; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered h1: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 } .lgs-hero.hero-centered h1:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .lgs-hero.hero-centered p { 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; font-weight:400 } .lgs-hero.hero-centered p:lang(ar) { line-height: 1.36844; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered p: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 } .lgs-hero.hero-centered p:lang(ko) { line-height: 1.31579; 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 } .lgs-hero.hero-centered p:lang(th) { line-height: 1.36844; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered p:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered p:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-centered p: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 } .lgs-hero.hero-centered p:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p { font-size: 34px; line-height: 1.47059; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p:lang(zh) { letter-spacing:0em } .lgs-hero.hero-default p:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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) { .lgs-hero.hero-default p { font-size: 32px; line-height: 1.3125; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p:lang(zh) { letter-spacing:0em } .lgs-hero.hero-default p:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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: 734px) { .lgs-hero.hero-default p { font-size: 28px; line-height: 1.28583; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p:lang(zh) { letter-spacing:0em } .lgs-hero.hero-default p:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .lgs-hero.hero-default p: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 } .lgs-hero.hero-default p:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .lgs-hero:not(:first-of-type) { padding-top:105px } @media only screen and (max-width: 1068px) { .lgs-hero:not(:first-of-type) { padding-top:75px } } @media only screen and (max-width: 734px) { .lgs-hero:not(:first-of-type) { padding-top:80px } } .lgs-hero p { margin-top:25px } @media only screen and (max-width: 1068px) { .lgs-hero p { margin-top:20px } } .localnav ~ main { padding-top:0 } main { padding-top:52px } main .section.section-hero, main .section.lgs-hero { padding-top:70px } @media only screen and (max-width: 1068px) { main .section.section-hero, main .section.lgs-hero { padding-top:50px } } @media only screen and (max-width: 734px) { main .section.section-hero, main .section.lgs-hero { padding-top:35px } } .localnav.no-js { top:52px } .section-image-hero { padding-top: 0px; margin-bottom: 25px; overflow: hidden; width:100% } @media only screen and (max-width: 734px) { .section-image-hero { margin-bottom: 30px; margin-top:0 } } .section-image-hero h1 { 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 } .section-image-hero h1: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 } .section-image-hero h1: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 } .section-image-hero h1:lang(ko) { line-height: 1.2; 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 } .section-image-hero h1:lang(th) { line-height: 1.35; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1: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 } .section-image-hero h1: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) { .section-image-hero h1 { 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 } .section-image-hero h1: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 } .section-image-hero h1: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 } .section-image-hero h1:lang(ko) { line-height: 1.21875; 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 } .section-image-hero h1:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1: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 } .section-image-hero h1: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: 734px) { .section-image-hero h1 { 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 } .section-image-hero h1: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 } .section-image-hero h1:lang(th) { line-height: 1.39286; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1: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 } .section-image-hero h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero h1: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 } .section-image-hero h1:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .section-image-hero p { 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; font-weight: 400; margin-top:25px } .section-image-hero p:lang(ar) { line-height: 1.36844; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero p: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 } .section-image-hero p:lang(ko) { line-height: 1.31579; 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 } .section-image-hero p:lang(th) { line-height: 1.36844; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero p:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero p:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero p: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 } .section-image-hero p: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) { .section-image-hero p { margin-top:20px } } .section-image-hero p.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 } .section-image-hero p.typography-quote-reduced: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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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) { .section-image-hero p.typography-quote-reduced { font-size: 28px; line-height: 1.28583; font-weight: 400; letter-spacing: .007em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero p.typography-quote-reduced:lang(ko) { line-height: 1.39286; 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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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: 734px) { .section-image-hero p.typography-quote-reduced { font-size: 24px; line-height: 1.33341; font-weight: 400; letter-spacing: .009em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero p.typography-quote-reduced:lang(ar) { line-height: 1.5; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-image-hero p.typography-quote-reduced: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 } .section-image-hero p.typography-quote-reduced:lang(ko) { line-height: 1.45841; 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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } .section-image-hero p.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 } } .section-image-hero .image-hero { left: 50%; margin-left: -1280px; position: relative; z-index:1 } @media only screen and (max-width: 1068px) { .section-image-hero .image-hero { left: 50%; margin-left: -534px; position:relative } } @media only screen and (max-width: 734px) { .section-image-hero .image-hero { left: 50%; margin-left: -368px; position:relative } } .section-image-hero.ac-localnav-hero .section-content::after { background-color:#1d1d1f } .section-image-hero .text-hero { min-height: 168px; z-index: 2; position:relative } @media only screen and (max-width: 1068px) { .section-image-hero .text-hero { min-height:180px } } @media only screen and (max-width: 734px) { .section-image-hero .text-hero { padding-top: 56px; min-height:299px } } @media only screen and (max-width: 734px) { .section-image-hero .text-hero .typography-hero-headline { margin-top:60px } } @media only screen and (max-width: 734px) { .section-image-hero .text-hero .typography-hero-intro { width: 288px; margin-left: auto; margin-right:auto } } .section.section-hero .section-hero-with-background { margin:0 } @media only screen and (max-width: 1068px) { .section.section-hero .section-hero-with-background { margin:0 } } @media only screen and (max-width: 734px) { .section.section-hero .section-hero-with-background { margin:0 } } .section-hero-with-background { overflow: hidden; width: 100%; margin:0 0 20px } .section-hero-with-background .hero-image { left: 50%; margin-left: -1280px; position: relative; z-index:1 } @media only screen and (max-width: 1068px) { .section-hero-with-background .hero-image { margin-left:-534px } } @media only screen and (max-width: 734px) { .section-hero-with-background .hero-image { margin-left:-368px } } .section-hero-with-background .section-content.hero-text, .section-hero-with-background .section-content .hero-text { position: absolute; z-index: 2; left: 0; top:80px } @media only screen and (max-width: 734px) { .section-hero-with-background .section-content.hero-text, .section-hero-with-background .section-content .hero-text { top:60px } } .section-hero-with-background .section-content.hero-text h1, .section-hero-with-background .section-content .hero-text h1 { font-size: 48px; line-height: 1.08349; font-weight: 600; letter-spacing: -.003em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(ar), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(ja), .section-hero-with-background .section-content .hero-text h1:lang(ja) { line-height: 1.14599; 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 } .section-hero-with-background .section-content.hero-text h1:lang(ko), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(zh), .section-hero-with-background .section-content .hero-text h1:lang(zh) { letter-spacing:0em } .section-hero-with-background .section-content.hero-text h1:lang(th), .section-hero-with-background .section-content .hero-text h1:lang(th) { line-height: 1.33349; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-CN), .section-hero-with-background .section-content .hero-text h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-HK), .section-hero-with-background .section-content .hero-text h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-MO), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(zh-TW), .section-hero-with-background .section-content .hero-text h1: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) { .section-hero-with-background .section-content.hero-text h1, .section-hero-with-background .section-content .hero-text h1 { 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 } .section-hero-with-background .section-content.hero-text h1:lang(ar), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(ja), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(ko), .section-hero-with-background .section-content .hero-text h1:lang(ko) { line-height: 1.2; 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 } .section-hero-with-background .section-content.hero-text h1:lang(th), .section-hero-with-background .section-content .hero-text h1:lang(th) { line-height: 1.35; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-CN), .section-hero-with-background .section-content .hero-text h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-HK), .section-hero-with-background .section-content .hero-text h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-MO), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(zh-TW), .section-hero-with-background .section-content .hero-text h1: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: 734px) { .section-hero-with-background .section-content.hero-text h1, .section-hero-with-background .section-content .hero-text h1 { 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 } .section-hero-with-background .section-content.hero-text h1:lang(ar), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(ja), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(ko), .section-hero-with-background .section-content .hero-text h1:lang(ko) { line-height: 1.21875; 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 } .section-hero-with-background .section-content.hero-text h1:lang(th), .section-hero-with-background .section-content .hero-text h1:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-CN), .section-hero-with-background .section-content .hero-text h1:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-HK), .section-hero-with-background .section-content .hero-text h1:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text h1:lang(zh-MO), .section-hero-with-background .section-content .hero-text h1: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 } .section-hero-with-background .section-content.hero-text h1:lang(zh-TW), .section-hero-with-background .section-content .hero-text h1:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .section-hero-with-background .section-content.hero-text p, .section-hero-with-background .section-content.hero-text a, .section-hero-with-background .section-content .hero-text p, .section-hero-with-background .section-content .hero-text a { font-size: 21px; line-height: 1.381; font-weight: 400; letter-spacing: .011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:400 } .section-hero-with-background .section-content.hero-text p:lang(ar), .section-hero-with-background .section-content.hero-text a:lang(ar), .section-hero-with-background .section-content .hero-text p:lang(ar), .section-hero-with-background .section-content .hero-text a:lang(ar) { line-height: 1.52381; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(ja), .section-hero-with-background .section-content.hero-text a:lang(ja), .section-hero-with-background .section-content .hero-text p:lang(ja), .section-hero-with-background .section-content .hero-text a:lang(ja) { line-height: 1.4286; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(ko), .section-hero-with-background .section-content.hero-text a:lang(ko), .section-hero-with-background .section-content .hero-text p:lang(ko), .section-hero-with-background .section-content .hero-text a: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 } .section-hero-with-background .section-content.hero-text p:lang(th), .section-hero-with-background .section-content.hero-text a:lang(th), .section-hero-with-background .section-content .hero-text p:lang(th), .section-hero-with-background .section-content .hero-text a:lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(zh-CN), .section-hero-with-background .section-content.hero-text a:lang(zh-CN), .section-hero-with-background .section-content .hero-text p:lang(zh-CN), .section-hero-with-background .section-content .hero-text a:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(zh-HK), .section-hero-with-background .section-content.hero-text a:lang(zh-HK), .section-hero-with-background .section-content .hero-text p:lang(zh-HK), .section-hero-with-background .section-content .hero-text a:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(zh-MO), .section-hero-with-background .section-content.hero-text a:lang(zh-MO), .section-hero-with-background .section-content .hero-text p:lang(zh-MO), .section-hero-with-background .section-content .hero-text a: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 } .section-hero-with-background .section-content.hero-text p:lang(zh-TW), .section-hero-with-background .section-content.hero-text a:lang(zh-TW), .section-hero-with-background .section-content .hero-text p:lang(zh-TW), .section-hero-with-background .section-content .hero-text a: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: 734px) { .section-hero-with-background .section-content.hero-text p, .section-hero-with-background .section-content.hero-text a, .section-hero-with-background .section-content .hero-text p, .section-hero-with-background .section-content .hero-text a { font-size: 19px; line-height: 1.4211; font-weight: 400; letter-spacing: .012em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(ar), .section-hero-with-background .section-content.hero-text a:lang(ar), .section-hero-with-background .section-content .hero-text p:lang(ar), .section-hero-with-background .section-content .hero-text a: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 } .section-hero-with-background .section-content.hero-text p:lang(ja), .section-hero-with-background .section-content.hero-text a:lang(ja), .section-hero-with-background .section-content .hero-text p:lang(ja), .section-hero-with-background .section-content .hero-text a:lang(ja) { line-height: 1.47376; font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(ko), .section-hero-with-background .section-content.hero-text a:lang(ko), .section-hero-with-background .section-content .hero-text p:lang(ko), .section-hero-with-background .section-content .hero-text a:lang(ko) { line-height: 1.52632; 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 } .section-hero-with-background .section-content.hero-text p:lang(th), .section-hero-with-background .section-content.hero-text a:lang(th), .section-hero-with-background .section-content .hero-text p:lang(th), .section-hero-with-background .section-content .hero-text a:lang(th) { line-height: 1.36844; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(zh-CN), .section-hero-with-background .section-content.hero-text a:lang(zh-CN), .section-hero-with-background .section-content .hero-text p:lang(zh-CN), .section-hero-with-background .section-content .hero-text a:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(zh-HK), .section-hero-with-background .section-content.hero-text a:lang(zh-HK), .section-hero-with-background .section-content .hero-text p:lang(zh-HK), .section-hero-with-background .section-content .hero-text a:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hero-with-background .section-content.hero-text p:lang(zh-MO), .section-hero-with-background .section-content.hero-text a:lang(zh-MO), .section-hero-with-background .section-content .hero-text p:lang(zh-MO), .section-hero-with-background .section-content .hero-text a: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 } .section-hero-with-background .section-content.hero-text p:lang(zh-TW), .section-hero-with-background .section-content.hero-text a:lang(zh-TW), .section-hero-with-background .section-content .hero-text p:lang(zh-TW), .section-hero-with-background .section-content .hero-text a:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .section-hero-with-background.theme-dark .hero-text { color:#fff } .section-hero-with-background.text-centered .hero-text { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center } .theme-dark { background-color: #000; color:#f5f5f7 } .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 { color:#f5f5f7 } .theme-dark a, .theme-dark .link { color:#2997ff } .theme-dark .footnote a { color:inherit } .theme-dark .footnote a:hover { color:#2997ff } .theme-dark .badge { color:#f5f5f7 } .theme-dark .badge .badge-caption { color:#f5f5f7 } .theme-dark .button { background: #0071e3; color:#fff } .theme-dark .button:hover { background:#0077ED } .theme-dark .button:active { background:#006EDB } .theme-dark .button:disabled, .theme-dark .button.disabled { background: #0071e3; color: #fff; opacity:.32 } .theme-dark .button-neutral { background: #f5f5f7; color:#000 } .theme-dark .button-neutral:hover { background:#fff } .theme-dark .button-neutral:active { background:#EDEDF2 } .theme-dark .button-neutral:disabled, .theme-dark .button-neutral.disabled { background: #f5f5f7; color: #000; opacity:.32 } .theme-dark .button-secondary { background: #333336; color:#fff } .theme-dark .button-secondary:hover { background:#353538 } .theme-dark .button-secondary:active { background:#303033 } .theme-dark .button-secondary:disabled, .theme-dark .button-secondary.disabled { background: #333336; color: #fff; opacity:.56 } .theme-dark .button-secondary-alpha { background: rgba(255, 255, 255, 0.2); color:#fff } .theme-dark .button-secondary-alpha:hover { background:rgba(255, 255, 255, 0.21) } .theme-dark .button-secondary-alpha:active { background:rgba(255, 255, 255, 0.19) } .theme-dark .button-secondary-alpha:disabled, .theme-dark .button-secondary-alpha.disabled { background: rgba(255, 255, 255, 0.2); color: #fff; opacity:.56 } .theme-dark .callout { background-color: #1d1d1f; border-color: transparent; color:#f5f5f7 } .theme-dark .callout .callout-title { color:#f5f5f7 } .theme-dark .contentnav .contentnav-title { color:#f5f5f7 } .theme-dark .dotnav .dotnav-item { background-color:rgba(134, 134, 139, 0.4) } .theme-dark .dotnav .dotnav-item:hover { background-color:rgba(134, 134, 139, 0.6) } .theme-dark .dotnav .dotnav-item.current { background-color:#86868b } .theme-dark .list { color:#f5f5f7 } .theme-dark .list-title { color:#f5f5f7 } .theme-dark .nextrouter { background-color:#1d1d1f } .theme-dark .nextrouter .nextrouter-label { color:#f5f5f7 } .theme-dark .nextrouter .nextrouter-link { color:#2997ff } .theme-dark .tile { background-color:#000 } .theme-dark .tile-button { color: #fff; background-color:rgba(110, 110, 115, 0.92) } .theme-dark .tile-button:hover { background-color:#6e6e73 } .theme-dark .paddlenav .paddlenav-arrow { background-color: transparent; color:rgba(134, 134, 139, 0.8) } .theme-dark .paddlenav .paddlenav-arrow:hover { background-color: transparent; color:#86868b } .theme-dark .paddlenav .paddlenav-arrow:active { background-color: transparent; color: #86868b } .theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover, .theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover { background-color: transparent; color: #86868b } .theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active, .theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active { background-color: transparent; color:#86868b } .theme-dark .paddlenav-framed .paddlenav-arrow { background-color: rgba(210, 210, 215, 0.2); color:rgba(134, 134, 139, 0.8) } .theme-dark .paddlenav-framed .paddlenav-arrow:hover { background-color: rgba(210, 210, 215, 0.28); color:#86868b } .theme-dark .paddlenav-framed .paddlenav-arrow:active { background-color: rgba(210, 210, 215, 0.36); color: #86868b } .theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):hover, .theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):hover { background-color: rgba(210, 210, 215, 0.28); color: #86868b } .theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):active, .theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):active { background-color: rgba(210, 210, 215, 0.36); color:#86868b } .theme-dark .quote .quote-copy { color:#f5f5f7 } .theme-dark .quote .quote-credit, .theme-dark .quote .quote-subcredit { color:#f5f5f7 } .theme-dark .sosumi { color:#6e6e73 } .theme-dark .sosumi a { color:#a1a1a6 } .theme-dark .violator { background: transparent; border-color: #f56300; color:#f56300 } .theme-dark .violator-frameless { background: transparent; border-color: #f56300; color:#f56300 } .theme-dark .violator-secondary { background: transparent; border-color: #86868b; color:#86868b } html { background: #f5f5f7; quotes: "“" "”" } .modal.scroll-enabled { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content:flex-start } .modal.scroll-enabled .modal-content { overflow:auto } .page-code .modal-content xmp { padding: 0; box-sizing:border-box } .page-code .modal-content .code-section { max-width: 100%; overflow:auto } .scroll-to-top { position: fixed; bottom: 25px; right: 5%; height: 50px; width: 50px; background-color: white; border: 1px solid gray; border-radius: 4px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index:10999 } .scroll-to-top a::after { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); padding:0 } .copy-code-cta { display: block; margin-left: auto; width:20px } .copy-code-cta img { height:20px } body { background:#fff } a.more:focus, a.icon:focus { text-decoration:underline } .underlined-link, .underlined-link:link { text-decoration:underline } .underlined-link::after, .underlined-link:link::after { text-decoration: none } [dir="rtl"] { direction: rtl; text-align:right } @media only screen and (max-width: 734px) { [dir="rtl"] .center-text { text-align:right } } @media only screen and (max-width: 734px) { [dir="rtl"] .header-text-center { text-align: right } } [dir="rtl"] .large-offset-1 { margin-left: auto; margin-right:8.33333% } @media only screen and (max-width: 734px) { [dir="rtl"] .small-offset-0 { margin-right: auto } } [dir="rtl"] .table-header { text-align: right } [dir="rtl"] .row-logical .column { box-sizing: border-box; margin: 0; padding: 0; min-width: 0px } [dir="rtl"] li { text-align:right } .callout { min-width:100% } .image-section { margin: auto; padding-bottom:1em } #ac-globalnav .ac-gn-buy { display:none } .localnav-overlap .localnav ~ .main.localnav-overlap-disabled { padding-top:52px } .main.localnav-overlap-disabled .section-image-hero { margin-top:0 } .text-zoom .localnav ~ .main.localnav-overlap-disabled { padding-top:5em } .quote-wrapper p::before { content:open-quote } .quote-wrapper p::after { content:close-quote } .section::before, .section::after { content: ' '; display:table } .section::after { clear:both } .section.section-hero { padding-top: 75px; padding-bottom:22px } @media only screen and (max-width: 734px) { .section.section-hero { padding-top: 65px; padding-bottom:65px } } .section.section-hero.no-buffer-bottom { padding-bottom:0 } @media only screen and (max-width: 734px) { .section.section-hero + .section-keyline { margin-top:-43px } } .section.alt-background { background-color:#fbfbfd } .section .section-content { margin-left: auto; margin-right: auto; width: 980px; position: relative; z-index:1 } @media only screen and (min-width: 1441px) { .section .section-content { margin-left: auto; margin-right: auto; width:980px } } @media only screen and (max-width: 1068px) { .section .section-content { margin-left: auto; margin-right: auto; width:692px } } @media only screen and (max-width: 734px) { .section .section-content { margin-left: auto; margin-right: auto; width:87.5% } } @media only screen and (max-width: 480px) { .section .section-content { margin-left: auto; margin-right: auto; width:90% } } .theme-dark .section.alt-background { background-color:#000 } .badge-content { margin: 1em 0; padding-top: 4px; padding-bottom: 2px; position: relative; z-index: 1; display:inline-block } .badge-value { font-size: 28px; line-height: 1; font-weight: 400; letter-spacing: .007em; left: -2px; display: block; white-space: nowrap; position:relative } .badge-caption { font-size: 14px; line-height: 1.28583; font-weight: 400; letter-spacing: -.016em; left: 0; color: #333; display: block; position: absolute; top: 100%; width: 100%; z-index:1 } section:not(.section-keyline) + .table-styles, .table-styles + section:not(.section-keyline) { margin-top:-50px } .center { margin-left: auto; margin-right:auto } .text-center { text-align:center } .text-center ul, .text-center ol { text-align:left } .text-center-conditional { text-align: center; display:block } @media only screen and (max-width: 734px) { .text-center-conditional { text-align:left } } .text-right { text-align:right } .header-text-center { text-align:center } @media only screen and (max-width: 734px) { .header-text-center { text-align:left } } .center-text ul, .center-text ol, .header-text-center ul, .header-text-center ol { text-align:left } ul.square li { list-style-type:square } .main li { margin-bottom:5px } .main li:last-child { margin-bottom:0 } @media only screen and (max-width: 1068px) { .main li:last-child { margin-bottom:5px } } .text-dark { color:#f5f5f7 } .text-dark a { color:#2997ff } .hide-nav { visibility:hidden } .row.top-padding { padding-top:50px } .row.bottom-padding { padding-bottom:50px } .row.bottom-padding ul:last-child { margin-bottom:-10px } @media only screen and (max-width: 1068px) { .row.bottom-padding ul:last-child { margin-bottom:0 } } .row.bottom-padding ul:last-child.flaglist-list-item { margin-bottom:1em } @media only screen and (max-width: 734px) { .row.bottom-padding .typography-bold-copy:first-child { margin-top:1em } } .keyline.keyline-top-all { border-top:1px solid #d2d2d7 } .keyline.keyline-bottom-all { border-bottom:1px solid #d2d2d7 } .keyline.keyline-top { border-top:1px solid #d2d2d7 } .keyline.keyline-bottom { border-bottom:1px solid #d2d2d7 } @media only screen and (max-width: 734px) { .keyline.keyline-bottom { border-bottom:none } } .keyline.bottom-padding { padding-bottom:70px } .large-offset-half { margin-left:4.166665% } @media only screen and (max-width: 734px) { .large-offset-half.small-offset-0 { margin-left:0 } } .large-offset-1-and-half { margin-left:12.499995% } @media only screen and (max-width: 734px) { .large-offset-1-and-half { margin-left:0 } .large-offset-1-and-half.small-offset-1 { margin-left: 8.33333% } } a[href$=".pdf"]:not(.hierarchy-link):after { content: ' (PDF)'; font-family:inherit } @media only screen and (max-width: 734px) { pre { white-space:normal } } .section-content .icon.icon-after::after, .section-content .more::after { display: inline; top: initial; right: 0; bottom:0 } .section-content .icon.icon-after, .section-content .more { position: relative; padding-right:.7em } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width:1px } .localnav-overlap .chapternav, .chapternav-overlap .chapternav { position: relative; margin-top: 0px; padding-top:107px } .localnav-overlap .chapternav#localtab, .chapternav-overlap .chapternav#localtab { margin:0 auto -161px auto } @media only screen and (max-width: 734px) { .localnav-overlap .chapternav#localtab, .chapternav-overlap .chapternav#localtab { margin:0 auto -111px auto } } .chapternav { background: none; height:40px } .no-js .chapternav { overflow:visible } .chapternav .chapternav-wrapper { overflow: hidden; height:50px } .chapternav .chapternav-item { border-bottom: solid 1px #d2d2d7; color:#86868b } .chapternav .chapternav-item .current, .chapternav .chapternav-item .localtab-current { border-bottom: solid 1px #1d1d1f; padding-bottom: 1px; position: relative; margin-bottom: -1px; cursor: default; opacity:1 } .chapternav .chapternav-item .current .chapternav-label, .chapternav .chapternav-item .current .chapternav-label:hover, .chapternav .chapternav-item .localtab-current .chapternav-label, .chapternav .chapternav-item .localtab-current .chapternav-label:hover { padding-bottom: 8px; color:#1d1d1f } .chapternav .chapternav-item .chapternav-label { 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; color: #6e6e73; padding-bottom:9px } .chapternav .chapternav-item .chapternav-label: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 } .chapternav .chapternav-item .chapternav-label: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 } .chapternav .chapternav-item .chapternav-label:lang(ko) { line-height: 1.58824; 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 } .chapternav .chapternav-item .chapternav-label:lang(zh) { letter-spacing:0em } .chapternav .chapternav-item .chapternav-label:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav .chapternav-item .chapternav-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav .chapternav-item .chapternav-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav .chapternav-item .chapternav-label: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 } .chapternav .chapternav-item .chapternav-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapternav .chapternav-item .chapternav-label:hover { color:#06c } .chapternav .chapternav-paddle { height:50px } .chapter-title { margin-top: 25px; 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; margin-bottom: 0.45em; display: block; width:100% } .chapter-title:lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title: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 } .chapter-title: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 } .chapter-title:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title: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 } .chapter-title: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) { .chapter-title { 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 } .chapter-title: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 } .chapter-title:lang(ko) { line-height: 1.2858; 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 } .chapter-title:lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .chapter-title: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 } .chapter-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .document-wrapper { margin-top: 52px; margin-bottom: 75px; transition:all 150ms linear } .alt-background .document-wrapper { background-color:#fbfbfd } @media only screen and (max-width: 734px) { .document-wrapper { margin-top:0px } .document-wrapper.single-tab-item { margin-top:50px } } .document-wrapper .section-slide { background: #fff; width:100% } .document-wrapper .section-slide .date-label { display:none } .no-js .document-wrapper .section-slide .date-label { display:block } .document-wrapper + .section { margin-top:-80px } .ac-ln-menu.use-alt-local-nav { display:none } #localtab { display: none; max-width: 980px; margin:0 auto 0 auto } #localtab.use-alt-local-nav { display:block } #localtab.ac-localnav-hero.chapternav .chapternav-paddle { color:#f5f5f7 } #localtab.ac-localnav-hero.chapternav .chapternav-item { border-bottom:solid 1px #d2d2d7 } #localtab.ac-localnav-hero.chapternav .chapternav-item .chapternav-label { color:#f5f5f7 } #localtab.chapternav .chapternav-item .chapternav-label { color:#1d1d1f } .ac-localnav-hero #localtab.chapternav .chapternav-item .chapternav-label { color:#f5f5f7 } #localtab.chapternav .chapternav-item .chapternav-link:not(.current) .chapternav-label:hover { color:#06c } #localtab.chapternav .chapternav-item:last-child { margin-right:10px } .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.08349; 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.14599; 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.33349; 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: 734px) { .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.2; 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.08349; 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.14599; 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.33349; 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.2; 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: 734px) { .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.21875; 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.2; 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.21875; 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: 734px) { .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 { 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.33341; 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(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-eyebrow:lang(ko) { line-height: 1.2858; 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.381; 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(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(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-eyebrow-reduced:lang(ko) { line-height: 1.2858; 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.381; 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(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: 734px) { .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.36844; 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.31579; 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.36844; 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-elevated { font-size: 24px; line-height: 1.33341; 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.5; 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.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-intro-elevated:lang(ko) { line-height: 1.45841; 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.381; 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.52381; 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.4286; 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.381; 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.381; 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.52381; 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.4286; 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.381; 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: 734px) { .typography-intro { font-size: 19px; line-height: 1.4211; 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.47376; 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.52632; 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.36844; 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-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.40625; 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.28583; 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.39286; 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: 734px) { .typography-quote-reduced { font-size: 24px; line-height: 1.33341; 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.5; 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.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-quote-reduced:lang(ko) { line-height: 1.45841; 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.21875; 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: 734px) { .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.33341; 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.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-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.28583; 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.39286; 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: 734px) { .typography-manifesto { font-size: 24px; line-height: 1.33341; 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.5; 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.45841; 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.33341; 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(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-label:lang(ko) { line-height: 1.2858; 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.381; 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(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.36844; 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.31579; 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.36844; 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.58824; 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.35296; 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.42859; 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) { 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.35718; 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-body-reduced-tight { font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-reduced-tight:lang(ar) { 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-tight:lang(ja) { line-height: 1.35718; 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-tight:lang(ko) { line-height: 1.42859; 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-tight:lang(zh) { letter-spacing:0em } .typography-body-reduced-tight:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-reduced-tight: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-tight: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-tight: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-tight:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight:lang(ar) { 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-tight: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-tight:lang(ko) { line-height: 1.35296; 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-tight:lang(zh) { letter-spacing:0em } .typography-body-tight:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-body-tight: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-tight: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.33337; 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.41667; 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.33337; 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: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-sosumi: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-sosumi: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-sosumi:lang(ko) { line-height: 1.41667; 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.33337; 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-hero-default-intro { font-size: 34px; line-height: 1.47059; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro: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-hero-default-intro: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-hero-default-intro: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-hero-default-intro:lang(zh) { letter-spacing:0em } .typography-hero-default-intro:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-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-hero-default-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: 1068px) { .typography-hero-default-intro { font-size: 32px; line-height: 1.3125; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro: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-hero-default-intro: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-hero-default-intro: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-hero-default-intro:lang(zh) { letter-spacing:0em } .typography-hero-default-intro:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-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-hero-default-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: 734px) { .typography-hero-default-intro { font-size: 28px; line-height: 1.28583; font-weight: 500; letter-spacing: -.022em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro: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-hero-default-intro: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-hero-default-intro: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-hero-default-intro:lang(zh) { letter-spacing:0em } .typography-hero-default-intro:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-intro:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .typography-hero-default-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-hero-default-intro:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } [class * ="typography-eyebrow"] { display: block; margin-bottom: .4em } [class * ="typography-eyebrow"] + * { margin-top:0 } .typography-headline + .typography-intro { margin-top:1.2em } .typography-headline-super + .typography-intro-elevated { margin-top:1.6em } .typography-headline-elevated + .typography-intro-elevated { margin-top:1.4em } .typography-headline-reduced + p, .typography-headline-reduced + ul, .typography-headline-reduced + .typography-body { margin-top:1em } h1, h2, h3, h4, h5, h6 { margin:0 0 0.45em 0 } .typography-bold-copy { margin-bottom:0 } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top:1em } ul, ol { margin:1em 0 1em 1.11111em } p { margin: 0 0 1em 0 } h1:not([class * ="typography-"]) { font-size: 48px; line-height: 1.08349; font-weight: 600; letter-spacing: -.003em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):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 } h1:not([class * ="typography-"]):lang(ja) { line-height: 1.14599; 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 } h1:not([class * ="typography-"]):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 } h1:not([class * ="typography-"]):lang(zh) { letter-spacing: 0em } h1:not([class * ="typography-"]):lang(th) { line-height: 1.33349; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1:not([class * ="typography-"]):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 } h1:not([class * ="typography-"]):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) { h1: not([class * ="typography-"]) { 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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):lang(ko) { line-height: 1.2; 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 } h1: not([class * ="typography-"]):lang(th) { line-height: 1.35; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):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: 734px) { h1: not([class * ="typography-"]) { 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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):lang(ko) { line-height: 1.21875; 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 } h1: not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h1: not([class * ="typography-"]):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 } h1: not([class * ="typography-"]):lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } h2:not([class * ="typography-"]) { 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 } h2:not([class * ="typography-"]):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 } h2:not([class * ="typography-"]):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 } h2:not([class * ="typography-"]):lang(ko) { line-height: 1.21875; 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 } h2:not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2:not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2:not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2:not([class * ="typography-"]):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 } h2:not([class * ="typography-"]):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) { h2: not([class * ="typography-"]) { 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 } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(th) { line-height: 1.39286; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):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: 734px) { h2: not([class * ="typography-"]) { 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 } h2: not([class * ="typography-"]):lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h2: not([class * ="typography-"]):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 } h2: not([class * ="typography-"]):lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } h3:not([class * ="typography-"]) { 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 } h3:not([class * ="typography-"]):lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):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 } h3:not([class * ="typography-"]):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 } h3:not([class * ="typography-"]):lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3:not([class * ="typography-"]):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 } h3:not([class * ="typography-"]):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) { h3: not([class * ="typography-"]) { 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 } h3: not([class * ="typography-"]):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 } h3: not([class * ="typography-"]):lang(ko) { line-height: 1.2858; 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 } h3: not([class * ="typography-"]):lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } h3: not([class * ="typography-"]):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 } h3: not([class * ="typography-"]):lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } h4:not([class * ="typography-"]), b, strong { font-weight: bold; margin-bottom: 0; color:#1d1d1f } .colornav { display: inline-block; text-align:center } .colornav-title { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; border-bottom: 1px solid #d2d2d7; margin: 0; padding: 12px 0; width:100% } .colornav-title:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title: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 } .colornav-title:lang(ko) { 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 } .colornav-title:lang(zh) { letter-spacing:0em } .colornav-title:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title: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 } .colornav-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-items { display: inline-block; list-style: none; margin: 0 -1px; padding-top:17px } @media only screen and (max-width: 1068px) { .colornav-items { margin-left: 2px; margin-right: 2px; padding-top:13px } } .colornav-item { float: left; margin:-1px 5px } @media only screen and (max-width: 1068px) { .colornav-item { margin-left: 4px; margin-right:4px } } .colornav-value { position: absolute; 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 } .colornav-link { border: 2px solid transparent; border-radius: 50%; box-sizing: border-box; color: #1d1d1f; cursor: pointer; float: left; margin-bottom: 2.47059em; padding: 3px; position: relative; width: 42px; height: 42px; z-index:1 } @media only screen and (max-width: 1068px) { .colornav-link { margin-bottom: 2.58824em; padding: 2px; width: 36px; height:36px } } .colornav-link.current, .colornav-value:checked ~ .colornav-link { border-color: #0071e3; cursor:default } .colornav-link:focus, .colornav-value:focus ~ .colornav-link { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .colornav-link:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .colornav-link:focus[data-focus-method="touch"]:not(input):not(textarea):not(select), .colornav-value:focus ~ .colornav-link[data-focus-method="mouse"]:not(input):not(textarea):not(select), .colornav-value:focus ~ .colornav-link[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .colornav-swatch { background: #f5f5f7 center center; border-radius: 50%; display: block; width: 32px; height:32px } @media only screen and (max-width: 1068px) { .colornav-swatch { width: 28px; height:28px } } .colornav-swatch:after { border-radius: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); content: ''; display: block; height: inherit; position: absolute; width:inherit } .colornav-label, .colornav-label-hidden { position: absolute; 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 } .colornav-label { overflow:visible } .colornav-link.current .colornav-label, .colornav-value:checked ~ .colornav-link .colornav-label { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; clip: auto; -webkit-clip-path: none; clip-path: none; margin-left: -50px; padding-top: 7px; position: absolute; top: 100%; left: 50%; text-align: center; white-space: nowrap; width: 100px; height: auto; z-index:1 } .colornav-link.current .colornav-label:lang(ar), .colornav-value:checked ~ .colornav-link .colornav-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(ja), .colornav-value:checked ~ .colornav-link .colornav-label: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 } .colornav-link.current .colornav-label:lang(ko), .colornav-value:checked ~ .colornav-link .colornav-label:lang(ko) { 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 } .colornav-link.current .colornav-label:lang(zh), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh) { letter-spacing:0em } .colornav-link.current .colornav-label:lang(th), .colornav-value:checked ~ .colornav-link .colornav-label:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(zh-CN), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(zh-HK), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(zh-MO), .colornav-value:checked ~ .colornav-link .colornav-label: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 } .colornav-link.current .colornav-label:lang(zh-TW), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } @media only screen and (max-width: 1068px) { .colornav-link.current .colornav-label, .colornav-value:checked ~ .colornav-link .colornav-label { padding-top:4px } } .colornav-neutral .colornav-title { border-color:#d2d2d7 } .colornav-neutral .colornav-link { color:#1d1d1f } .colornav-neutral .colornav-link.current, .colornav-neutral .colornav-value:checked ~ .colornav-link { border-color:#1d1d1f } .theme-dark .colornav .colornav-title { border-color:#424245 } .theme-dark .colornav .colornav-link { color:#f5f5f7 } .theme-dark .colornav .colornav-link.current, .theme-dark .colornav .colornav-value:checked ~ .colornav-link { border-color:#0071e3 } .theme-dark .colornav-neutral .colornav-title { border-color:#424245 } .theme-dark .colornav-neutral .colornav-link { color:#f5f5f7 } .theme-dark .colornav-neutral .colornav-link.current, .theme-dark .colornav-neutral .colornav-value:checked ~ .colornav-link { border-color:#f5f5f7 } .colornav-item-productred { padding-right:77px } .colornav-logo-productred { width: 71px; height: 21px; background-size: 71px 21px; background-repeat: no-repeat; background-image: url("/client/legal/v/legal/e/built/assets/ac-colornav/productred.svg"); margin-top: -10.5px; margin-left: 6px; position: absolute; left: 100%; top: 50%; z-index:1 } html.no-svg .colornav-logo-productred { background-image: url("/client/legal/v/legal/e/built/assets/ac-colornav/productred.png") } .colornav { display: inline-block; text-align:center } .colornav-title { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; border-bottom: 1px solid #d2d2d7; margin: 0; padding: 12px 0; width:100% } .colornav-title:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title: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 } .colornav-title:lang(ko) { 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 } .colornav-title:lang(zh) { letter-spacing:0em } .colornav-title:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-title: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 } .colornav-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-items { display: inline-block; list-style: none; margin: 0 -1px; padding-top:17px } @media only screen and (max-width: 1068px) { .colornav-items { margin-left: 2px; margin-right: 2px; padding-top:13px } } .colornav-item { float: left; margin:-1px 5px } @media only screen and (max-width: 1068px) { .colornav-item { margin-left: 4px; margin-right:4px } } .colornav-value { position: absolute; 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 } .colornav-link { border: 2px solid transparent; border-radius: 50%; box-sizing: border-box; color: #1d1d1f; cursor: pointer; float: left; margin-bottom: 2.47059em; padding: 3px; position: relative; width: 42px; height: 42px; z-index:1 } @media only screen and (max-width: 1068px) { .colornav-link { margin-bottom: 2.58824em; padding: 2px; width: 36px; height:36px } } .colornav-link.current, .colornav-value:checked ~ .colornav-link { border-color: #0071e3; cursor:default } .colornav-link:focus, .colornav-value:focus ~ .colornav-link { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .colornav-link:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .colornav-link:focus[data-focus-method="touch"]:not(input):not(textarea):not(select), .colornav-value:focus ~ .colornav-link[data-focus-method="mouse"]:not(input):not(textarea):not(select), .colornav-value:focus ~ .colornav-link[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .colornav-swatch { background: #f5f5f7 center center; border-radius: 50%; display: block; width: 32px; height:32px } @media only screen and (max-width: 1068px) { .colornav-swatch { width: 28px; height:28px } } .colornav-swatch:after { border-radius: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); content: ''; display: block; height: inherit; position: absolute; width:inherit } .colornav-label, .colornav-label-hidden { position: absolute; 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 } .colornav-label { overflow:visible } .colornav-link.current .colornav-label, .colornav-value:checked ~ .colornav-link .colornav-label { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; clip: auto; -webkit-clip-path: none; clip-path: none; margin-left: -50px; padding-top: 7px; position: absolute; top: 100%; left: 50%; text-align: center; white-space: nowrap; width: 100px; height: auto; z-index:1 } .colornav-link.current .colornav-label:lang(ar), .colornav-value:checked ~ .colornav-link .colornav-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(ja), .colornav-value:checked ~ .colornav-link .colornav-label: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 } .colornav-link.current .colornav-label:lang(ko), .colornav-value:checked ~ .colornav-link .colornav-label:lang(ko) { 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 } .colornav-link.current .colornav-label:lang(zh), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh) { letter-spacing:0em } .colornav-link.current .colornav-label:lang(th), .colornav-value:checked ~ .colornav-link .colornav-label:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(zh-CN), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(zh-HK), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-link.current .colornav-label:lang(zh-MO), .colornav-value:checked ~ .colornav-link .colornav-label: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 } .colornav-link.current .colornav-label:lang(zh-TW), .colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } @media only screen and (max-width: 1068px) { .colornav-link.current .colornav-label, .colornav-value:checked ~ .colornav-link .colornav-label { padding-top:4px } } .colornav-neutral .colornav-title { border-color:#d2d2d7 } .colornav-neutral .colornav-link { color:#1d1d1f } .colornav-neutral .colornav-link.current, .colornav-neutral .colornav-value:checked ~ .colornav-link { border-color:#1d1d1f } .theme-dark .colornav .colornav-title { border-color:#424245 } .theme-dark .colornav .colornav-link { color:#f5f5f7 } .theme-dark .colornav .colornav-link.current, .theme-dark .colornav .colornav-value:checked ~ .colornav-link { border-color:#0071e3 } .theme-dark .colornav-neutral .colornav-title { border-color:#424245 } .theme-dark .colornav-neutral .colornav-link { color:#f5f5f7 } .theme-dark .colornav-neutral .colornav-link.current, .theme-dark .colornav-neutral .colornav-value:checked ~ .colornav-link { border-color:#f5f5f7 } .colornav-item-productred { padding-right:77px } .colornav-logo-productred { width: 71px; height: 21px; background-size: 71px 21px; background-repeat: no-repeat; background-image: url("/client/legal/v/legal/e/built/assets/ac-colornav/productred.svg"); margin-top: -10.5px; margin-left: 6px; position: absolute; left: 100%; top: 50%; z-index:1 } html.no-svg .colornav-logo-productred { background-image: url("/client/legal/v/legal/e/built/assets/ac-colornav/productred.png") } .form-message-wrapper { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #e30000; position: relative; margin-top: .47059rem; margin-bottom: .70588rem; display:none } .form-message-wrapper: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 } .form-message-wrapper: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 } .form-message-wrapper:lang(ko) { line-height: 1.41667; 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 } .form-message-wrapper:lang(zh) { letter-spacing:0em } .form-message-wrapper:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-message-wrapper:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-message-wrapper:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-message-wrapper: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 } .form-message-wrapper:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-message-wrapper::before, .form-message-wrapper::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: '' } .form-message-wrapper::before, .form-message-wrapper::after { text-decoration:none } .form-message-wrapper::before { display:none } .form-message-wrapper::before, .form-message-wrapper::after { content: "" } .form-message-wrapper::before { padding-right: .3em; display: inline-block; top:0 } .form-message-wrapper::after { display:none } .form-message-wrapper::before { padding-right: .17647rem; top:.17647rem } .is-error .form-message-wrapper { display: -ms-flexbox; display:flex } .form-label { display: inline-block; position: relative; font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#1d1d1f } .form-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label: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 } .form-label:lang(ko) { line-height: 1.35296; 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 } .form-label:lang(zh) { letter-spacing:0em } .form-label:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label: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 } .form-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small { display: inline-block; position: relative; font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#1d1d1f } .form-label-small: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 } .form-label-small: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 } .form-label-small:lang(ko) { line-height: 1.41667; 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 } .form-label-small:lang(zh) { letter-spacing:0em } .form-label-small:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small: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 } .form-label-small:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-group-label { display: inline-block; position: relative; font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#1d1d1f } .form-group-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-group-label: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 } .form-group-label:lang(ko) { line-height: 1.35296; 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 } .form-group-label:lang(zh) { letter-spacing:0em } .form-group-label:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-group-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-group-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-group-label: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 } .form-group-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .is-error .form-group-label { color:#e30000 } .form-title { display: inline-block; position: relative; 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; color:#1d1d1f } .form-title:lang(ar) { line-height: 1.33341; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title: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 } .form-title: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 } .form-title:lang(th) { line-height: 1.375; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title: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 } .form-title: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) { .form-title { 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 } .form-title: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 } .form-title:lang(ko) { line-height: 1.2858; 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 } .form-title:lang(th) { line-height: 1.381; font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-title: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 } .form-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } } .form-label-small { font-size: 24px; line-height: 1.33341; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small: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 } .form-label-small: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 } .form-label-small: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 } .form-label-small:lang(zh) { letter-spacing:0em } .form-label-small:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-small: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 } .form-label-small:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-swatch ~ .form-label-small { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin-left:1px } .colornav-swatch ~ .form-label-small: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 } .colornav-swatch ~ .form-label-small: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 } .colornav-swatch ~ .form-label-small:lang(ko) { line-height: 1.41667; 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 } .colornav-swatch ~ .form-label-small:lang(zh) { letter-spacing:0em } .colornav-swatch ~ .form-label-small:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-swatch ~ .form-label-small:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-swatch ~ .form-label-small:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .colornav-swatch ~ .form-label-small: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 } .colornav-swatch ~ .form-label-small:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-dark { color:#1d1d1f } .form-label-light { color:#86868b } .form-label-large { font-size: 32px; line-height: 1.125; font-weight: 400; letter-spacing: -.012em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #1d1d1f; display: inline-block; padding-top:.17647rem } .form-label-large: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 } .form-label-large: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 } .form-label-large: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 } .form-label-large:lang(zh) { letter-spacing:0em } .form-label-large:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-large:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-large:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-label-large: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 } .form-label-large:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-selector-singlecolumn { margin-top: .82353rem; list-style:none } .form-selector-singlecolumn .form-choice-selector-label { min-width:7.35294rem } .form-selector-singlecolumn .form-choice-selector-label .icon, .form-selector-singlecolumn .form-choice-selector-label .icon-label { display:block } .form-selector-singlecolumn .form-choice-selector-label .colorselector-swatch + .form-label-small { display:block } .form-selector-twocolumns { margin-top: .82353rem; max-width:28.82353rem } @media only screen and (max-width: 734px) { .form-selector-twocolumns { max-width: none; width:100% } } .form-selector-twocolumns .form-choice-selector ~ .form-choice-selector-label { min-height:4.88235rem } .form-selector-twocolumns .form-choice-selector ~ .form-choice-selector-label-list { min-height:11.88235rem } .form-selector-twocolumns.form-selectortwocolumns-threeline .form-choice-selector-label { min-height:6.11765rem } .form-selector-twocolumns .form-choice-selector-label-list .form-choiceselectorlabel-twocol { padding-top: 4px; padding-bottom: 16px; border-bottom:1px solid #d6d6d6 } .form-selector-twocolumns .form-choice-selector-label-list .form-choiceselectorlabel-twocolright, .form-selector-twocolumns .form-choice-selector-label-list .form-choiceselectorlabel-twocolleft { position: relative; top:-.11765rem } .form-selector-twocolumns .form-choice-selector-label-list .form-choiceselectorlabel-list { padding-top: .47059rem; padding-bottom: .52941rem; list-style-type: none; text-align: left; margin-left: 0; display:block } .form-selector-twocolumns .form-choice-selector-label-list .list-item { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-selector-twocolumns .form-choice-selector-label-list .list-item: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 } .form-selector-twocolumns .form-choice-selector-label-list .list-item: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 } .form-selector-twocolumns .form-choice-selector-label-list .list-item:lang(ko) { line-height: 1.41667; 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 } .form-selector-twocolumns .form-choice-selector-label-list .list-item:lang(zh) { letter-spacing:0em } .form-selector-twocolumns .form-choice-selector-label-list .list-item:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-selector-twocolumns .form-choice-selector-label-list .list-item:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-selector-twocolumns .form-choice-selector-label-list .list-item:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-selector-twocolumns .form-choice-selector-label-list .list-item: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 } .form-selector-twocolumns .form-choice-selector-label-list .list-item:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-selector-twocolumns .form-choice-selector-label-list .list-item::before { content: '.'; font-size: 20px; vertical-align: top; line-height: 13px; padding-right:7px } .form-choiceselectorlabel-twocol { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content:space-between } .form-choiceselectorlabel-twocol .form-label-small { margin-top:4px } .form-choiceselectorlabel-twocolleft { text-align: left; padding-right:1.88235rem } .form-choiceselectorlabel-twocolright { text-align:right } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-top:3px } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small: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 } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small: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 } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small:lang(ko) { line-height: 1.41667; 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 } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small:lang(zh) { letter-spacing:0em } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small: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 } .form-choiceselectorlabel-twocolright.form-choiceselectorlabeloneline-twocolright.form-label-small:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choice-indicator { display: inline-block; width: 14px; height: 14px; border: 1px solid #fbfbfd; background:#fff } .form-choice { position: absolute; top: 3px; left: 0; opacity: 0; cursor: pointer; width: 16px; height:16px } .form-choice ~ .form-label { display: block; padding-left: 1.52941rem; margin-top: 13px; margin-bottom: 0; color: #1d1d1f; cursor:pointer } .form-choice ~ .form-label .form-choice-indicator { position: absolute; top: 2px; left:0 } .form-choice:focus + .form-label .form-choice-indicator, .form-choice.focused + .form-label .form-choice-indicator { border-color: #06c; box-shadow:0 0 0 3px rgba(131, 192, 253, 0.5) } .form-choice:checked ~ .form-label, .form-choice:checked ~ .form-choice-selector-label .form-label { color:#1d1d1f } .form-choice:checked ~ .form-label .form-choice-indicator { border-width: 6px; border-style: solid; border-color: #06c; width: 4px; height:4px } .form-choice:disabled ~ .form-label { color: #86868b; cursor:default } .is-error .form-choice .form-label { color:inherit } .form-choice-checkbox + .form-label .form-choice-indicator { border-radius:.17647rem } .form-choice-checkbox:checked + .form-label .form-choice-indicator { background: #06c; text-align:center } .form-choice-checkbox:checked + .form-label .form-choice-indicator::before, .form-choice-checkbox:checked + .form-label .form-choice-indicator::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: '' } .form-choice-checkbox:checked + .form-label .form-choice-indicator::before, .form-choice-checkbox:checked + .form-label .form-choice-indicator::after { text-decoration:none } .form-choice-checkbox:checked + .form-label .form-choice-indicator::before { display:none } .form-choice-checkbox:checked + .form-label .form-choice-indicator::before, .form-choice-checkbox:checked + .form-label .form-choice-indicator::after { content: "" } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after { font-size: 38px; line-height: 1.47384; font-weight: 400; letter-spacing: -.021em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #fff; top: -.76471rem; left: -.58824rem; padding: 0; width: 1.47059rem; vertical-align: top; position:absolute } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after: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 } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after: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 } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after: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 } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after:lang(zh) { letter-spacing:0em } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after: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 } .form-choice-checkbox:checked + .form-label .form-choice-indicator::after:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-choice-checkbox:disabled + .form-label .form-choice-indicator { width: .82353rem; height: .82353rem; background: #f5f5f7; border:1px solid #d2d2d7 } .form-choice-checkbox:disabled + .form-label .form-choice-indicator::after { color: #86868b; top: -.47059rem; left:-.29412rem } .is-error .form-choice-checkbox + .form-label .form-choice-indicator { border-color: rgba(227, 0, 0, 0.4); background:#fff2f4 } .is-error .form-choice-checkbox:focus + .form-label .form-choice-indicator, .is-error .form-choice-checkbox.focused + .form-label .form-choice-indicator { border-color: #06c; background:#fff } .is-error .form-choice-checkbox:checked + .form-label .form-choice-indicator { background: #06c; border-color:#06c } .is-error .form-choice-checkbox:disabled + .form-label .form-choice-indicator { background: #f5f5f7; border-color:#d2d2d7 } .form-choice-radio:disabled + .form-label .form-choice-indicator { background-color: #f5f5f7; border-color:#d2d2d7 } .form-choice-radio + .form-label .form-choice-indicator { border-radius:50% } .form-selector { margin-top: -10px; margin-bottom:28px } @media only screen and (max-width: 1068px) { .form-selector { margin-top:-9px } } @media only screen and (max-width: 734px) { .form-selector { margin-top:-18px } } .is-error .form-selector { margin-bottom:10px } .form-selector .form-message-wrapper { margin-bottom:-2px } .form-selector-twocolumns > .form-element { display: -ms-flexbox; display:flex } .form-choice-selector-label .form-label { width:100% } .form-choice-selector-label .form-selector-title { font-weight:600 } .form-choice-selector { display: inline-block; width: 100%; height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; top:0 } .form-choice-selector:checked ~ .form-choice-selector-label { border-color: #06c; position: relative; border-width: .11765rem; padding:.64706rem .82353rem } .form-choice-selector ~ .form-choice-selector-label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 6.23529rem; padding: .70588rem .88235rem; text-align: center; border: 1px solid #d2d2d7; box-sizing: border-box; border-spacing: 0; overflow: hidden; cursor: pointer; background-color: rgba(255, 255, 255, 0.8); -ms-flex-direction: column; flex-direction:column } .form-choice-selector ~ .form-choice-selector-label .form-label { margin-top: 0; margin-bottom: 0; color: #1d1d1f; text-indent: 0; cursor:pointer } .form-choice-selector.form-choice-selector-small ~ .form-choice-selector-label { min-height:4.88235rem } .form-choice-selector.form-choice-color-selector ~ .form-choice-selector-label { min-height:6.05882rem } .form-choice-selector.form-choice-upload-selector ~ .form-choice-selector-label { min-height:7.29412rem } .form-choice-selector.form-choice-upload-selector ~ .form-choice-selector-label .form-icons { margin-bottom: .47059rem; margin-right:.29412rem } .form-choice-selector.form-choice-short-selector ~ .form-choice-selector-label { height: 3.29412rem; min-height:3.29412rem } .form-choice-selector:hover ~ .form-choice-selector-label { border-color:#86868b } .form-choice-selector:hover:checked ~ .form-choice-selector-label { border-color:#06c } .form-choice-selector:focus ~ .form-choice-selector-label, .form-choice-selector.focused ~ .form-choice-selector-label { border-color: #06c; border-width: 1px; box-shadow:0 0 0 .17647rem rgba(131, 192, 253, 0.5) } .form-choice-selector:checked:focus ~ .form-choice-selector-label, .form-choice-selector:checked.focused ~ .form-choice-selector-label { border-width: .11765rem; border-color:#06c } .form-choice-selector:disabled ~ .form-choice-selector-label { opacity: .3; box-shadow: none; border: 1px solid #d2d2d7; cursor:default } .form-choice-selector:disabled ~ .form-choice-selector-label .form-label { cursor:default } .form-choice-selector:disabled.form-choice-selector-non-editable { cursor:default } .form-choice-selector:disabled.form-choice-selector-non-editable ~ .form-choice-selector-label { opacity: 1; background-color:#fbfbfd } .form-choice-selector:disabled.form-choice-selector-non-editable ~ .form-choice-selector-label .form-label { color:#86868b } .form-choice-selector.rounded ~ .form-choice-selector-label { border-radius:4px } .theme-dark .form-choice ~ .form-label { color:#f5f5f7 } .theme-dark .form-choice-selector ~ .form-choice-selector-label { border-color: rgba(210, 210, 215, 0.3); background-color:rgba(255, 255, 255, 0.1) } .theme-dark .form-choice-selector ~ .form-choice-selector-label .form-choiceselectorlabel-twocol { border-color:rgba(210, 210, 215, 0.3) } .theme-dark .form-choice-selector ~ .form-choice-selector-label .form-label { color:#f5f5f7 } .theme-dark .form-choice-selector ~ .form-choice-selector-label .form-label-large { color:#f5f5f7 } .theme-dark .form-choice-selector ~ .form-choice-selector-label .form-label-dark { color:#f5f5f7 } .theme-dark .form-choice-selector:hover ~ .form-choice-selector-label { border-color:rgba(210, 210, 215, 0.6) } .theme-dark .form-choice-selector:focus ~ .form-choice-selector-label, .theme-dark .form-choice-selector:active ~ .form-choice-selector-label, .theme-dark .form-choice-selector.focused ~ .form-choice-selector-label { box-shadow:0 0 0 .17647rem rgba(41, 151, 255, 0.3) } .theme-dark .form-choice-selector:disabled ~ .form-choice-selector-label { opacity: 1; border-color: rgba(210, 210, 215, 0.21); box-shadow: none; background:none } .theme-dark .form-choice-selector:disabled ~ .form-choice-selector-label .form-label { color: #86868b; opacity:.42 } .theme-dark .form-choice-selector:disabled.form-choice-selector-non-editable ~ .form-choice-selector-label { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(210, 210, 215, 0.3); background-clip:padding-box } .theme-dark .form-choice-selector:disabled.form-choice-selector-non-editable ~ .form-choice-selector-label .form-label { color: #6e6e73; opacity:1 } .theme-dark .form-choice-selector ~ .form-choice-selector-label { width:100% } .theme-dark .form-choice-selector:checked ~ .form-choice-selector-label { border-color:#2997ff } .theme-dark .form-choice-radio:checked ~ .form-label .form-choice-indicator { border-color: #2997ff; background-color:#424245 } .theme-dark .form-choice-radio:disabled + .form-label { color:#6e6e73 } .theme-dark .form-choice-radio:disabled + .form-label .form-choice-indicator { background: rgba(255, 255, 255, 0.2); background-clip:padding-box } .theme-dark .form-choice-radio + .form-label .form-choice-indicator { border-color: rgba(210, 210, 215, 0.3); background-color:rgba(255, 255, 255, 0.1) } .theme-dark .is-error .form-choice-radio ~ .form-label { color:inherit } .theme-dark .form-choice-checkbox:focus + .form-label .form-choice-indicator, .theme-dark .form-choice-checkbox.focused + .form-label .form-choice-indicator { border-color:#2997ff } .theme-dark .form-choice-checkbox:checked ~ .form-label .form-choice-indicator { border-color: #2997ff; background-color:#2997ff } .theme-dark .form-choice-checkbox:checked ~ .form-label .form-choice-indicator::after { color:#424245 } .theme-dark .form-choice-checkbox + .form-label .form-choice-indicator { border-color: rgba(210, 210, 215, 0.3); background-color:rgba(255, 255, 255, 0.1) } .theme-dark .is-error .form-choice-checkbox ~ .form-label { color:inherit } .theme-dark .is-error .form-choice-checkbox + .form-label .form-choice-indicator { border-color: #ff3037; background:rgba(255, 48, 55, 0.2) } .theme-dark .is-error .form-choice-checkbox:focus + .form-label .form-choice-indicator, .theme-dark .is-error .form-choice-checkbox.focused + .form-label .form-choice-indicator { border-color: #2997ff; background:rgba(255, 255, 255, 0.1) } .theme-dark .is-error .form-choice-checkbox:checked ~ .form-label .form-choice-indicator { border-color: #2997ff; background-color:#2997ff } .theme-dark .form-choice-checkbox:disabled + .form-label, .theme-dark .form-choice-checkbox:disabled:checked + .form-label { color:#86868b } .theme-dark .form-choice-checkbox:disabled + .form-label .form-choice-indicator, .theme-dark .form-choice-checkbox:disabled:checked + .form-label .form-choice-indicator { border: 1px solid rgba(210, 210, 215, 0.3); background: rgba(255, 255, 255, 0.2); background-clip:padding-box } .theme-dark .form-choice-checkbox:disabled + .form-label .form-choice-indicator::after, .theme-dark .form-choice-checkbox:disabled:checked + .form-label .form-choice-indicator::after { color:#86868b } .form-dropdown { position:relative } .form-dropdown .form-dropdown-select { color: #1d1d1f; border-color: #d2d2d7; background-color:rgba(255, 255, 255, 0.8) } .form-dropdown .form-dropdown-select:focus, .form-dropdown .form-dropdown-select.focused { border-color:#0071e3 } .form-dropdown .form-dropdown-select:-moz-focusring { color: transparent; text-shadow:0 0 0 #1d1d1f } .form-dropdown .form-dropdown-select option:not(:disabled) { color:#1d1d1f } .form-dropdown :disabled { color: #86868b; background-color:rgba(0, 0, 0, 0.02) } .form-dropdown .form-dropdown-selectnone { color:transparent } .form-dropdown .form-dropdown-selectnone:-moz-focusring { text-shadow:none } .form-dropdown .form-dropdown-chevron { color:#86868b } .form-dropdown .form-dropdown-label { color:#6e6e73 } .form-dropdown :disabled ~ .form-dropdown-label, .form-dropdown .form-dropdown-selectnone ~ .form-dropdown-label { color:#86868b } .form-dropdown.is-error .form-dropdown-select { border-color: #e30000; background-color:#fff2f4 } .form-dropdown.is-error .focused .form-dropdown-select, .form-dropdown.is-error .form-dropdown-select:focus { border-color: #0071e3; background-color:rgba(255, 255, 255, 0.8) } .form-dropdown.is-error .form-dropdown-label { color:#e30000 } .form-dropdown.is-error .is-expanded .form-dropdown-label { color:#86868b } .form-dropdown-select { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; width: 100%; height: 3.29412rem; border-radius: 12px; border-width: 1px; border-style: solid; box-sizing: border-box; margin-bottom: .82353rem; padding: 1.05882rem 2.35294rem 0 .94118rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; text-overflow:ellipsis } .form-dropdown-select:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select: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 } .form-dropdown-select:lang(ko) { line-height: 1.35296; 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 } .form-dropdown-select:lang(zh) { letter-spacing:0em } .form-dropdown-select:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select: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 } .form-dropdown-select:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } @-moz-document url-prefix() { .form-dropdown-select { text-indent:-2px } } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; top:1.05882rem } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label: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 } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(ko) { line-height: 1.35296; 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 } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh) { letter-spacing:0em } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label: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 } .form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-select:focus:not(button) { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .form-dropdown-select:focus:not(button)[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-dropdown-select:focus:not(button)[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .is-error .form-dropdown-select { margin-bottom:0 } .form-dropdown-chevron { font-size: 20px; line-height: 1.4; font-weight: 400; letter-spacing: .006em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; position: absolute; pointer-events: none; right: .94118rem; top:.70588rem } .form-dropdown-chevron::before, .form-dropdown-chevron::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: '' } .form-dropdown-chevron::before, .form-dropdown-chevron::after { text-decoration:none } .form-dropdown-chevron::before { display:none } .form-dropdown-chevron::before, .form-dropdown-chevron::after { content: "" } .form-dropdown-chevron:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-chevron: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 } .form-dropdown-chevron:lang(ko) { 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 } .form-dropdown-chevron:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-chevron:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-chevron:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-chevron: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 } .form-dropdown-chevron:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .is-expanded .form-dropdown-chevron::before, .is-expanded .form-dropdown-chevron::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: '' } .is-expanded .form-dropdown-chevron::before, .is-expanded .form-dropdown-chevron::after { text-decoration:none } .is-expanded .form-dropdown-chevron::before { display:none } .is-expanded .form-dropdown-chevron::before, .is-expanded .form-dropdown-chevron::after { content: "" } .form-dropdown-label { position: absolute; pointer-events: none; transition-timing-function: ease-in; transition-duration: .125s; top: .58824rem; left: 1rem; font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-label: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 } .form-dropdown-label: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 } .form-dropdown-label:lang(ko) { line-height: 1.41667; 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 } .form-dropdown-label:lang(zh) { letter-spacing:0em } .form-dropdown-label:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-label: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 } .form-dropdown-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-multiline { position: relative; max-height: 3.29412rem; margin-bottom:.82353rem } .form-dropdown-multiline .form-dropdown-select:focus { border-color:#d2d2d7 } .form-dropdown-multiline .form-dropdown-options { background-color:#fff } .form-dropdown-multiline .form-dropdown-option { background-color: rgba(255, 255, 255, 0.8); color: #1d1d1f; border-color:#d2d2d7 } .form-dropdown-multiline .form-dropdown-option-text { color:#86868b } .form-dropdown-multiline.focused .form-dropdown-select { border-color:#0071e3 } .form-dropdown-multiline .form-dropdown-option.selected, .form-dropdown-multiline .form-dropdown-option:hover { background-color: #0071e3; color:#fff } .form-dropdown-multiline .form-dropdown-option.selected .form-dropdown-option-text, .form-dropdown-multiline .form-dropdown-option:hover .form-dropdown-option-text { color:#fff } @-moz-document url-prefix() { .form-dropdown-multiline .form-dropdown-select { text-indent:0 } } .form-dropdown-multiline.focused .form-dropdown-select, .form-dropdown-multiline .form-dropdown-select:focus { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline:none } .form-dropdown-title { margin: 0; padding: 0; top: 1.58824rem; overflow: hidden; white-space: nowrap; text-overflow:ellipsis } .form-dropdown-options { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; position: absolute; z-index: 1; top: 3.23529rem; left: 0; margin-left: 1px; margin-right: 1px; display: none; list-style-type: none; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; width: calc(100% - 2px); max-height: 23.52941rem; overflow:scroll } .form-dropdown-options:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-options: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 } .form-dropdown-options:lang(ko) { line-height: 1.35296; 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 } .form-dropdown-options:lang(zh) { letter-spacing:0em } .form-dropdown-options:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-options:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-options:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-options: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 } .form-dropdown-options:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .is-expanded .form-dropdown-options { display:block } .is-expanded .form-dropdown-options .form-dropdown-option:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius:10px } .is-expanded .form-dropdown-options .form-dropdown-option:last-child.selected, .is-expanded .form-dropdown-options .form-dropdown-option:last-child:hover { padding-bottom:12px } .form-dropdown-option { position: relative; border-top-width: 1px; border-top-style: solid; padding-left: 16px; padding-right: 16px; padding-bottom:11px } .form-dropdown-option .icon-check { right: 16px; position: absolute; margin: 0; top: .64706rem; display:none } .form-dropdown-option.checked .icon-check { display:block } .form-dropdown-option-title { margin:12px 0 2px 0 } .form-dropdown-option-text { font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 0; margin:0 } .form-dropdown-option-text: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 } .form-dropdown-option-text: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 } .form-dropdown-option-text: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 } .form-dropdown-option-text:lang(zh) { letter-spacing:0em } .form-dropdown-option-text:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-option-text:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-option-text:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-dropdown-option-text: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 } .form-dropdown-option-text:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-icons { display:block } .form-icons:focus, .form-icons.focused { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); border-radius: 50%; outline:none } .form-icons-circle15 { background-image: url(get-function("sassvg-circle")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-checkalt15 { background-image: url(get-function("sassvg-checkmark")("rgb%280%2C128%2C9%29", "rgb%280%2C128%2C9%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-unvalidatedalt15 { background-image: url(get-function("sassvg-unvalidated")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-reset, .form-icons-clearsolid15 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-search15 { background-image: url(get-function("sassvg-search")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-info19 { background-image: url(get-function("sassvg-info_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-info19:lang(ar) { transform:rotateY(180deg) } .form-icons-circle19 { background-image: url(get-function("sassvg-circle")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-checkalt19 { background-image: url(get-function("sassvg-checkmark")("rgb%280%2C128%2C9%29", "rgb%280%2C128%2C9%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-unvalidatedalt19 { background-image: url(get-function("sassvg-unvalidated")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-unvalidated19 { background-image: url(get-function("sassvg-unvalidated_fill")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-clearsolid19 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-search19 { background-image: url(get-function("sassvg-search")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-add19 { background-image: url(get-function("sassvg-add_fill")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-add29 { background-image: url(get-function("sassvg-add_fill")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); background-size: 29px; background-repeat: no-repeat; width: 29px; height:29px } .form-icons-remove19 { background-image: url(get-function("sassvg-remove_fill")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-location { background-image: url(get-function("sassvg-location")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); width: 17px; height: 25px; margin-top: -4px; margin-right:1px } .form-icons-before { margin-left: 0; margin-right:.47059rem } .form-icons-after { margin-left: .47059rem; margin-right:0 } .form-icons-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items:center } .form-icons-message { padding-left: .17647rem; color:#86868b } .form-icons-message .form-icons-message-link { color:#06c } .form-icons-message .form-icons-message-link:hover { text-decoration:underline } .form-icons-message .form-label-small { display:block } .form-checkbox { position:relative } .form-checkbox .form-checkbox-indicator { border-color: #d2d2d7; background-color:rgba(255, 255, 255, 0.8) } .form-checkbox :focus ~ .form-label .form-checkbox-indicator, .form-checkbox .focused ~ .form-label .form-checkbox-indicator { border-color: #0071e3; background-color:rgba(255, 255, 255, 0.8) } .form-checkbox :checked ~ .form-label .form-checkbox-indicator { color: #fff; border-color: #0071e3; background-color:#0071e3 } .form-checkbox .disabled ~ .form-label .form-checkbox-indicator, .form-checkbox :disabled ~ .form-label .form-checkbox-indicator { color: #86868b; border-color: #d2d2d7; background:rgba(0, 0, 0, 0.04) } .is-error .form-checkbox .form-checkbox-indicator { border-color: #e30000; background:#fff2f4 } .form-checkbox-input { position: absolute; top: .17647rem; left: 0; opacity: 0; width: .94118rem; height:.94118rem } .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before, .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::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: '' } .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before, .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after { text-decoration:none } .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before { display:none } .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before, .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after { content: "" } .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after { position: absolute; top: -.41176rem; left: .5px; font-size: 18px; line-height: 1.55556; font-weight: 400; letter-spacing: .009em; font-family: "SF Pro Icons" } .form-checkbox-input:focus ~ .form-label .form-checkbox-indicator, .form-checkbox-input.focused ~ .form-label .form-checkbox-indicator { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .form-checkbox-input:focus ~ .form-label .form-checkbox-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-checkbox-input:focus ~ .form-label .form-checkbox-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select), .form-checkbox-input.focused ~ .form-label .form-checkbox-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-checkbox-input.focused ~ .form-label .form-checkbox-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .form-checkbox .form-label { padding-left: 1.52941rem; margin-bottom:.64706rem } .form-checkbox-indicator { position: absolute; top: .11765rem; display: inline-block; cursor: pointer; width: .82353rem; height: .82353rem; border-radius: .17647rem; border-width: 1px; border-style: solid; left:0 } .form-icons { display:block } .form-icons:focus, .form-icons.focused { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); border-radius: 50%; outline:none } .form-icons-circle15 { background-image: url(get-function("sassvg-circle")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-checkalt15 { background-image: url(get-function("sassvg-checkmark")("rgb%280%2C128%2C9%29", "rgb%280%2C128%2C9%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-unvalidatedalt15 { background-image: url(get-function("sassvg-unvalidated")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-reset, .form-icons-clearsolid15 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-search15 { background-image: url(get-function("sassvg-search")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-info19 { background-image: url(get-function("sassvg-info_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-info19:lang(ar) { transform:rotateY(180deg) } .form-icons-circle19 { background-image: url(get-function("sassvg-circle")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-checkalt19 { background-image: url(get-function("sassvg-checkmark")("rgb%280%2C128%2C9%29", "rgb%280%2C128%2C9%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-unvalidatedalt19 { background-image: url(get-function("sassvg-unvalidated")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-unvalidated19 { background-image: url(get-function("sassvg-unvalidated_fill")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-clearsolid19 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-search19 { background-image: url(get-function("sassvg-search")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-add19 { background-image: url(get-function("sassvg-add_fill")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-add29 { background-image: url(get-function("sassvg-add_fill")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); background-size: 29px; background-repeat: no-repeat; width: 29px; height:29px } .form-icons-remove19 { background-image: url(get-function("sassvg-remove_fill")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-location { background-image: url(get-function("sassvg-location")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); width: 17px; height: 25px; margin-top: -4px; margin-right:1px } .form-icons-before { margin-left: 0; margin-right:.47059rem } .form-icons-after { margin-left: .47059rem; margin-right:0 } .form-icons-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items:center } .form-icons-message { padding-left: .17647rem; color:#86868b } .form-icons-message .form-icons-message-link { color:#06c } .form-icons-message .form-icons-message-link:hover { text-decoration:underline } .form-icons-message .form-label-small { display:block } .form-radiobutton { position:relative } .form-radiobutton .form-radiobutton-indicator { border-color: #d2d2d7; background-color:rgba(255, 255, 255, 0.8) } .form-radiobutton :checked ~ .form-label .form-radiobutton-indicator, .form-radiobutton :focus ~ .form-label .form-radiobutton-indicator, .form-radiobutton .focused ~ .form-label .form-radiobutton-indicator { border-color: #0071e3; background-color:#fff } .form-radiobutton :disabled ~ .form-label .form-radiobutton-indicator { background-color:rgba(0, 0, 0, 0.04) } .form-radiobutton-input { position: absolute; top: 3px; left: 0; opacity: 0; width: 16px; height:16px } .form-radiobutton-input:checked ~ .form-label .form-radiobutton-indicator { width: 4px; height: 4px; border-width:6px } .form-radiobutton-input:focus ~ .form-label .form-radiobutton-indicator, .form-radiobutton-input.focused ~ .form-label .form-radiobutton-indicator { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline: none } .form-radiobutton-input:focus ~ .form-label .form-radiobutton-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-radiobutton-input:focus ~ .form-label .form-radiobutton-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select), .form-radiobutton-input.focused ~ .form-label .form-radiobutton-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-radiobutton-input.focused ~ .form-label .form-radiobutton-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select) { box-shadow:none } .form-radiobutton .form-label { padding-left: 26px; margin-bottom:11px } .form-radiobutton-indicator { left: 0; border-radius: 50%; width: 14px; height: 14px; border-width: 1px; border-style: solid; cursor: pointer; position: absolute; display: inline-block; top:2px } .theme-dark .form-title, .theme-dark .form-group-label, .theme-dark .form-label-small, .theme-dark .form-label { color:#f5f5f7 } .theme-dark .is-error .form-group-label, .theme-dark .form-message-wrapper { color:#ff3037 } .theme-dark .is-error .form-checkbox .form-checkbox-indicator { border-color: #ff3037; background:#300 } .theme-dark .form-checkbox .form-checkbox-indicator { border-color: #424245; background-color:rgba(255, 255, 255, 0.04) } .theme-dark .form-checkbox :focus ~ .form-label .form-checkbox-indicator, .theme-dark .form-checkbox .focused ~ .form-label .form-checkbox-indicator { border-color: #0071e3; background-color:rgba(255, 255, 255, 0.04) } .theme-dark .form-checkbox :checked ~ .form-label .form-checkbox-indicator { color: #fff; border-color: #0071e3; background-color:#0071e3 } .theme-dark .form-checkbox .disabled ~ .form-label .form-checkbox-indicator, .theme-dark .form-checkbox :disabled ~ .form-label .form-checkbox-indicator { color: #6e6e73; border-color: #424245; background:rgba(255, 255, 255, 0.12) } .theme-dark .form-icons-circle15 { background-image: url(get-function("sassvg-circle")("rgb%28110%2C110%2C115%29", "rgb%28110%2C110%2C115%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .theme-dark .form-icons-checkalt15 { background-image: url(get-function("sassvg-checkmark")("rgb%283%2C161%2C14%29", "rgb%283%2C161%2C14%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .theme-dark .form-icons-unvalidatedalt15 { background-image: url(get-function("sassvg-unvalidated")("rgb%28255%2C48%2C55%29", "rgb%28255%2C48%2C55%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .theme-dark .form-icons-reset, .theme-dark .form-icons-clearsolid15 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28110%2C110%2C115%29", "rgb%28110%2C110%2C115%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .theme-dark .form-icons-search15 { background-image: url(get-function("sassvg-search")("rgb%28110%2C110%2C115%29", "rgb%28110%2C110%2C115%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .theme-dark .form-icons-info19 { background-image: url(get-function("sassvg-info_fill")("rgb%28110%2C110%2C115%29", "rgb%28110%2C110%2C115%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-info19:lang(ar) { transform:rotateY(180deg) } .theme-dark .form-icons-circle19 { background-image: url(get-function("sassvg-circle")("rgb%28110%2C110%2C115%29", "rgb%28110%2C110%2C115%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-checkalt19 { background-image: url(get-function("sassvg-checkmark")("rgb%283%2C161%2C14%29", "rgb%283%2C161%2C14%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-unvalidatedalt19 { background-image: url(get-function("sassvg-unvalidated")("rgb%28255%2C48%2C55%29", "rgb%28255%2C48%2C55%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-unvalidated19 { background-image: url(get-function("sassvg-unvalidated_fill")("rgb%28255%2C48%2C55%29", "rgb%28255%2C48%2C55%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-clearsolid19 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28110%2C110%2C115%29", "rgb%28110%2C110%2C115%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-search19 { background-image: url(get-function("sassvg-search")("rgb%28110%2C110%2C115%29", "rgb%28110%2C110%2C115%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-add19 { background-image: url(get-function("sassvg-add_fill")("rgb%2841%2C151%2C255%29", "rgb%2841%2C151%2C255%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-add29 { background-image: url(get-function("sassvg-add_fill")("rgb%2841%2C151%2C255%29", "rgb%2841%2C151%2C255%29", "")); background-size: 29px; background-repeat: no-repeat; width: 29px; height:29px } .theme-dark .form-icons-remove19 { background-image: url(get-function("sassvg-remove_fill")("rgb%28255%2C48%2C55%29", "rgb%28255%2C48%2C55%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .theme-dark .form-icons-location { background-image: url(get-function("sassvg-location")("rgb%2841%2C151%2C255%29", "rgb%2841%2C151%2C255%29", "")); width: 17px; height: 25px; margin-top: -4px; margin-right:1px } .theme-dark .form-icons-message { color:#6e6e73 } .theme-dark .form-icons-message .form-icons-message-link { color:#2997ff } .theme-dark .form-radiobutton .form-radiobutton-indicator { border-color: #424245; background-color:rgba(255, 255, 255, 0.04) } .theme-dark .form-radiobutton :checked ~ .form-label .form-radiobutton-indicator, .theme-dark .form-radiobutton :focus ~ .form-label .form-radiobutton-indicator, .theme-dark .form-radiobutton .focused ~ .form-label .form-radiobutton-indicator { border-color: #0071e3; background-color:#fff } .theme-dark .form-radiobutton :disabled ~ .form-label .form-radiobutton-indicator { background-color:rgba(255, 255, 255, 0.12) } .theme-dark .form-dropdown .form-dropdown-select { color: #f5f5f7; border-color: #424245; background-color:rgba(255, 255, 255, 0.04) } .theme-dark .form-dropdown .form-dropdown-select:focus, .theme-dark .form-dropdown .form-dropdown-select.focused { border-color:#0071e3 } .theme-dark .form-dropdown .form-dropdown-select:-moz-focusring { color: transparent; text-shadow:0 0 0 #f5f5f7 } .theme-dark .form-dropdown .form-dropdown-select option:not(:disabled) { color:#1d1d1f } .theme-dark .form-dropdown :disabled { color: #6e6e73; background-color:rgba(255, 255, 255, 0.1) } .theme-dark .form-dropdown .form-dropdown-selectnone { color:transparent } .theme-dark .form-dropdown .form-dropdown-selectnone:-moz-focusring { text-shadow:none } .theme-dark .form-dropdown .form-dropdown-chevron { color:#6e6e73 } .theme-dark .form-dropdown .form-dropdown-label { color:#86868b } .theme-dark .form-dropdown :disabled ~ .form-dropdown-label, .theme-dark .form-dropdown .form-dropdown-selectnone ~ .form-dropdown-label { color:#6e6e73 } .theme-dark .form-dropdown.is-error .form-dropdown-select { border-color: #ff3037; background-color:#300 } .theme-dark .form-dropdown.is-error .focused .form-dropdown-select, .theme-dark .form-dropdown.is-error .form-dropdown-select:focus { border-color: #0071e3; background-color:rgba(255, 255, 255, 0.04) } .theme-dark .form-dropdown.is-error .form-dropdown-label { color:#ff3037 } .theme-dark .form-dropdown.is-error .is-expanded .form-dropdown-label { color:#6e6e73 } .theme-dark .form-dropdown-multiline .form-dropdown-select:focus { border-color:#424245 } .theme-dark .form-dropdown-multiline .form-dropdown-options { background-color:#000 } .theme-dark .form-dropdown-multiline .form-dropdown-option { background-color: rgba(255, 255, 255, 0.04); color: #f5f5f7; border-color:#424245 } .theme-dark .form-dropdown-multiline .form-dropdown-option-text { color:#6e6e73 } .theme-dark .form-dropdown-multiline.focused .form-dropdown-select { border-color:#0071e3 } .theme-dark .form-dropdown-multiline .form-dropdown-option.selected, .theme-dark .form-dropdown-multiline .form-dropdown-option:hover { background-color: #0071e3; color:#fff } .theme-dark .form-dropdown-multiline .form-dropdown-option.selected .form-dropdown-option-text, .theme-dark .form-dropdown-multiline .form-dropdown-option:hover .form-dropdown-option-text { color:#fff } .form-textbox { position:relative } .form-textbox .form-textarea, .form-textbox .form-textbox-input { color: #1d1d1f; border-color: #d2d2d7; background-color: rgba(255, 255, 255, 0.8); text-overflow:ellipsis } .form-textbox .form-textarea textarea, .form-textbox .form-textbox-input textarea { color: #1d1d1f; background-color:transparent } .form-textbox .form-textarea.disabled, .form-textbox .form-textarea:disabled, .form-textbox .form-textbox-input.disabled, .form-textbox .form-textbox-input:disabled { color: #86868b; -webkit-text-fill-color: #86868b; background-color:rgba(0, 0, 0, 0.02) } .form-textbox .form-textarea.disabled textarea, .form-textbox .form-textarea:disabled textarea, .form-textbox .form-textbox-input.disabled textarea, .form-textbox .form-textbox-input:disabled textarea { color: #86868b; -webkit-text-fill-color:#86868b } .form-textbox .form-textarea:-webkit-autofill, .form-textbox .form-textbox-input:-webkit-autofill { color: #1d1d1f; caret-color: #1d1d1f; -webkit-text-fill-color: #1d1d1f; box-shadow: 0 0 0 100px #fffef2 inset; border-color:#ffe045 } .form-textbox .form-textarea:-webkit-autofill:focus, .form-textbox .form-textbox-input:-webkit-autofill:focus { box-shadow:0 0 0 4px rgba(0, 125, 250, 0.6), 0 0 0 100px #fffef2 inset } .form-textbox .form-textarea:focus, .form-textbox .form-textarea.focused, .form-textbox .form-textbox-input:focus, .form-textbox .form-textbox-input.focused { border-color:#0071e3 } .form-textbox .form-textarea::-moz-placeholder, .form-textbox .form-textbox-input::-moz-placeholder { color:#6e6e73 } .form-textbox .form-textarea:-ms-input-placeholder, .form-textbox .form-textbox-input:-ms-input-placeholder { color:#6e6e73 } .form-textbox .form-textarea::placeholder, .form-textbox .form-textbox-input::placeholder { color:#6e6e73 } .form-textbox .form-textarea::-webkit-credentials-auto-fill-button, .form-textbox .form-textarea::-webkit-contacts-auto-fill-button, .form-textbox .form-textbox-input::-webkit-credentials-auto-fill-button, .form-textbox .form-textbox-input::-webkit-contacts-auto-fill-button { background-color: #1d1d1f } .form-textbox .form-textbox-input:not(:disabled).focused ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled):focus ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled).form-textbox-entered ~ .form-textbox-label { color: #6e6e73 } .form-textbox .form-textarea:not(.disabled).focused ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled):focus ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled):valid[required] ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled).form-textbox-entered ~ .form-textbox-label { color:#6e6e73 } .form-textbox .form-textbox-label { color:#86868b } .form-textbox .icon-check { color:#008009 } .form-textbox .form-textbox-countrycode { color: #86868b; border-right: 1px solid #d2d2d7; background-color:rgba(0, 0, 0, 0.02) } .form-textbox .form-textbox-counter-wrapper { color:#6e6e73 } .form-textbox .form-textbox-counter-wrapper.is-error { color:#e30000 } .form-textbox.is-error .form-textarea:not(.focused), .form-textbox.is-error .form-textbox-input:not(:focus) { border-color: #e30000; background-color:#fff2f4 } .form-textbox.is-error .form-textarea:not(.focused) ~ .form-textbox-countrycode, .form-textbox.is-error .form-textbox-input:not(:focus) ~ .form-textbox-countrycode { border-right: 1px solid #e30000; background-color: rgba(227, 0, 0, 0.04) } .form-textbox.is-error .form-textarea:not(:disabled).focused ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled):focus ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled).form-textbox-entered ~ .form-textbox-label, .form-textbox.is-error .form-textbox-input:not(:disabled).focused ~ .form-textbox-label, .form-textbox.is-error .form-textbox-input:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox.is-error .form-textbox-input:not(:disabled):focus ~ .form-textbox-label, .form-textbox.is-error .form-textbox-input:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox.is-error .form-textbox-input:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox.is-error .form-textbox-input:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox.is-error .form-textbox-input:not(:disabled).form-textbox-entered ~ .form-textbox-label { color:#e30000 } .form-textbox.is-error .form-textbox-label { color:#e30000 } .form-textbox-input { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; width: 100%; height: 3.29412rem; border-radius: 12px; border-width: 1px; border-style: solid; box-sizing: border-box; margin-bottom: .82353rem; padding: 1.05882rem .94118rem 0 .94118rem; text-align: left; -webkit-appearance: none; -moz-appearance: none; appearance:none } .form-textbox-input:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input: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 } .form-textbox-input:lang(ko) { line-height: 1.35296; 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 } .form-textbox-input:lang(zh) { letter-spacing:0em } .form-textbox-input:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input: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 } .form-textbox-input:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input.focused ~ .form-textbox-label, .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox-input:focus ~ .form-textbox-label, .form-textbox-input:valid[required] ~ .form-textbox-label, .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox-input.form-textbox-entered ~ .form-textbox-label { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; top: .58824rem } .form-textbox-input.focused ~ .form-textbox-label:lang(ar), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(ar), .form-textbox-input:focus ~ .form-textbox-label:lang(ar), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(ar), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ar), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ar), .form-textbox-input.form-textbox-entered ~ .form-textbox-label: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 } .form-textbox-input.focused ~ .form-textbox-label:lang(ja), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(ja), .form-textbox-input:focus ~ .form-textbox-label:lang(ja), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(ja), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ja), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ja), .form-textbox-input.form-textbox-entered ~ .form-textbox-label: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 } .form-textbox-input.focused ~ .form-textbox-label:lang(ko), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(ko), .form-textbox-input:focus ~ .form-textbox-label:lang(ko), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(ko), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ko), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ko), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(ko) { line-height: 1.41667; 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 } .form-textbox-input.focused ~ .form-textbox-label:lang(zh), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh), .form-textbox-input:focus ~ .form-textbox-label:lang(zh), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh) { letter-spacing: 0em } .form-textbox-input.focused ~ .form-textbox-label:lang(th), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(th), .form-textbox-input:focus ~ .form-textbox-label:lang(th), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(th), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(th), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(th), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input.focused ~ .form-textbox-label:lang(zh-CN), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-CN), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-CN), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-CN), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-CN), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-CN), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input.focused ~ .form-textbox-label:lang(zh-HK), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-HK), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-HK), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-HK), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-HK), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-HK), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input.focused ~ .form-textbox-label:lang(zh-MO), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-MO), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-MO), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-MO), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-MO), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-MO), .form-textbox-input.form-textbox-entered ~ .form-textbox-label: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 } .form-textbox-input.focused ~ .form-textbox-label:lang(zh-TW), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-TW), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-TW), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-TW), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-TW), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-TW), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-input:valid[required] ~ .form-textbox-righticon .icon-check, .form-textbox-input:valid[required] ~ .form-textbox-lefticon .icon-check, .form-textbox-input.form-textbox-entered ~ .form-textbox-righticon .icon-check, .form-textbox-input.form-textbox-entered ~ .form-textbox-lefticon .icon-check { display:block } .is-error .form-textbox-input:valid[required] ~ .form-textbox-righticon .icon-check, .is-error .form-textbox-input:valid[required] ~ .form-textbox-lefticon .icon-check, .is-error .form-textbox-input.form-textbox-entered ~ .form-textbox-righticon .icon-check, .is-error .form-textbox-input.form-textbox-entered ~ .form-textbox-lefticon .icon-check { display:none } .form-textbox-input:valid[required] ~ .form-textbox-righticon .form-icons-reset, .form-textbox-input:valid[required] ~ .form-textbox-lefticon .form-icons-reset, .form-textbox-input.form-textbox-entered ~ .form-textbox-righticon .form-icons-reset, .form-textbox-input.form-textbox-entered ~ .form-textbox-lefticon .form-icons-reset { display:block } .form-textbox-input.focused ~ .form-textbox-counter-wrapper, .form-textbox-input:focus ~ .form-textbox-counter-wrapper, .form-textbox-input:valid[required] ~ .form-textbox-counter-wrapper, .form-textbox-input.form-textbox-entered ~ .form-textbox-counter-wrapper, .form-textbox-input.is-error ~ .form-textbox-counter-wrapper { display:block } .form-textbox-input.focused, .form-textbox-input:focus { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline:none } .is-error .form-textbox-input { margin-bottom:0 } .form-textbox-label { position: absolute; pointer-events: none; transition-timing-function: ease-in; transition-duration: .125s; top: 1.05882rem; white-space: nowrap; overflow: hidden; max-width: calc(100% - 32px); left: 1rem; font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-label: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 } .form-textbox-label:lang(ko) { line-height: 1.35296; 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 } .form-textbox-label:lang(zh) { letter-spacing:0em } .form-textbox-label:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-label: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 } .form-textbox-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-lefticon .form-textbox-input { padding-left:2.88235rem } .form-textbox-with-lefticon .form-textbox-label { left:2.94118rem } .form-textbox-with-lefticon .form-textbox-lefticon { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 1.17647rem; font-size: 32px; line-height: 1.09375; font-weight: 400; letter-spacing: .011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; left:1rem } .form-textbox-with-lefticon .form-textbox-lefticon:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-lefticon .form-textbox-lefticon: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 } .form-textbox-with-lefticon .form-textbox-lefticon:lang(ko) { 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 } .form-textbox-with-lefticon .form-textbox-lefticon:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-lefticon .form-textbox-lefticon:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-lefticon .form-textbox-lefticon:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-lefticon .form-textbox-lefticon: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 } .form-textbox-with-lefticon .form-textbox-lefticon:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-lefticon .form-textbox-lefticon .form-icons-reset { display:none } .form-textbox-with-lefticon .form-textbox-lefticon .icon-check { display: none; position: relative; top: -11px; left:1px } .form-textbox-with-righticon .form-textbox-input { padding-right:2.88235rem } .form-textbox-with-righticon .form-textbox-righticon { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 1.17647rem; font-size: 32px; line-height: 1.09375; font-weight: 400; letter-spacing: .011em; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; right:1rem } .form-textbox-with-righticon .form-textbox-righticon:lang(ar) { font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-righticon .form-textbox-righticon: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 } .form-textbox-with-righticon .form-textbox-righticon:lang(ko) { 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 } .form-textbox-with-righticon .form-textbox-righticon:lang(th) { font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-righticon .form-textbox-righticon:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-righticon .form-textbox-righticon:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-righticon .form-textbox-righticon: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 } .form-textbox-with-righticon .form-textbox-righticon:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-righticon .form-textbox-righticon .form-icons-reset { display:none } .form-textbox-with-righticon .form-textbox-righticon .icon-check { display: none; position: relative; top: -11px; left:1px } .form-textbox-with-counter .form-textbox-counter-wrapper { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; right: .94118rem; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: .58824rem; display:none } .form-textbox-with-counter .form-textbox-counter-wrapper: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 } .form-textbox-with-counter .form-textbox-counter-wrapper: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 } .form-textbox-with-counter .form-textbox-counter-wrapper:lang(ko) { line-height: 1.41667; 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 } .form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh) { letter-spacing:0em } .form-textbox-with-counter .form-textbox-counter-wrapper:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-counter .form-textbox-counter-wrapper: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 } .form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-countrycode .form-textbox-input { padding-left:6.29412rem } .form-textbox-with-countrycode .form-textbox-label { left:6.35294rem } .form-textbox-with-countrycode-small .form-textbox-input { padding-left:4rem } .form-textbox-with-countrycode-small .form-textbox-label { left:4.05882rem } .form-textbox-countrycode { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; position: absolute; left: 0; top: .05882rem; margin-left: 1px; padding: 1rem .94118rem 0 .94118rem; overflow: hidden; box-sizing: border-box; height: 3.17647rem; border-top-left-radius: 12px; border-bottom-left-radius:12px } .form-textbox-countrycode:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-countrycode: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 } .form-textbox-countrycode:lang(ko) { line-height: 1.35296; 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 } .form-textbox-countrycode:lang(zh) { letter-spacing:0em } .form-textbox-countrycode:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-countrycode:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-countrycode:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-countrycode: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 } .form-textbox-countrycode:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-button .form-textbox-input { padding-right:3.82353rem } .form-textbox-with-button .form-textbox-button { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; right: .88235rem; color: #06c; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:1.05882rem } .form-textbox-with-button .form-textbox-button:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-button .form-textbox-button: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 } .form-textbox-with-button .form-textbox-button:lang(ko) { line-height: 1.35296; 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 } .form-textbox-with-button .form-textbox-button:lang(zh) { letter-spacing:0em } .form-textbox-with-button .form-textbox-button:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-button .form-textbox-button:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-button .form-textbox-button:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-button .form-textbox-button: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 } .form-textbox-with-button .form-textbox-button:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-with-button .form-textbox-button:disabled { color:#86868b } @media only screen and (max-width: 734px) { .form-textbox-with-button .form-textbox-button { display:none } } .form-textbox-with-button :valid[required] ~ .form-textbox-button, .form-textbox-with-button .form-textbox-entered ~ .form-textbox-button { display:block } .form-textbox-with-button :valid[required] ~ .form-textbox-button:hover, .form-textbox-with-button .form-textbox-entered ~ .form-textbox-button:hover { text-decoration:underline } .form-textbox-sidebutton { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin-left: .94118rem; color: #06c; margin-top:1.11765rem } .form-textbox-sidebutton:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-sidebutton: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 } .form-textbox-sidebutton:lang(ko) { line-height: 1.35296; 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 } .form-textbox-sidebutton:lang(zh) { letter-spacing:0em } .form-textbox-sidebutton:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-sidebutton:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-sidebutton:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-sidebutton: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 } .form-textbox-sidebutton:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textbox-sidebutton:disabled { color:#86868b } .form-textbox-sidebutton:hover { text-decoration:underline } .form-textbox-sidebyside .column { padding-left: .41176rem; padding-right:.41176rem } .form-textbox-sidebyside .column:first-child { padding-left:0 } .form-textbox-sidebyside .column:last-child { padding-right:0 } .form-textbox-sidebyside.is-error .form-textarea:not(.focused), .form-textbox-sidebyside.is-error .form-textbox-input:not(:focus) { border-color: #e30000; background-color:#fff2f4 } .form-textbox-sidebyside.is-error .form-textarea:not(.focused) ~ .form-textbox-countrycode, .form-textbox-sidebyside.is-error .form-textbox-input:not(:focus) ~ .form-textbox-countrycode { border-right: 1px solid #e30000; background-color: rgba(227, 0, 0, 0.04) } .form-textbox-sidebyside.is-error .form-textarea:not(:disabled).focused ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled):focus ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled).form-textbox-entered ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled).focused ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled):focus ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled).form-textbox-entered ~ .form-textbox-label { color:#e30000 } .form-textbox-sidebyside.is-error .form-textbox-label { color:#e30000 } @media only screen and (max-width: 734px) { .form-textbox-widebutton { -ms-flex-direction: column; flex-direction:column } .form-textbox-widebutton .column { max-width: 100%; text-align:right } .form-textbox-widebutton .form-message-wrapper, .form-textbox-widebutton .form-textbox-input { margin-bottom:0 } .form-textbox-widebutton .form-textbox-sidebutton { margin-right: 1rem; margin-top: .41176rem; margin-bottom:.82353rem } } .form-textarea { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; width: 100%; height: 3.29412rem; border-radius: 12px; border-width: 1px; border-style: solid; box-sizing: border-box; margin-bottom: .82353rem; padding: 1.05882rem .94118rem 0 .94118rem; text-align: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; padding: 1.88235rem .17647rem .17647rem .17647rem; display: -ms-flexbox; display:flex } .form-textarea:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea: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 } .form-textarea:lang(ko) { line-height: 1.35296; 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 } .form-textarea:lang(zh) { letter-spacing:0em } .form-textarea:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea: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 } .form-textarea:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea.focused ~ .form-textbox-label, .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label, .form-textarea:focus ~ .form-textbox-label, .form-textarea:valid[required] ~ .form-textbox-label, .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textarea.form-textbox-entered ~ .form-textbox-label { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; top: .58824rem } .form-textarea.focused ~ .form-textbox-label:lang(ar), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(ar), .form-textarea:focus ~ .form-textbox-label:lang(ar), .form-textarea:valid[required] ~ .form-textbox-label:lang(ar), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ar), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ar), .form-textarea.form-textbox-entered ~ .form-textbox-label: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 } .form-textarea.focused ~ .form-textbox-label:lang(ja), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(ja), .form-textarea:focus ~ .form-textbox-label:lang(ja), .form-textarea:valid[required] ~ .form-textbox-label:lang(ja), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ja), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ja), .form-textarea.form-textbox-entered ~ .form-textbox-label: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 } .form-textarea.focused ~ .form-textbox-label:lang(ko), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(ko), .form-textarea:focus ~ .form-textbox-label:lang(ko), .form-textarea:valid[required] ~ .form-textbox-label:lang(ko), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ko), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ko), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(ko) { line-height: 1.41667; 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 } .form-textarea.focused ~ .form-textbox-label:lang(zh), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh), .form-textarea:focus ~ .form-textbox-label:lang(zh), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh) { letter-spacing: 0em } .form-textarea.focused ~ .form-textbox-label:lang(th), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(th), .form-textarea:focus ~ .form-textbox-label:lang(th), .form-textarea:valid[required] ~ .form-textbox-label:lang(th), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(th), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(th), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(th) { line-height: 1.33337; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea.focused ~ .form-textbox-label:lang(zh-CN), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-CN), .form-textarea:focus ~ .form-textbox-label:lang(zh-CN), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-CN), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-CN), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-CN), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea.focused ~ .form-textbox-label:lang(zh-HK), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-HK), .form-textarea:focus ~ .form-textbox-label:lang(zh-HK), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-HK), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-HK), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-HK), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea.focused ~ .form-textbox-label:lang(zh-MO), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-MO), .form-textarea:focus ~ .form-textbox-label:lang(zh-MO), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-MO), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-MO), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-MO), .form-textarea.form-textbox-entered ~ .form-textbox-label: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 } .form-textarea.focused ~ .form-textbox-label:lang(zh-TW), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-TW), .form-textarea:focus ~ .form-textbox-label:lang(zh-TW), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-TW), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-TW), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-TW), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea:valid[required] ~ .form-textbox-righticon .icon-check, .form-textarea:valid[required] ~ .form-textbox-lefticon .icon-check, .form-textarea.form-textbox-entered ~ .form-textbox-righticon .icon-check, .form-textarea.form-textbox-entered ~ .form-textbox-lefticon .icon-check { display:block } .is-error .form-textarea:valid[required] ~ .form-textbox-righticon .icon-check, .is-error .form-textarea:valid[required] ~ .form-textbox-lefticon .icon-check, .is-error .form-textarea.form-textbox-entered ~ .form-textbox-righticon .icon-check, .is-error .form-textarea.form-textbox-entered ~ .form-textbox-lefticon .icon-check { display:none } .form-textarea:valid[required] ~ .form-textbox-righticon .form-icons-reset, .form-textarea:valid[required] ~ .form-textbox-lefticon .form-icons-reset, .form-textarea.form-textbox-entered ~ .form-textbox-righticon .form-icons-reset, .form-textarea.form-textbox-entered ~ .form-textbox-lefticon .form-icons-reset { display:block } .form-textarea.focused ~ .form-textbox-counter-wrapper, .form-textarea:focus ~ .form-textbox-counter-wrapper, .form-textarea:valid[required] ~ .form-textbox-counter-wrapper, .form-textarea.form-textbox-entered ~ .form-textbox-counter-wrapper, .form-textarea.is-error ~ .form-textbox-counter-wrapper { display:block } .form-textarea.focused, .form-textarea:focus { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); outline:none } .is-error .form-textarea { margin-bottom:0 } .form-textarea.focused { box-shadow:0 0 0 4px rgba(0, 125, 250, 0.6) } .form-textarea textarea { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; width: 100%; height: 3.70588rem; text-align: left; outline: none; border: 0; padding: 0 .76471rem 0 .76471rem; resize:vertical } .form-textarea textarea:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea textarea: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 } .form-textarea textarea:lang(ko) { line-height: 1.35296; 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 } .form-textarea textarea:lang(zh) { letter-spacing:0em } .form-textarea textarea:lang(th) { line-height: 1.35296; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea textarea:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea textarea:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea textarea: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 } .form-textarea textarea:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-textarea textarea:invalid { box-shadow:none } .form-textarea ~ .form-label { display: block; margin-top:-4px } .form-icons { display:block } .form-icons:focus, .form-icons.focused { box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); border-radius: 50%; outline:none } .form-icons-circle15 { background-image: url(get-function("sassvg-circle")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-checkalt15 { background-image: url(get-function("sassvg-checkmark")("rgb%280%2C128%2C9%29", "rgb%280%2C128%2C9%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-unvalidatedalt15 { background-image: url(get-function("sassvg-unvalidated")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-reset, .form-icons-clearsolid15 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-search15 { background-image: url(get-function("sassvg-search")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 15px; background-repeat: no-repeat; width: 15px; height:15px } .form-icons-info19 { background-image: url(get-function("sassvg-info_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-info19:lang(ar) { transform:rotateY(180deg) } .form-icons-circle19 { background-image: url(get-function("sassvg-circle")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-checkalt19 { background-image: url(get-function("sassvg-checkmark")("rgb%280%2C128%2C9%29", "rgb%280%2C128%2C9%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-unvalidatedalt19 { background-image: url(get-function("sassvg-unvalidated")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-unvalidated19 { background-image: url(get-function("sassvg-unvalidated_fill")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-clearsolid19 { background-image: url(get-function("sassvg-xmark_fill")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-search19 { background-image: url(get-function("sassvg-search")("rgb%28134%2C134%2C139%29", "rgb%28134%2C134%2C139%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-add19 { background-image: url(get-function("sassvg-add_fill")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-add29 { background-image: url(get-function("sassvg-add_fill")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); background-size: 29px; background-repeat: no-repeat; width: 29px; height:29px } .form-icons-remove19 { background-image: url(get-function("sassvg-remove_fill")("rgb%28227%2C0%2C0%29", "rgb%28227%2C0%2C0%29", "")); background-size: 19px; background-repeat: no-repeat; width: 19px; height:19px } .form-icons-location { background-image: url(get-function("sassvg-location")("rgb%280%2C102%2C204%29", "rgb%280%2C102%2C204%29", "")); width: 17px; height: 25px; margin-top: -4px; margin-right:1px } .form-icons-before { margin-left: 0; margin-right:.47059rem } .form-icons-after { margin-left: .47059rem; margin-right:0 } .form-icons-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items:center } .form-icons-message { padding-left: .17647rem; color:#86868b } .form-icons-message .form-icons-message-link { color:#06c } .form-icons-message .form-icons-message-link:hover { text-decoration:underline } .form-icons-message .form-label-small { display:block } .form-tooltip { font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; line-height: 1.3; padding: .70588rem 1rem .76471rem; border-radius: 4px; background: #f5f5f7; position: absolute; width: 12.35294rem; z-index: 1; display: none; margin: 0; bottom: 1.88235rem; color:#1d1d1f } .form-tooltip: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 } .form-tooltip: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 } .form-tooltip: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 } .form-tooltip:lang(zh) { letter-spacing:0em } .form-tooltip:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip: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 } .form-tooltip:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip .form-tooltip-pointer, .form-tooltip::after { position: absolute; content: ''; border-left: .6em solid transparent; border-right: .6em solid transparent; border-top: .6em solid #f5f5f7; bottom:-.5em } .form-tooltip.form-tooltip-show { display:block } .form-icons-before ~ .form-tooltip { bottom:1.94118rem } .form-tooltip-button:focus, .form-tooltip-button.focused { outline:0 } .form-tooltip-wrapper { display: inline-block; position:relative } .form-tooltip-wrapper .form-icons.form-icons-before { margin-right: .41176rem; left:0 } .form-tooltip-textbox-icon-wrapper { position:relative } .form-tooltip-textbox-icon-wrapper .form-tooltip-wrapper .form-icons.form-icons-before { top:.41176rem } .form-tooltip-title { font-size: 14px; line-height: 1.42859; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 600; margin-bottom:6px } .form-tooltip-title: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 } .form-tooltip-title: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 } .form-tooltip-title: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 } .form-tooltip-title:lang(zh) { letter-spacing:0em } .form-tooltip-title:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip-title:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip-title:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip-title: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 } .form-tooltip-title:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .form-tooltip-validation-wrapper .form-tooltip-title { margin-bottom:0 } .form-tooltip-content { margin:0 } .form-tooltip-validation-wrapper .form-tooltip-content { position: relative; top:.23529rem } .form-tooltip-content .form-tooltip-validation-msg { margin-bottom:4px } .form-tooltip-left { left:-.88235rem } .form-tooltip-left::after { left:.94118rem } .form-tooltip-right { left:-12.23529rem } .form-tooltip-right::after { right:.88235rem } .form-tooltip-middle { left:-94px } @media only screen and (max-width: 734px) { .form-tooltip-middle { left:-12.23529rem } } .form-tooltip-middle::after { right:6.64706rem } @media only screen and (max-width: 734px) { .form-tooltip-middle::after { right:.88235rem } } .form-tooltip-adjusted { left:-94px } .form-tooltip-adjusted::after { border:none } .form-tooltip-adjusted .form-tooltip-pointer { right:6.64706rem } .form-tooltip-left-textbox-wrapper, .form-tooltip-right-textbox-wrapper { margin-bottom:0 } .form-tooltip-left-textbox-wrapper .form-textbox, .form-tooltip-right-textbox-wrapper .form-textbox { padding-left:16px } .form-tooltip-left-textbox-wrapper .form-textbox + .form-tooltip-wrapper, .form-tooltip-right-textbox-wrapper .form-textbox + .form-tooltip-wrapper { right: 0; left:auto } .form-tooltip-left-textbox-wrapper .form-tooltip, .form-tooltip-right-textbox-wrapper .form-tooltip { bottom:1.58824rem } .form-tooltip-right-textbox-wrapper { margin-right: 1.58824rem; min-width:5rem } @media only screen and (max-width: 734px) { .form-tooltip-right-textbox-wrapper { margin-right:1.64706rem } } .form-tooltip-right-textbox-wrapper .form-tooltip-wrapper { top: .88235rem; right:-1.29412rem } @media only screen and (max-width: 734px) { .form-tooltip-right-textbox-wrapper .form-tooltip-wrapper { right:-1.41176rem } } .form-tooltip-right-textbox-wrapper .form-tooltip-right { left:-12.17647rem } .form-tooltip-left-textbox-wrapper { margin-left:1.58824rem } .form-tooltip-left-textbox-wrapper .form-tooltip-wrapper { position: absolute; top: .70588rem; left:-1.88235rem } @media only screen and (max-width: 734px) { .form-tooltip-left-textbox-wrapper .form-tooltip-wrapper { top: .76471rem; left:-1.82353rem } } .form-tooltip-left-textbox-wrapper .form-tooltip-left { left:-.64706rem } .form-textbox + .form-tooltip-wrapper .form-icons { left:10px } .is-error .form-tooltip-textbox-wrapper .form-textbox { margin-bottom: 0; margin-top:0 } .page-overview .row.top-padding { padding-top:68px } @media only screen and (max-width: 734px) { .page-overview .row.top-padding { padding-top:0px } } .page-overview .row.bottom-padding { padding-bottom:88px } @media only screen and (max-width: 1068px) { .page-overview .row.bottom-padding { padding-bottom:70px } } @media only screen and (max-width: 734px) { .page-overview .row.bottom-padding { padding-bottom:0px } } .section-bullet-list-four-column .column { display: -ms-flexbox; display:flex } .center-text { text-align:center } @media only screen and (max-width: 734px) { .center-text { text-align:left } } .center-image { margin-left: auto; margin-right:auto } @media only screen and (max-width: 734px) { .center-image { margin-left: 0; margin-right:0 } } .title-space { margin-top:28px } @media only screen and (max-width: 734px) { .title-space { margin-top:24px } } .localnav-overlap .section-image-hero { padding-top: 0px; margin-bottom: 25px; margin-top: -96px; overflow:hidden } @media only screen and (max-width: 734px) { .localnav-overlap .section-image-hero { margin-bottom:30px } } .localnav-overlap .section-image-hero .image-hero { left: 50%; margin-left: -1280px; position: relative; z-index:1 } @media only screen and (max-width: 1068px) { .localnav-overlap .section-image-hero .image-hero { left: 50%; margin-left: -534px; position:relative } } @media only screen and (max-width: 734px) { .localnav-overlap .section-image-hero .image-hero { left: 50%; margin-left: -368px; position:relative } } .localnav-overlap .section-image-hero .section-content::after { content: ''; width: 2560px; height: 1500px; position: absolute; margin-left: -720px; top: 0; z-index:0 } .localnav-overlap .section-image-hero.ac-localnav-hero .section-content::after { background-color:#1d1d1f } .localnav-overlap .section-image-hero .text-hero { min-height: 168px; z-index: 2; position: absolute; top: calc(50% + 44px); transform: translateY(-50%); width:100% } @media only screen and (max-width: 1068px) { .localnav-overlap .section-image-hero .text-hero { min-height:180px } } @media only screen and (max-width: 734px) { .localnav-overlap .section-image-hero .text-hero { min-height:249px } } @media only screen and (max-width: 734px) { .localnav-overlap .section-image-hero .text-hero .typography-hero-headline { margin-top:60px } } @media only screen and (max-width: 734px) { .localnav-overlap .section-image-hero .text-hero .typography-hero-intro { width: 288px; margin-left: auto; margin-right:auto } } .localnav-overlap .section-image-hero .text-hero.text-dark, .localnav-overlap .section-image-hero .text-hero.text-dark h1 { color:white } .localnav-overlap .section-image-hero .text-hero.text-light, .localnav-overlap .section-image-hero .text-hero.text-light h1 { color:black } .quote-wrapper p { display: inline; padding-right:7px } .quote-wrapper .quote-refs-wrapper { display:inline } .quote-wrapper .quote-refs-wrapper span { padding-right:7px } .quote-wrapper .quote-refs-wrapper span:first-child::after { content: ',' } .quote-wrapper.text-center p, .text-center .quote-wrapper p { display: block; padding-right:0 } .quote-wrapper.text-center .quote-refs-wrapper, .text-center .quote-wrapper .quote-refs-wrapper { display:block } .quote-wrapper.text-center .quote-refs-wrapper span, .text-center .quote-wrapper .quote-refs-wrapper span { display: block; padding-right:0 } .quote-wrapper.text-center .quote-refs-wrapper span:first-child::after, .text-center .quote-wrapper .quote-refs-wrapper span:first-child::after { content: '' } @media only screen and (max-width: 734px) { .small-column-keyline { border-top:1px solid #d2d2d7 } } @media only screen and (max-width: 734px) { .small-column-padding-vertical { padding-top: 40px; padding-bottom:40px } } table.full-width-table { width:100% } .section-hero .row { display:block } @media only screen and (max-width: 734px) { .hide-small-keyline { display:none } } .section-double div.column:first-child { padding-right:10px } @media only screen and (max-width: 734px) { .section-double div.column:first-child { padding-right:0px } } .section-double div.column:last-child { padding-left:10px } @media only screen and (max-width: 734px) { .section-double div.column:last-child { padding-left:0px } } .theme-dark .section-double h1, .theme-dark .section-double h2, .theme-dark .section-double h3, .theme-dark .section-double h4, .theme-dark .section-double p, .theme-dark .section-triple h1, .theme-dark .section-triple h2, .theme-dark .section-triple h3, .theme-dark .section-triple h4, .theme-dark .section-triple p { color:white } .section-buttons .column { padding:0.5em } .section-alpha-links ol { margin-top:0 } .section-bullet-list-three-column ul { margin-top: 0; margin-bottom:0 } .section-bullet-list-four-column ul { margin-top: 0; margin-bottom:0 } .section-flags .flaglist-caption { padding-top: 4px; padding-left:10px } @media only screen and (max-width: 1068px) { .section-flags .flaglist-caption { padding-left:18px } } @media only screen and (max-width: 734px) { .section-flags .flaglist-caption { padding-left:10px } } .section-flags .flaglist-caption .flaglist-list-item { margin-top:6px } @media only screen and (max-width: 1068px) { .section-callout-one-column .callout { padding-left: 2.44444em; padding-right:2.44444em } } @media only screen and (max-width: 734px) { .section-callout-one-column .callout { padding-left: 1.66667em; padding-right:1.66667em } } @media only screen and (max-width: 1068px) { .section-callout-two-column .callout { padding-left: 2.44444em; padding-right:2.44444em } } @media only screen and (max-width: 734px) { .section-callout-two-column .callout { padding-left: 1.66667em; padding-right:1.66667em } } .table-styles .table-header-space { margin-bottom:30px } @media only screen and (max-width: 734px) { .table-styles .table-header-space { margin-bottom:20px } } .table-header { padding-bottom: 10px; padding-left: 8px; font-weight:600 } @media only screen and (max-width: 734px) { .table-header { display: none; padding-left:0 } } .table-header.two-axis { border-bottom:1px solid #1d1d1f } .y-axis { font-weight:600 } .table-wrapper { overflow-y: hidden; overflow-x: auto; position: relative; -webkit-overflow-scrolling: touch; -ms-overflow-style:none } .table-cell { padding-top: 6px; padding-bottom: 6px; padding-left: 8px; vertical-align:top } .table-cell.two-axis { padding-top: 10px; padding-bottom:10px } @media only screen and (max-width: 734px) { .table-cell.two-axis-keyline { border-bottom:1px solid #d2d2d7 } } @media only screen and (max-width: 734px) { .table-cell.two-axis-keyline-alt { border-bottom: 1px solid #1d1d1f; padding-top:26px } } @media only screen and (max-width: 734px) { .table-cell { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 0; width:100% } } @media only screen and (max-width: 734px) { table.no-header .table-cell { display: table-cell; width: auto; min-width: 120px; padding-top: 10px; padding-bottom: 10px; padding-left:12px } } @media only screen and (max-width: 734px) { table.with-overflow .table-cell { display: table-cell; width: auto; min-width: 120px; padding-top: 10px; padding-bottom: 10px; padding-left:12px } } .table-row.two-axis { border-bottom:1px solid #d2d2d7 } @media only screen and (max-width: 734px) { .table-row.two-axis { border-bottom:none } } table.no-header p { margin:0 } table.no-header .table-row { background-color:#d2d2d7 } table.no-header .table-row:nth-child(even), .table-row:nth-child(even) { background-color:#f5f5f7 } table.no-header .table-row:nth-child(even).two-axis, .table-row:nth-child(even).two-axis { background-color:initial } .theme-dark table.no-header .table-row:nth-child(even), .theme-dark .table-row:nth-child(even) { background-color:#1d1d1f } .theme-dark table.no-header .table-row:nth-child(even).two-axis, .theme-dark .table-row:nth-child(even).two-axis { background-color:initial } .data-header { display:none } @media only screen and (max-width: 734px) { .data-header { display: block; font-weight: 600; padding-right:50px } } table.no-header .data-header { display:none } .sosumi-text { padding:17px 0 11px } .section-hierarchy .no-script { display:none } .no-js .section-hierarchy .no-script { display:block } .section-hierarchy .error-message { display:none } .section-hierarchy .error-message.show { display:block } .section-hierarchy .hierarchy-nav > section { padding-top:50px } .section-hierarchy .form-choice-selector { width: 132px; height:174px } .section-hierarchy .hierarchy-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap:wrap } .section-hierarchy .hierarchy-list:after { content: ""; display: table; clear:both } .section-hierarchy .hierarchy-list-item { width: 132px; min-width: 132px; margin-right: 39px; margin-bottom: 22px; position:relative } @media only screen and (max-width: 1068px) { .section-hierarchy .hierarchy-list-item { margin-right: 16px; margin-bottom:16px } } .section-hierarchy .hierarchy-list-item .form-choice-selector-label { padding-left: 8px; padding-right:8px } .section-hierarchy .hierarchy-list-item .form-choice-selector-label .icon { left: 50%; margin-left: -37.5px; position:relative } .section-hierarchy .hierarchy-list-item.selected .form-choice-selector-label { border-color: #06c; position: relative; border-width: 2px; margin-bottom:-2px } .section-hierarchy .hierarchy-list-item.selected .form-choice-selector-label p { color:#000 } .section-hierarchy .selected .hierarchy-link { color:#86868b } .section-hierarchy .hierarchy-button { box-sizing: border-box; padding-top: 15px; padding-bottom:10px } .section-hierarchy .image-text-placement { margin-bottom:33px } .section-hierarchy .item-button a { z-index:10 } .section-hierarchy .item-button .form-label { height: 148px; vertical-align: initial; color: #6e6e73; font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .item-button .form-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .item-button .form-label:lang(ja) { line-height: 1.35718; 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 } .section-hierarchy .item-button .form-label:lang(ko) { line-height: 1.42859; 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 } .section-hierarchy .item-button .form-label:lang(zh) { letter-spacing:0em } .section-hierarchy .item-button .form-label:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .item-button .form-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .item-button .form-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .item-button .form-label: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 } .section-hierarchy .item-button .form-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .region-text-position { display: table; position: relative; margin-top: -92px; width: 100%; height:83px } .section-hierarchy .region-text-position p { display: table-cell; vertical-align: middle; text-align: center; padding:0 10px } .section-hierarchy .region-button .form-label { height: 143px; vertical-align: initial; color: #6e6e73; font-size: 14px; line-height: 1.28577; font-weight: 400; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .region-button .form-label:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .region-button .form-label:lang(ja) { line-height: 1.35718; 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 } .section-hierarchy .region-button .form-label:lang(ko) { line-height: 1.42859; 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 } .section-hierarchy .region-button .form-label:lang(zh) { letter-spacing:0em } .section-hierarchy .region-button .form-label:lang(th) { line-height: 1.35718; letter-spacing: 0em; font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .region-button .form-label:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .region-button .form-label:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .region-button .form-label: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 } .section-hierarchy .region-button .form-label:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .section-hierarchy .region-button .form-choice-selector-label { padding:0 0 10px 0 } .section-hierarchy .region-button .remove-padding { padding:0 0 0 0 } .section-hierarchy .region-button .form-choice-selector:checked ~ .form-choice-selector-label { padding:0 } .flag-list { padding-top:20px } .flag-list .flag-item { padding:0 20px 30px 0px } .flag-list .flag-item figure { position: absolute; left: 0; top:4px } .vert-horiz-center { display: table; position: relative; margin-top: -22px; width: 100%; height:83px } .vert-horiz-center .vert-horiz-copy-center { display: table-cell; vertical-align: middle; text-align:center } .page-code, .localnav-alt { direction: ltr; text-align:left } .page-code xmp, .localnav-alt xmp { width: 100%; background: #fbfbfd; border: 1px solid #d2d2d7; overflow-x: scroll; font-size: 12px; padding:10px } @media only screen and (max-width: 734px) { .page-code xmp, .localnav-alt xmp { width:94% } } .page-code pre, .localnav-alt pre { background: #fbfbfd; border: 1px solid #d2d2d7; font-size: 12px; padding: 0 10px; display:inline } .page-code .link-contents, .localnav-alt .link-contents { position: absolute; right: 0; font-size:24px } @media only screen and (max-width: 734px) { .page-code .link-contents, .localnav-alt .link-contents { position: relative; top:13px } } .page-code .scrollhere, .localnav-alt .scrollhere { display: block; position: relative; margin-top: -59px; padding-bottom: 59px; text-decoration: none; width: 1px; height:1px } @media only screen and (max-width: 734px) { .form-page.with-tooltips { width:100% } .form-page.with-tooltips .section { padding-right:20px } } .form-page .form-choice { z-index:10 } .form-page #radio_selection_error .form-message { line-height:1.9em } @media only screen and (max-width: 1068px) { .form-page #radio_selection_error .form-message { line-height:2.5em } } @media only screen and (max-width: 734px) { .form-page #radio_selection_error .form-message { line-height:3em } } .form-page select:-moz-focusring { color: transparent; text-shadow:0 0 0 #000 } .form-page form .section.section-keyline { margin-bottom:50px } .form-page form .section.section-keyline .keyline { margin-top:0 } .form-page .form-gallery-wrapper { position: relative; z-index: 1; background: #FFF; height:auto } .form-page .form-gallery-wrapper + .section-keyline { margin-top:10px !important } .form-page .form-gallery-wrapper .section-slide { width: 100%; background: #FFF; opacity: 0; z-index: 10; will-change:opacity } .form-page .form-gallery-wrapper .section-slide.ac-gallery-currentitem { opacity:1 } .form-page .form-gallery-wrapper .section-slide > * { opacity:0 } .form-page .form-gallery-wrapper .ac-gallery-currentitem > * { opacity:1 } .form-page .form-gallery-wrapper .form-row > .form-element:not(.form-text-element) { margin-bottom:30px } .form-page .form-gallery-wrapper .form-tooltip-radio-wrapper .form-row > .form-element { margin-bottom:0 } .form-page .form-message-wrapper { display: none; visibility:hidden } .form-page .form-message-wrapper::before { top:0 } .form-page .form-message-wrapper .type-error, .form-page .form-message-wrapper .size-error, .form-page .form-message-wrapper .number-error { display:none } .form-page .form-tooltip-section-wrapper { position:relative } .form-page .is-error .form-message-wrapper { visibility: visible; display:block } .form-page .is-error.show-type-error .type-error, .form-page .is-error.show-size-error .size-error, .form-page .is-error.show-number-error .number-error { display:inline } .form-page .form-cell { display: block; position: relative; padding-bottom: 30px; width:100% } .form-page .form-tooltip-textbox-wrapper.form-icons-focusable { display:block } .form-page .form-label-tooltip { display:inline-block } .form-page .form-tooltip-radio-wrapper .form-cell, .form-page .form-tooltip-checkbox-inline-wrapper .form-cell { display:inline-block } .form-page .form-element + .form-tooltip-wrapper.form-tooltip-radio { top:10px } @media only screen and (max-width: 734px) { .form-page .form-element + .form-tooltip-wrapper.form-tooltip-radio { top:-3px } } .form-page .form-tooltip-wrapper.form-tooltip-checkbox { right: 0; right: -30px; position:absolute } .form-page .form-tooltip-wrapper.form-tooltip-checkbox-without-title { right: 0; right: -30px; position:absolute } .error-message-wrapper .form-error-message { display: none; color:#e30000 } .error-message-wrapper .form-error-message.show { display:block } .error-message-wrapper .form-error-message .error-standard, .error-message-wrapper .form-error-message .error-incomplete, .error-message-wrapper .form-error-message .error-cancel, .error-message-wrapper .form-error-message .error-custom { display:none } .error-message-wrapper .form-error-message.show-standard .error-standard, .error-message-wrapper .form-error-message.show-incomplete .error-incomplete, .error-message-wrapper .form-error-message.show-cancel .error-cancel, .error-message-wrapper .form-error-message.show-custom .error-custom { display:block } .graph-sidebar { opacity:0 } .is-uploading .graph-sidebar { opacity:1 } .graph-sidebar .graph-unit { margin-bottom: 18px; margin-top:18px } .graph-sidebar .graph-data { width:100% } .graph-sidebar .graph-bar-slot { background: #f5f5f7; height:4px } .graph-sidebar .graph-bar { margin-bottom: 5px; background: #06c; height: 4px; width:0 } .graph-sidebar .graph-caption { font-size: 14px; line-height: 1.28583; font-weight: 400; letter-spacing: 0em; text-align: start; color:#666666 } .form-icons.form-icons-info19 { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22solid_help%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20style%3D%22%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%20rgb%280%2C112%2C201%29%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3ESF_Pro_Form_Icons_v4f-Single-Set%3C%2Ftitle%3E%3Cpath%20id%3D%22solid_help-2%22%20data-name%3D%22solid_help%22%20fill%3D%22rgb%280%2C112%2C201%29%22%20d%3D%22M0.1%2C9.5A9.4%2C9.4%2C0%2C1%2C0%2C9.5.1%2C9.4%2C9.4%2C0%2C0%2C0%2C.1%2C9.5Zm9.3%2C4.675a0.73%2C0.73%2C0%2C0%2C1-.532-0.215%2C0.758%2C0.758%2C0%2C0%2C1%2C0-1.061A0.73%2C0.73%2C0%2C0%2C1%2C9.4%2C12.683a0.751%2C0.751%2C0%2C0%2C1%2C.529%2C1.276A0.717%2C0.717%2C0%2C0%2C1%2C9.4%2C14.175Zm0.86-4.235a0.934%2C0.934%2C0%2C0%2C0-.133.293%2C1.5%2C1.5%2C0%2C0%2C0-.041.377v0.333h-1.3v-0.5a1.835%2C1.835%2C0%2C0%2C1%2C.3-1.07A2.767%2C2.767%2C0%2C0%2C1%2C10%2C8.558a2.249%2C2.249%2C0%2C0%2C0%2C.672-0.581%2C1.212%2C1.212%2C0%2C0%2C0%2C.191-0.7%2C1%2C1%2C0%2C0%2C0-.349-0.795%2C1.36%2C1.36%2C0%2C0%2C0-.922-0.3%2C1.342%2C1.342%2C0%2C0%2C0-.942.322%2C1.278%2C1.278%2C0%2C0%2C0-.394.894l-0.017.134H6.963L6.971%2C7.38a2.769%2C2.769%2C0%2C0%2C1%2C.207-0.945A2.218%2C2.218%2C0%2C0%2C1%2C7.7%2C5.677a2.258%2C2.258%2C0%2C0%2C1%2C.82-0.511%2C3.343%2C3.343%2C0%2C0%2C1%2C2.161-.025%2C2.447%2C2.447%2C0%2C0%2C1%2C.826.477%2C2.073%2C2.073%2C0%2C0%2C1%2C.543.727%2C2.149%2C2.149%2C0%2C0%2C1%2C.186.886A2.378%2C2.378%2C0%2C0%2C1%2C10.96%2C9.363%2C2.249%2C2.249%2C0%2C0%2C0%2C10.263%2C9.94Z%22%2F%3E%3C%2Fsvg%3E) } .form-icons.form-icons-clearsolid15 { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22solid_reset%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20style%3D%22%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23555%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3ESF_Pro_Form_Icons_v4f-Single-Set%3C%2Ftitle%3E%3Cpath%20id%3D%22solid_reset-2%22%20data-name%3D%22solid_reset%22%20fill%3D%22rgb%28184%2C184%2C184%29%22%20d%3D%22M18.253%2C5.8A9.494%2C9.494%2C0%2C0%2C0%2C9.5%2C0%2C9.5%2C9.5%2C0%2C0%2C0%2C.747%2C5.8a9.472%2C9.472%2C0%2C0%2C0%2C2.035%2C10.41A9.526%2C9.526%2C0%2C0%2C0%2C5.8%2C18.254a9.531%2C9.531%2C0%2C0%2C0%2C7.394%2C0%2C9.526%2C9.526%2C0%2C0%2C0%2C3.022-2.043A9.5%2C9.5%2C0%2C0%2C0%2C18.253%2C5.8Zm-5.095%2C6.392-0.967.967L9.45%2C10.426%2C6.708%2C13.159l-0.967-.967L8.483%2C9.45%2C5.741%2C6.717l0.967-.976L9.45%2C8.483l2.742-2.742%2C0.967%2C0.976L10.417%2C9.45Z%22%2F%3E%3C%2Fsvg%3E) } .ie .form-dropdown ~ .form-icon { display:none } .details-dropdowns-wrapper.row { display:block } .upload-box { position: relative; width:100% } .upload-box .upload-drag-msg, .upload-box .upload-uploading, .upload-box .upload-success, .upload-box .upload-error { display:none } .upload-box .upload-drag-msg { position: absolute; color:#6e6e73 } @media only screen and (max-width: 734px) { .upload-box .upload-input { font-size:16px } } .upload-box .file-button { margin-bottom:1em } .upload-box .upload-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index:-1 } .upload-box .upload-dragndrop { padding: 10px 15px; border: 1px solid #d2d2d7; border-radius:5px } .upload-box .upload-list .is-error { color:#e30000 } .upload-box .upload-list .name { display: inline; white-space:nowrap } .upload-box.has-advanced-upload .upload-drag-msg { display:block } .upload-box.has-advanced-upload .upload-list { padding-top:2em } .upload-box.is-dragover .upload-dragndrop { background-color:#fbfbfd } .form-tooltip-textbox-wrapper .form-tooltip-wrapper.form-icons-wrapper { right: -30px; height:25px } .form-icons-wrapper { position: relative; display:block } .form-tooltip { z-index:9999 } .form-tooltip-button { z-index: 100; pointer-events: all; width:20px } .form-tooltip-button span.form-icons { pointer-events: none; left:0 } @media only screen and (max-width: 1068px) { .form-tooltip-middle { left:-12.23529rem } } @media only screen and (max-width: 1068px) { .form-tooltip-middle::after { right:.88235rem } } .form-tooltip-textbox-wrapper .form-label { padding-top:0px } .form-tooltip-textbox-wrapper .form-tooltip-middle { left:-94px } @media only screen and (max-width: 1068px) { .form-tooltip-textbox-wrapper .form-tooltip-middle { left:-12.23529rem } .form-tooltip-textbox-wrapper .form-tooltip-middle::after { right:.8em } } .form-tooltip-textbox-wrapper .form-block-label + .form-textbox + .form-tooltip-wrapper { top:37px } @media only screen and (max-width: 1068px) { .form-tooltip-textbox-wrapper .form-block-label + .form-textbox + .form-tooltip-wrapper { top:29px } } .form-tooltip-textbox-wrapper .form-block-label { display: block; padding-bottom:0.6em } .form-tooltip-textbox-wrapper .form-dropdown.no-label, .form-tooltip-textbox-wrapper .form-dropdown .no-label { padding-top:5px } .form-dropdown-select { display:block } .form-dropdown-multiline { z-index:initial } .form-dropdown-options { overflow:scroll } .form-tooltip-wrapper { right: -30px; top: 0; left: auto; position:absolute } .form-dropdown + .form-tooltip-wrapper, .form-element + .form-tooltip-wrapper { right: -30px; top: 10px; left:auto } .form-dropdown + .form-tooltip-wrapper, .form-element + .form-tooltip-wrapper.tooltip-paragraph { right: -32px; top: 10px; left:auto } .form-tooltip-section-wrapper .form-tooltip-wrapper { top: .89126rem; margin:0 } .form-tooltip-section-wrapper .form-checkbox .form-tooltip-wrapper { top:0 } .form-tooltip-section-wrapper .form-label-tooltip ~ .form-tooltip-wrapper { top:0 } .form-tooltip-section-wrapper .form-tooltip-wrapper, .form-tooltip-section-wrapper .form-icons-wrapper.form-tooltip-wrapper { right:-32px } .form-tooltip-right::after { right:.88235rem } .form-tooltip-left::after { left:.88235rem } .form-tooltip { bottom:2.13415rem } .form-tooltip-textbox-wrapper .form-tooltip { bottom:1.68235rem } .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after { left:2px } .form-tooltip-button { width: 23px; border:2px solid white } .form-tooltip-button .form-icons { border: 2px solid white; border-radius:50% } .form-tooltip-section-wrapper .form-tooltip-button:focus .form-icons, .form-tooltip-section-wrapper .form-tooltip-button:active .form-icons, .form-tooltip-section-wrapper .form-tooltip-button .focused { outline: none; border-radius: 50%; box-shadow: none; border:2px solid rgba(131, 192, 253, 0.5) } .form-dropdown-multiline .form-dropdown-select { padding:1.05882rem 1.8rem 0 .94118rem } .form-dropdown-multiline.is-expanded .form-dropdown-select { padding-top:2rem } .form-dropdown-multiline .form-dropdown-option { cursor:pointer } .section-lgl-two-up-tiles .tile-container-wrapper { display: -ms-flexbox; display: flex; width: calc(100% + 20px); -ms-flex-wrap: nowrap; flex-wrap:nowrap } .section-lgl-two-up-tiles .tile-container-wrapper .legal-two-up { margin-right:20px } .text-zoom .section-lgl-one-up-tile .section-content { max-width:702px } .text-zoom .section-lgl-one-up-tile .legal-one-up a.tile .pattern-image { position:relative } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .tile-modal-container p { max-height: 13.5em; overflow:initial } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .tile-modal-container .card-modal-content { max-height:22em } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .pattern-image { width: 100%; position:relative } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .pattern-image::after { height:422px } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .tile-modal-container { max-width: 100%; position: relative; max-height: 0; padding:0 } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .tile-button-wrapper { height: 2em; position:relative } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .tile-button-wrapper .icon { min-width: 1em; max-height: 2em; top:calc(50% - .5em) } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .tile-button-wrapper .tile-button-label { max-height: 2em; position: relative; top:calc(50% - .5em) } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .tile-modal-container { max-height: 100%; padding:60px 8.33% } .text-zoom .section-lgl-one-up-tile .legal-one-up.left-asset .tile { -ms-flex-direction: column; flex-direction:column } .text-zoom .section-lgl-one-up-tile .legal-one-up.left-asset .tile-button-wrapper { left:8.33% } .text-zoom .section-lgl-one-up-tile .legal-one-up.left-asset .pattern-image { border-bottom-left-radius:0 } .text-zoom .section-lgl-one-up-tile .legal-one-up.right-asset .tile { -ms-flex-direction: column; flex-direction:column } .text-zoom .section-lgl-one-up-tile .legal-one-up.right-asset .tile-button-wrapper { left:8.33% } .text-zoom .section-lgl-one-up-tile .legal-one-up.right-asset .pattern-image { border-bottom-right-radius:0 } .text-zoom .section-lgl-one-up-tile .legal-one-up .tile .tile-content { position: relative; width: 100%; box-sizing:border-box } .section-lgl-one-up-tile .legal-one-up .tile { display: -ms-flexbox; display: flex; text-decoration:none } .section-lgl-one-up-tile .legal-one-up .tile .tile-modal-container { display: block; position: absolute; max-width: 50%; box-sizing: border-box; padding: 60px 8.33333%; opacity: 0; transition: opacity 100ms ease-in-out; cursor:default } .section-lgl-one-up-tile .legal-one-up .tile .tile-modal-container p { max-height: 260px; overflow:hidden } .section-lgl-one-up-tile .legal-one-up .tile .tile-modal-container p:first-child { margin-bottom:16px } .section-lgl-one-up-tile .legal-one-up .tile .tile-modal-container .card-modal-content { max-height: 260px; overflow:hidden } .section-lgl-one-up-tile .legal-one-up .tile .blocked { display:none } .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .tile-modal-container { opacity: 1; cursor:auto } .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .pattern-image { opacity:0 } .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .tile-button-wrapper .tile-icon-wrapper { max-width:34px } .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .tile-button-wrapper .tile-icon-wrapper .icon { transform:rotate(45deg) } .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .tile-button-wrapper .tile-button-label { opacity:0 } .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .blocked { display:block } .section-lgl-one-up-tile .legal-one-up .tile.inline-content-visible .tile-button-label { max-width: 0; overflow: hidden; padding-left:0 } @media only screen and (max-width: 734px) { .section-lgl-one-up-tile .legal-one-up .tile { -ms-flex-direction: column; flex-direction: column; height:684px } .section-lgl-one-up-tile .legal-one-up .tile .tile-button-wrapper { width:84% } .section-lgl-one-up-tile .legal-one-up .tile .tile-content { position: relative; width:100% } .section-lgl-one-up-tile .legal-one-up .tile .pattern-image { width:100% } } .section-lgl-one-up-tile .legal-one-up .tile-content { width:50% } .section-lgl-one-up-tile .legal-one-up .pattern-image { width: 50%; transition:opacity 100ms ease-in-out } .section-lgl-one-up-tile .legal-one-up.right-asset .tile .tile-modal-container { margin-left: auto; right:0 } .section-lgl-one-up-tile .legal-one-up.right-asset .pattern-image { margin-left: auto; border-bottom-right-radius: 18px; border-top-right-radius:18px } .section-lgl-one-up-tile .legal-one-up.right-asset .tile-button-wrapper { left:81px } @media only screen and (max-width: 1068px) { .section-lgl-one-up-tile .legal-one-up.right-asset .tile-button-wrapper { left: 55px; bottom:26px } } @media only screen and (max-width: 734px) { .section-lgl-one-up-tile .legal-one-up.right-asset .tile-button-wrapper { left:8% } .section-lgl-one-up-tile .legal-one-up.right-asset .pattern-image { border-bottom-right-radius: 0; border-top-right-radius:0 } } .section-lgl-one-up-tile .legal-one-up.left-asset .tile .tile-content { right:0 } .section-lgl-one-up-tile .legal-one-up.left-asset .tile .tile-modal-container { margin-right: auto; left:0 } .section-lgl-one-up-tile .legal-one-up.left-asset .pattern-image { margin-right: auto; border-bottom-left-radius: 18px; border-top-left-radius:18px } .section-lgl-one-up-tile .legal-one-up.left-asset .tile-button-wrapper { left:570px } @media only screen and (max-width: 1068px) { .section-lgl-one-up-tile .legal-one-up.left-asset .tile-button-wrapper { left: 400px; bottom:26px } } @media only screen and (max-width: 734px) { .section-lgl-one-up-tile .legal-one-up.left-asset .tile-button-wrapper { right: 100%; left:8% } .section-lgl-one-up-tile .legal-one-up.left-asset .pattern-image { border-bottom-left-radius: 0; border-top-left-radius: 0 } } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-blue"] .tile { background: #041725; color: white } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-blue"] .tile h2 { color: inherit } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-blue"] .tile .tile-button-wrapper { color: #17ACF8 } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-gray"] .tile { background: #1D1D1F; color: white } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-gray"] .tile h2 { color: inherit } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-gray"] .tile .tile-button-wrapper { color: #3587F7 } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-light-gray"] .tile { background: #E8E8ED; color: #000000 } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-light-gray"] .tile h2 { color: inherit } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-light-gray"] .tile .tile-button-wrapper { color: #000000 } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-orange"] .tile { background: #261901; color: white } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-orange"] .tile h2 { color: inherit } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-orange"] .tile .tile-button-wrapper { color: #FFA109 } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-yellow"] .tile { background: #262107; color: white } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-yellow"] .tile h2 { color: inherit } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-yellow"] .tile .tile-button-wrapper { color: #FFDA2F } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-green"] .tile { background: #001F10; color: white } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-green"] .tile h2 { color: inherit } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-green"] .tile .tile-button-wrapper { color: #00CA61 } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-purple"] .tile { background: #0F0E1C; color: white } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-purple"] .tile h2 { color: inherit } .section-lgl-one-up-tile .legal-one-up[data-tile-theme="theme-purple"] .tile .tile-button-wrapper { color:#8C85E4 } .tile-button-wrapper { min-width: 120px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; cursor:initial } .tile-button-wrapper .tile-icon-wrapper { transition: transform 100ms ease; position: absolute; cursor: pointer; z-index: 2; height:34px } .tile-button-wrapper .icon { font-size: 32px; font-weight: 200; min-width: 34px; max-height: 34px; text-align: center; line-height: 1.1; color: inherit; display: inline-block; transition:transform 100ms ease-in-out } .tile-button-wrapper .tile-button-label { display: inline-block; position: relative; opacity: 1; padding-left: 10px; color: inherit; letter-spacing: -0.37400001287460327px; bottom: 5px; overflow: visible; transition:max-width, opacity, 100ms ease-in-out } @media only screen and (max-width: 734px) { .tile-button-wrapper .tile-button-label { max-width:70% } } .tile-button-wrapper .tile-icon-wrapper .icon-interacted { display:none } .tile-button-wrapper .tile-icon-wrapper:hover .icon-interacted { display:inline-block } .tile-button-wrapper .tile-icon-wrapper:hover .icon-display { display:none } .modal.modal-full-viewport.modal-theme-applied { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; backdrop-filter: saturate(180%) blur(50px); -webkit-backdrop-filter: saturate(180%) blur(50px); color: white; overflow:auto } @media only screen and (max-width: 734px) { .modal.modal-full-viewport.modal-theme-applied { -ms-flex-pack: start; justify-content:flex-start } } .modal.modal-full-viewport.modal-theme-applied .modal-close { font-size: 30px; margin: 0 auto 30px 5%; position: relative; left: 0; top: 0; min-height: 1.1em; padding-top:0.125em } .modal.modal-full-viewport.modal-theme-applied .modal-close::after { position: absolute; opacity: 0; width: 1em; height:1em } .modal.modal-full-viewport.modal-theme-applied .modal-close .icon-display { display:inline-block } .modal.modal-full-viewport.modal-theme-applied .modal-close .icon-interacted { display:none } .modal.modal-full-viewport.modal-theme-applied .modal-close:hover .icon-display { display:none } .modal.modal-full-viewport.modal-theme-applied .modal-close:hover .icon-interacted { display:inline-block } .modal.modal-full-viewport.theme-yellow { background: rgba(38, 33, 7, 0.9); color:white } .modal.modal-full-viewport.theme-yellow .modal-close { color:#FFDA2F } .modal.modal-full-viewport.theme-blue { background: rgba(4, 23, 37, 0.9); color:white } .modal.modal-full-viewport.theme-blue .modal-close { color:#17ACF8 } .modal.modal-full-viewport.theme-gray { background: rgba(29, 29, 31, 0.9); color:white } .modal.modal-full-viewport.theme-gray .modal-close { color:#3587F7 } .modal.modal-full-viewport.theme-light-gray { background: rgba(232, 232, 237, 0.9); color:#000000 } .modal.modal-full-viewport.theme-light-gray .modal-close, .modal.modal-full-viewport.theme-light-gray h2 { color:#000000 } .modal.modal-full-viewport.theme-orange { background: rgba(38, 25, 1, 0.9); color:white } .modal.modal-full-viewport.theme-orange .modal-close { color:#FFA109 } .modal.modal-full-viewport.theme-green { background: rgba(0, 31, 16, 0.9); color:white } .modal.modal-full-viewport.theme-green .modal-close { color:#00CA61 } .modal.modal-full-viewport.theme-purple { background:rgba(15, 14, 28, 0.9) } .modal.modal-full-viewport.theme-purple .modal-close { color:#8C85E4 } .modal.modal-full-viewport .tile-modal-container { height:100% } .modal.modal-full-viewport .card-modal-content { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; height: 100%; margin: 0 auto; width:90% } .tile .tile-content { position: absolute; width: 100%; box-sizing:border-box } .tile .tile-modal-container { display:none } @media only screen and (max-width: 734px) { .tile-container-wrapper.row.bottom-padding { padding-bottom:50px } } .section.banner-gray { background-color:#f2f2f2 } .section.banner-blue { background-color: #0071e3; color:white } .section.banner-blue .preceeding-spacer { background-color:white } .section.banner-blue .banner-content__cta { color:white } .disabled { display:none } .banner-content { display: -ms-flexbox; display: flex; padding: 18px 0; -ms-flex-pack: center; justify-content: center; text-align:center } .banner-content a:focus { text-decoration:underline } .banner-content__cta { cursor:pointer } .banner-content__cta.more { padding-right:0 } .banner-content__title { padding:0 20px } .banner-content__title-copy { display: inline; box-sizing:border-box } .banner-content__title .preceeding-spacer { display: inline-block; position: relative; width: 20px; height: 2px; background-color: black; margin: 0 5px; position: relative; box-sizing: border-box; bottom:calc(.5em - 5px) } .banner-content .banner-content__icon { height: 25px; width: 25px; min-height: 25px; min-width: 25px; background-size: 25px; -ms-flex-item-align: center; align-self:center } .icon-location { background-image: url("/legal/v/legal/e/images//icons/geo-icon-blue.png") } .banner-blue .icon-location { background-image: url("/legal/v/legal/e/images//icons/geo-icon.png") } .icon-language { background-image: url("/legal/v/legal/e/images//icons/globe-icon-final.png") } .banner-blue .icon-language { background-image: url("/legal/v/legal/e/images//icons/globe-icon-final-white.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) { .icon-location { background-image: url("/legal/v/legal/e/images//icons/geo-icon-blue_2x.png") } .banner-blue .icon-location { background-image: url("/legal/v/legal/e/images//icons/geo-icon-white_2x.png") } .icon-language { background-image: url("/legal/v/legal/e/images//icons/language-icon-final-blue_2x.png") } .banner-blue .icon-language { background-image: url("/legal/v/legal/e/images//icons/language-icon-final-white_2x.png") } } .selector-section { padding-bottom:60px } .selector-section__body__wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style:none } .selector-section__body__wrapper .hierarchy-list-item { display:inline-block } .selector-section__body__wrapper .hierarchy-list-item:hover { text-decoration:none } .selector-section__body__wrapper .hierarchy-list-item:focus { outline:4px solid rgba(0, 125, 250, 0.6) } .selector-section__body__wrapper .vert-horiz-center { height:4.88235em } .selector-section__body .chapternav { height:7.058em } .selector-section__body .chapternav .chapternav-wrapper { height:7.058em } .selector-section__body .document-wrapper .selector-tabnav-slide-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width:calc(100% + 20px) } .selector-section__body .document-wrapper .selector-tabnav-slide-content a:focus { text-decoration:underline } .selector-section .form-label { display:block } .selector-section .chapternav-link { margin-top:5px } .selector-section__link-area { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content:center } .modal-language-selection.modal-standard .content-wrapper { width:1044px } .modal-title-section { text-align: center; margin-bottom: 80px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction:column } .modal-title-section h2 { margin-bottom:0 } .modal-title-section .modal-title-section__icon { height: 30px; width: 30px; background-size: 30px; margin:0 auto } .section-content[data-selector-section] { margin-bottom:80px } .selector-content-head { display: -ms-flexbox; display: flex; margin-top:30px } .selector-content-head h2 { margin: 0; padding-left:25px } .selector-content-head .selector-icon { height: 30px; width: 30px; background-size:contain } @media only screen and (max-width: 734px) { .selector-content-head { -ms-flex-direction: column; flex-direction:column } .selector-content-head h2 { padding:25px 0 0 0 } .selector-content-head .selector-icon { margin:auto } } .modal-link-section__heading { padding: 0 0 40px 5px; margin-bottom:0 } .modal-link-section .link-section-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 35px; list-style: none; margin:0 } .modal-link-section .link-section-wrapper li { padding: 10px 5px; box-sizing:border-box } .modal-link-section__item { cursor:pointer } .modal-link-section__item:focus { text-decoration:underline } @media only screen and (max-width: 1068px) { .modal-language-selection.modal-standard .content-wrapper { width:692px } } @media only screen and (max-width: 734px) { .modal-link-section { margin:0 20px } .modal-title-section { margin:20px 20px 40px 20px } .banner-content { -ms-flex-direction: column; flex-direction:column } .banner-content__icon { margin-bottom:5px } } .tabnav-column-wrapper { padding: 0 20px 20px 0; box-sizing:border-box } .tabnav-column-wrapper .tabnav-links-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; list-style: none; margin:0.8em 0 0 0 } .tabnav-column-wrapper .tabnav-links__item { display:inline-block } .tabnav-column-wrapper .tabnav-links__item:focus { outline-offset: 0px; outline-style:auto } .tabnav-column-wrapper .tabnav-links__item-area { margin-bottom: 5px; padding:5px 0 } .section-transparency-accordion.alt-background .accordion-content, .section-transparency-accordion.alt-background .accordion-panel, .section-transparency-accordion.alt-background .row { background-color:#fbfbfd } .section-transparency-accordion .accordion-wrapper { margin-left:0 } .section-transparency-accordion .accordion-wrapper .accordion-item { overflow: hidden; position: relative; display: block; width: 100%; list-style-type: none; border-top:1px solid #d2d2d7 } .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-headline { padding-top: 1.937247277287008rem; padding-bottom: 1.937247277287008rem; margin:0 } @media only screen and (max-width: 1068px) { .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-headline { padding-right: 45px; display:block } } .section-transparency-accordion .accordion-wrapper .accordion-item .icon-plus { position: absolute; top: -1.878542814338917rem; right: 0.293522314740456rem; font-size: 50px; color:#86868b } .section-transparency-accordion .accordion-wrapper .accordion-item .icon-plus span { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position:absolute } .section-transparency-accordion .accordion-wrapper .accordion-item .icon-plus:after { transform-origin: center; transition:transform 150ms linear } .no-js .section-transparency-accordion .accordion-wrapper .accordion-item .icon-plus { display:none } .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel { background-color: white; margin-top: 0; display:none } .no-js .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel { display:block } .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .accordion-content ol, .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .accordion-content ul { margin-left: 2.8em } .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .accordion-content [class * ="badge"] ul { margin-left:0 } @media only screen and (max-width: 734px) { .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .accordion-content .section-content { width:100% } } .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .document-wrapper { padding-top: 52px; margin-top: 0; margin-bottom: 75px; transition:all 150ms linear } @media only screen and (max-width: 734px) { .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .document-wrapper { padding-top:0px } } .alt-background .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .document-wrapper { background-color:#fbfbfd } .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .document-wrapper .section-slide { background: #fff; width:100% } .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .document-wrapper .section-slide .date-label { display:none } .no-js .section-transparency-accordion .accordion-wrapper .accordion-item .accordion-panel .document-wrapper .section-slide .date-label { display:block } .section-transparency-accordion .accordion-wrapper .accordion-item.active .accordion-panel { display:block } .section-transparency-accordion .accordion-wrapper .accordion-item.active .icon-plus:after { transform:rotate(45deg) } .section-transparency-accordion .accordion-wrapper .accordion-item:hover .accordion-headline { cursor: pointer; color:#06c } .section-transparency-accordion .accordion-wrapper .accordion-item:hover .icon-plus { color:#06c } .section-transparency-accordion .accordion-wrapper .accordion-item:hover .panel { color:#1d1d1f } .section-transparency-accordion .section-content .row { display: block; margin-right:0 } .theme-dark .section-transparency-accordion.alt-background .accordion-content, .theme-dark .section-transparency-accordion.alt-background .accordion-panel, .theme-dark .section-transparency-accordion.alt-background .row { background-color:#000 } .statistic-card { box-sizing: border-box; backface-visibility: hidden; width: 320px; height: 415px; margin: 8px 15px; padding: 10px 30px 0 30px; background: #fff; overflow: hidden; opacity:0.8 } @media only screen and (max-width: 734px) { .touch .statistic-card { opacity:1 } } .statistic-card:focus { border-color: #0070c9; outline: 0; box-shadow:0 0 0 5px rgba(131, 192, 253, 0.5) } .statistic-card .statistic-icon { position: absolute; right: 30px; top:26px } .statistic-card .statistic-primary-heading { width: 220px; border-bottom: 1px solid #d2d2d7; padding-right: 40px; padding-bottom: 10px; margin-top: 15px; margin-bottom:0 } .text-zoom .statistic-card .statistic-primary-heading { word-break: keep-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens:auto } .statistic-card .statistic-table { margin-top:20px } .statistic-card .statistic-table .badge-tiny { width: 125px; min-height:90px } .statistic-card .statistic-table td { vertical-align:top } .statistic-card .statistic-table tr { background-color:transparent !important } .statistic-card .statistic-table .table-row { background:none } .statistic-card .statistic-table .statistic-heading { margin-bottom:7px } .statistic-card .statistic-table .statistic-caption { padding-right: 10px; color: #1d1d1f; position:relative } .statistic-card .statistic-cta { margin-top:12px } .no-flags .statistic-icon { display:none } .transparency-range-slider input[type=range]::-moz-focus-outer { border:0 } .transparency-range-slider input[type=range] { -webkit-appearance: none; width: 100%; margin:9px 0 } @media only screen and (max-width: 734px) { .transparency-range-slider input[type=range] { margin:20px 0 } } .transparency-range-slider input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 2px; cursor: pointer; box-shadow: 0px 0px 0px transparent, 0px 0px 0px rgba(13, 13, 13, 0); background: #bbbbbb; border-radius: 0px; border:0px solid #010101 } .transparency-range-slider input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(13, 13, 13, 0.3); border: 2px solid #bbbbbb; height: 20px; width: 20px; border-radius: 20px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -9px; z-index: 9999; position:relative } .transparency-range-slider input[type=range]:focus::-webkit-slider-runnable-track { background:#bebebe } .transparency-range-slider input[type=range]::-moz-range-track { width: 100%; height: 2px; cursor: pointer; box-shadow: 0px 0px 0px transparent, 0px 0px 0px rgba(13, 13, 13, 0); background: #bbbbbb; border-radius: 0px; border:0px solid #010101 } .transparency-range-slider input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(13, 13, 13, 0.3); border: 2px solid #bbbbbb; height: 20px; width: 20px; border-radius: 20px; background: #ffffff; cursor: pointer; z-index: 9999; position:relative } .transparency-range-slider input[type=range]::-ms-track { width: 100%; height: 22px; cursor: pointer; background: transparent; border-color: transparent; color:transparent } .transparency-range-slider input[type=range]::-ms-fill-lower { background: #b8b8b8; border: 0px solid #010101; border-radius: 0px; box-shadow: 0px 0px 0px transparent, 0px 0px 0px rgba(13, 13, 13, 0); height:2px } .transparency-range-slider input[type=range]::-ms-fill-upper { background: #bbbbbb; border: 0px solid #010101; border-radius: 0px; box-shadow: 0px 0px 0px transparent, 0px 0px 0px rgba(13, 13, 13, 0); height:2px } .transparency-range-slider input[type=range]::-ms-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(13, 13, 13, 0.3); border: 2px solid #bbbbbb; height: 20px; width: 20px; border-radius: 20px; background: #ffffff; cursor: pointer; z-index: 9999; position:relative } .transparency-range-slider input[type=range]:focus::-ms-fill-lower { background:#bbbbbb } .transparency-range-slider input[type=range]:focus::-ms-fill-upper { background:#bebebe } .edge .transparency-range-slider input[type=range]::-webkit-slider-thumb, .ie .transparency-range-slider input[type=range]::-webkit-slider-thumb { margin-top:0px } .edge .transparency-range-slider input[type=range]::-ms-tooltip, .ie .transparency-range-slider input[type=range]::-ms-tooltip { display:none } .transparency-dropdown { z-index: 9000; position:relative } .transparency-dropdown .form-dropdown-option { margin-bottom:0 !important } .transparency-dropdown .form-dropdown-options { margin-top: 0 !important; margin-bottom:0 !important } .transparency-dropdown .form-dropdown-multiline { height:auto } .transparency-dropdown .form-dropdown-multiline.is-expanded { height:auto } .text-zoom .section-transparency-globe { padding-bottom:200px } @media only screen and (max-width: 734px) { .text-zoom .section-transparency-globe { padding-bottom:75px } } .text-zoom .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards .statistic-card.ac-gallery-currentitem { overflow-x:auto } .text-zoom .statistic-card .statistic-table .badge-tiny { width:100% } .text-zoom .statistic-primary-heading { margin-top:35px } .text-zoom .globe-dropdown { width:100% } .text-zoom .globe-dropdown .form-dropdown-multiline { width: 75%; margin: 0 auto; margin-bottom:20px } .text-zoom .globe-dropdown button.form-dropdown { width:100% } .alt-background section { background-color:#fbfbfd } .section-transparency-graph .graph-overflow { margin-top: 10px; margin-bottom:30px } .document-wrapper .section-transparency-graph .graph-overflow { margin-top:0px } .section-transparency-graph.in-view .graph-wrapper .bar-value, .active .section-transparency-graph .graph-wrapper .bar-value, .ac-gallery-currentitem .section-transparency-graph .graph-wrapper .bar-value { max-height: 100% !important; transition:all .7s ease-in-out } .section-transparency-graph.in-view .graph-wrapper .bar-label, .section-transparency-graph.in-view .graph-wrapper .bar-label-first, .active .section-transparency-graph .graph-wrapper .bar-label, .active .section-transparency-graph .graph-wrapper .bar-label-first, .ac-gallery-currentitem .section-transparency-graph .graph-wrapper .bar-label, .ac-gallery-currentitem .section-transparency-graph .graph-wrapper .bar-label-first { opacity: 1; transition: opacity .35s ease-in-out; transition-delay:.7s } .alt-background .section-transparency-graph { background-color:#fbfbfd } .section-transparency-graph .graph-container { min-height: 470px; overflow: auto; padding-bottom: 15px; padding-top:50px } .section-transparency-graph .section-transparency-accordion .graph-container { min-height:470px } .section-transparency-graph .graph-wrapper { min-height: 400px; min-width: 100%; position: relative; margin-right: auto; margin-left:0 } .no-js .section-transparency-graph .graph-wrapper { display:none } .section-transparency-graph .graph-background { height:100% } .section-transparency-graph .graph-background .label { float: left; font-size: 10px; margin-right: 0.587044629480912rem; text-align: right; width:1.174089258961823rem } .section-transparency-graph .graph-background .keyline { border-top: none; border-bottom: 1px solid; border-color:#d2d2d7 } .section-transparency-graph .graph-key { list-style: none; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left:auto } @media only screen and (max-width: 734px) { .section-transparency-graph .graph-key { padding-top:30px } } .section-transparency-graph .graph-key .graph-key-item { display: inline-block; padding: 0 20px; font-size: 12px; color:#6e6e73 } @media only screen and (max-width: 734px) { .section-transparency-graph .graph-key .graph-key-item { margin-bottom:10px } } .section-transparency-graph .graph-key .graph-key-item .graph-key-swatch { width: 20px; height: 4px; display: inline-block; vertical-align:middle } .section-transparency-graph .graph-key .graph-key-item .graph-key-swatch.caption { background-color:#666 } .section-transparency-graph .graph-key .graph-key-item .graph-key-swatch.orange { background-color:#ef5602 } .section-transparency-graph .graph-key .graph-key-item .graph-key-swatch.green { background-color:#b0c95f } .section-transparency-graph .graph-key .graph-key-item .graph-key-swatch.blue { background-color:#31cec5 } .section-transparency-graph .graph-key .graph-key-item .graph-key-swatch.light-green { background-color:#7dc772 } .section-transparency-graph .graph-key .graph-key-item .graph-key-swatch.yellow { background-color:#ffe44a } .section-transparency-graph .graph-key .graph-key-item:nth-of-type(1) span { background-color:#666 } .section-transparency-graph .graph-key .graph-key-item:nth-of-type(2) span { background-color:#ef5602 } .section-transparency-graph .graph-key .graph-key-item:nth-of-type(3) span { background-color:#b0c95f } .section-transparency-graph .graph-key .graph-key-item:nth-of-type(4) span { background-color:#31cec5 } .section-transparency-graph .graph-key .graph-key-item:nth-of-type(5) span { background-color:#7dc772 } .section-transparency-graph .graph-key .graph-key-item:nth-of-type(6) span { background-color:#ffe44a } .graph-background .row, .section-transparency-graph .row, .document-wrapper .row { display:block } .graph-background .row::before, .graph-background .row::after, .section-transparency-graph .row::before, .section-transparency-graph .row::after, .document-wrapper .row::before, .document-wrapper .row::after { content: ' '; display:table } [data-ac-gallery-fade] [data-component-name=page-body-copy] .row.top-padding { padding-top:0 } [data-ac-gallery-fade] [data-component-name=page-body-copy] .row.bottom-padding { padding-bottom:0 } .bar-graph { height: 400px; position: absolute; top: 8px; left: 10px; margin-right: -10px; z-index:1 } .bar-graph .bar-group { margin-left: 40px; margin-right: 50px; height: 100%; float: left; position:relative } .bar-graph .bar-group .group-title { position: absolute; top: 405px; font-size: 10px; color: #6e6e73; margin-left: -1.75rem; left: 0; right: 0; text-align: center; width:4.109312406366382rem } .bar-graph .bar-group .bar-label { position: absolute; top: -1.467611573702279rem; color: #bf4800; opacity:0 } .bar-graph .bar-group .bar-label-first { position: absolute; top: -1.467611573702279rem; left: -200%; color: #6e6e73; opacity:0 } .bar-graph .bar-group .bar-value { width: 4px; background: #6e6e73; position: absolute; bottom: 0px; height: 0%; max-height: 0 !important; transform:translateZ(0) } .bar-graph .bar-group .bar-value:nth-of-type(2) { margin-left: 8px; background:#bf4800 } .bar-graph .bar-group .bar-value:nth-of-type(3) { margin-left: 16px; background:#b0c95f } .multiline.bar-graph { top:9px } .multiline .bar-group { width: 60px; margin-left: 30px; margin-right:20px } .multiline .bar-group .group-title { position: absolute; top: 405px; margin-left: -6px; font-size: 10px; color: #6e6e73; left: 0; right: 0; text-align: center; width:100% } .multiline .bar-group .bar-label { position: relative; margin-left: -19px; font-size: 10px; color: #6e6e73; text-align: center; width: 40px; display: block; transform:rotate(270deg) } .multiline .bar-group .bar-value:nth-of-type(2) { margin-left: 20px; background-color:#bf4800 } .multiline .bar-group .bar-value:nth-of-type(3) { margin-left: 40px; background-color:#b0c95f } .multiline .bar-group .bar-value:nth-of-type(4) { margin-left: 60px; background:#31cec5 } .multiline .bar-group .bar-value:nth-of-type(5) { margin-left: 80px; background:#7dc772 } .multiline .bar-group .bar-value:nth-of-type(6) { margin-left: 100px; background:#ffe44a } [data-modal-trigger] { cursor:pointer } [data-modal-dialog] { display:none } .modal [data-modal-dialog] { display:block } .ie .modal-close, .edge .modal-close { overflow:visible } .additional-badge-layouts { margin-top:100px } .country-badges .badge { width:185px } .country-badges .badge.large-6 { width:50% } .country-badges .badge.large-4 { width:33.33333% } @media only screen and (max-width: 734px) { .country-badges .badge.small-12 { width:100% } } .country-badges .badge-tiny { width:175px } .country-badges ul { margin:0 0 0 0 } .country-badges li { list-style-type: none; display: inline-block; vertical-align:top } .badge { margin-right:0px } .badge .badge-content { padding-right: 5px; display:inline-block } .badge .badge-content .badge-caption { position:relative } .section-badges.column-badges .badge:nth-of-type(5n) { clear:none } @media only screen and (max-width: 734px) { .section-badges.column-badges .badge:nth-of-type(5n) { clear:none } } .section-badges .badge:nth-of-type(5n) { clear:left } @media only screen and (max-width: 734px) { .section-badges .badge:nth-of-type(5n) { clear:none } } @media only screen and (max-width: 734px) { .section-badges .badge:nth-of-type(2n + 1) { clear:left } } .section-badges-tiny .badge:nth-of-type(7n) { clear:left } @media only screen and (max-width: 734px) { .section-badges-tiny .badge:nth-of-type(7n) { clear:none } } @media only screen and (max-width: 734px) { .section-badges-tiny .badge:nth-of-type(2n + 1) { clear:left } } .section-badges-tiny .badge-tiny { padding-right:10px } .section-badges-tiny .badge-tiny .badge-content { display:inline-block } .section-badges-tiny .badge-tiny .badge-caption { position:relative } @media only screen and (max-width: 1068px) { .section-badges-tiny .badge-tiny .badge-caption { width:100px } } @media only screen and (max-width: 734px) { .section-badges-tiny .badge-tiny .badge-caption { width:175px } } .divide th .icon-pluscircle, .five-column-table th .icon-pluscircle, .transparency-country-table th .icon-pluscircle { margin-left:5px } .divide:not(.no-flags) .country-table-link, .five-column-table:not(.no-flags) .country-table-link, .transparency-country-table:not(.no-flags) .country-table-link { text-indent: -23px; padding-left:23px } table.transparency-table.no-header .table-row { background-color:#f5f5f7 } table.transparency-table.no-header .table-row .text-right { padding-right:10px } .three-column-table-left-align th { padding-left:8px } @media only screen and (max-width: 734px) { .three-column-table-left-align th { padding-left:12px } } table.transparency-table.no-header .table-row:nth-child(even) { background-color:transparent } .two-column-table-note { padding-top:50px } table.divide th { font-size: 17px; line-height: 1.23536; font-weight: 600; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.divide th:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.divide th: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 } table.divide th:lang(ko) { 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 } table.divide th:lang(zh) { letter-spacing:0em } table.divide th:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.divide th:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.divide th:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.divide th: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 } table.divide th:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.divide th, table.divide td { padding-right:20px } table.divide td:first-child { border-right: 1px solid #d2d2d7; font-weight:600 } table.divide .table-row .text-right { text-align:right } table.divide .table-row .text-right button { text-align:right } table.divide .table-row .text-right .icon-pluscircle { line-height:28px } table.divide .table-row:nth-child(odd) { background-color:transparent } table.divide.with-overflow .table-cell { min-width:125px } .divide.three-column .table-row th { padding-left:8px } @media only screen and (max-width: 734px) { .divide.three-column .table-row th { padding-left:12px } } .five-column-table th { font-size: 17px; line-height: 1.23536; font-weight: 600; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .five-column-table th:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .five-column-table th: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 } .five-column-table th:lang(ko) { 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 } .five-column-table th:lang(zh) { letter-spacing:0em } .five-column-table th:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .five-column-table th:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .five-column-table th:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .five-column-table th: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 } .five-column-table th:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } .five-column-table th, .five-column-table td { padding-right:20px } .five-column-table .table-row:nth-child(odd) { background-color:transparent } table.transparency-country-table.with-overflow th { font-size: 17px; line-height: 1.23536; font-weight: 600; letter-spacing: -.016em; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.transparency-country-table.with-overflow th:lang(ar) { letter-spacing: 0em; font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.transparency-country-table.with-overflow th: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 } table.transparency-country-table.with-overflow th:lang(ko) { 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 } table.transparency-country-table.with-overflow th:lang(zh) { letter-spacing:0em } table.transparency-country-table.with-overflow th:lang(th) { font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.transparency-country-table.with-overflow th:lang(zh-CN) { font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.transparency-country-table.with-overflow th:lang(zh-HK) { font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.transparency-country-table.with-overflow th: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 } table.transparency-country-table.with-overflow th:lang(zh-TW) { font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif } table.transparency-country-table.with-overflow .table-row:nth-child(odd) { background-color:transparent } table.transparency-country-table.with-overflow th, table.transparency-country-table.with-overflow td { padding-right: 20px; padding-left:20px } table.transparency-country-table.with-overflow th span.flag.flag-16, table.transparency-country-table.with-overflow td span.flag.flag-16 { margin-right:7px } table.transparency-country-table.with-overflow tfoot .table-row { background-color: #1d1d1f !important; color:#fff } table.transparency-country-table.with-overflow tfoot .table-cell:first-child { min-width:180px } .section-transparency-links li { list-style: none; margin-bottom:20px } .section-transparency-globe { padding: 50px 0; background-color: #000; position: relative; margin-top:-52px } .touch .section-transparency-globe { padding:50px 0 120px } @media only screen and (max-width: 734px) { .touch .section-transparency-globe { padding:70px 0 0 } } @media only screen and (max-width: 734px) { .section-transparency-globe { min-height: 0; padding:70px 0 25px } } .section-transparency-globe .globe-heading { margin-top:110px } .section-transparency-globe .globe-heading p { color:#fff } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-heading { margin: 0 0 0 0; text-align:left } } .section-transparency-globe .globe-title { margin-top: 262px; margin-bottom:100px } @media only screen and (max-width: 1068px) { .section-transparency-globe .globe-title { margin-top:202px } } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-title { margin:0 0 0 0 } } .section-transparency-globe .globe-images { height: 892px; width: 892px; margin: -712px auto 0; z-index: 0; position: relative; overflow: hidden; background-color: #000; overflow: hidden; opacity: 0; transition: opacity 250ms ease-in-out; transition-delay:250ms } @media only screen and (max-width: 1068px) { .section-transparency-globe .globe-images { width: 710px; height: 710px; margin:-637px auto 0 } } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-images { display:none } } .section-transparency-globe .globe-gallery-card-wrapper { position: relative; overflow: hidden; min-height: 450px; margin: -254px auto 0; opacity: 0; transition: opacity 250ms ease-in-out; transition-delay:250ms } @media only screen and (max-width: 1068px) { .section-transparency-globe .globe-gallery-card-wrapper { margin:-153px auto 0 } } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-gallery-card-wrapper { margin:0 auto 0 } } .touch .section-transparency-globe .globe-gallery-card-wrapper { margin-bottom:50px } @media only screen and (max-width: 734px) { .touch .section-transparency-globe .globe-gallery-card-wrapper { margin:0 auto 20px } } .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards { position: relative; width: 100%; min-height: inherit; left:-330px } @media only screen and (max-width: 1068px) { .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards { left:-185px } } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards { left:0 } .touch .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards { display:none } } .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards .statistic-card { cursor:pointer } .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards .statistic-card.ac-gallery-currentitem { opacity: 1; cursor: auto; overflow-y:auto } .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards-fallback { position: relative; max-width: 90%; margin: 0 auto; min-height: inherit; left: 0; overflow: scroll; -webkit-overflow-scrolling: touch; display:none } @media only screen and (max-width: 734px) { .touch .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards-fallback { display:block } } .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards-fallback .container { position: absolute; left: 0px; top: 0px; width: 100%; height:100% } .section-transparency-globe .globe-gallery-card-wrapper .globe-gallery-cards-fallback .statistic-card { position:absolute } .section-transparency-globe .globe-slider-wrapper { padding: 0.587044629480912rem 0 8.218624812732763rem !important; margin: 0 auto; width: 100%; max-width: 652px; opacity: 0; transition: opacity 250ms ease-in-out; transition-delay:250ms } .touch .section-transparency-globe .globe-slider-wrapper { z-index: 0; visibility: hidden; display: none; padding-bottom:40px } @media only screen and (max-width: 734px) { .touch .section-transparency-globe .globe-slider-wrapper { padding:0 } } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-slider-wrapper { max-width: 320px; padding:0 0 177px } } .section-transparency-globe .globe-slider-wrapper .horizontal-slider:active { outline:none } .section-transparency-globe .transparency-dropdown { position: absolute; width: 100%; bottom:50px } @media only screen and (max-width: 1068px) { .section-transparency-globe .transparency-dropdown { bottom:15px } } @media only screen and (max-width: 734px) { .section-transparency-globe .transparency-dropdown { bottom:0 } } @media only screen and (max-width: 734px) { .touch .section-transparency-globe .globe-dropdowns-wrapper { display:none } } .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content { max-width: 990px; margin: 0 auto; height: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content:flex-start } @media only screen and (max-width: 1068px) { .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content { max-width:700px } .touch .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content { position:relative } } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content { max-width:320px } } .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content .globe-dropdown { margin-right:20px } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content .globe-dropdown { float:none } } .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content .globe-dropdown.primary { z-index:9999 } .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content .globe-credit { position: relative; -ms-flex: 1; flex: 1; color: #fff; padding-left:178px } @media only screen and (max-width: 1068px) { .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content .globe-credit { width: 17.61133888442735rem; left: 0; padding-left: 0; padding-top:20px } } @media only screen and (max-width: 734px) { .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content .globe-credit { display:none } } .section-transparency-globe .globe-dropdowns-wrapper .globe-dropdowns-content .globe-credit p { width:16rem } .section-transparency-globe .globe-dropdowns-small-wrapper { display:none } @media only screen and (max-width: 734px) { .touch .section-transparency-globe .globe-dropdowns-small-wrapper { display: block; position: relative; bottom:0 } } .section-transparency-globe.active .globe-images, .section-transparency-globe.active .globe-gallery-card-wrapper, .section-transparency-globe.active .globe-slider-wrapper { opacity:1 } .detail-report { min-height:50vh } @media only screen and (max-width: 734px) { .touch .details-dropdowns-wrapper { display:none } } .details-dropdowns-small-wrapper { display:none } @media only screen and (max-width: 734px) { .touch .details-dropdowns-small-wrapper { display:block } } .section-transparency-state-cards { padding: 50px 0; position:relative } .section-transparency-state-cards .state-gallery-card-wrapper { position: relative; overflow: hidden; min-height: 450px; margin: 0 auto; opacity: 0; transition: opacity 250ms ease-in-out; transition-delay:250ms } .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards { position: relative; width: 100%; min-height: inherit; left:-330px } @media only screen and (max-width: 1068px) { .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards { left:-185px } } @media only screen and (max-width: 734px) { .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards { left:0 } .touch .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards { display:none } } .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards .statistic-card { cursor:pointer } .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards .statistic-card.ac-gallery-currentitem { opacity: 1; cursor: auto; overflow-y:auto } .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards-fallback { position: relative; max-width: 100%; margin: 0 auto; min-height: inherit; left: 0; overflow: scroll; -webkit-overflow-scrolling: touch; display:none } @media only screen and (max-width: 734px) { .touch .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards-fallback { display:block } } .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards-fallback .container { position: absolute; left: 0px; top: 0px; width: 100%; height:100% } .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards-fallback .statistic-card { position:absolute } .section-transparency-state-cards .state-gallery-card-wrapper .state-gallery-cards-fallback .statistic-card:focus { border-color: none; outline: 0; box-shadow:none } .section-transparency-state-cards .state-slider-wrapper { padding: 10px 0 10px; margin: 0 auto; width: 100%; max-width: 652px; opacity: 0; transition: opacity 250ms ease-in-out; transition-delay:250ms } .touch .section-transparency-state-cards .state-slider-wrapper { z-index: 0; visibility: hidden; display: none; padding-bottom:40px } @media only screen and (max-width: 734px) { .touch .section-transparency-state-cards .state-slider-wrapper { padding:0 } } @media only screen and (max-width: 734px) { .section-transparency-state-cards .state-slider-wrapper { max-width: 320px; padding:0 0 177px } } .section-transparency-state-cards .state-slider-wrapper .horizontal-slider:focus { outline:none } .section-transparency-state-cards.active .state-gallery-card-wrapper, .section-transparency-state-cards.active .state-slider-wrapper { opacity:1 } @media only screen and (max-width: 734px) { .main .large-centered .flag-default_alt-70 { margin-left:-17px } } .all-small-caps { font-variant:all-small-caps } .large-offset-0 { margin-left:0 } .large-push-0 { left: auto; right:auto } .large-pull-0 { right: auto; left:auto } .large-1 { width:8.33333% } .large-offset-1 { margin-left:8.33333% } .large-push-1 { left: 8.33333%; right:auto } .large-pull-1 { right: 8.33333%; left:auto } .large-2 { width:16.66667% } .large-offset-2 { margin-left:16.66667% } .large-push-2 { left: 16.66667%; right:auto } .large-pull-2 { right: 16.66667%; left:auto } .large-3 { width:25% } .large-offset-3 { margin-left:25% } .large-push-3 { left: 25%; right:auto } .large-pull-3 { right: 25%; left:auto } .large-4 { width:33.33333% } .large-offset-4 { margin-left:33.33333% } .large-push-4 { left: 33.33333%; right:auto } .large-pull-4 { right: 33.33333%; left:auto } .large-5 { width:41.66667% } .large-offset-5 { margin-left:41.66667% } .large-push-5 { left: 41.66667%; right:auto } .large-pull-5 { right: 41.66667%; left:auto } .large-6 { width:50% } .large-offset-6 { margin-left:50% } .large-push-6 { left: 50%; right:auto } .large-pull-6 { right: 50%; left:auto } .large-7 { width:58.33333% } .large-offset-7 { margin-left:58.33333% } .large-push-7 { left: 58.33333%; right:auto } .large-pull-7 { right: 58.33333%; left:auto } .large-8 { width:66.66667% } .large-offset-8 { margin-left:66.66667% } .large-push-8 { left: 66.66667%; right:auto } .large-pull-8 { right: 66.66667%; left:auto } .large-9 { width:75% } .large-offset-9 { margin-left:75% } .large-push-9 { left: 75%; right:auto } .large-pull-9 { right: 75%; left:auto } .large-10 { width:83.33333% } .large-offset-10 { margin-left:83.33333% } .large-push-10 { left: 83.33333%; right:auto } .large-pull-10 { right: 83.33333%; left:auto } .large-11 { width:91.66667% } .large-offset-11 { margin-left:91.66667% } .large-push-11 { left: 91.66667%; right:auto } .large-pull-11 { right: 91.66667%; left:auto } .large-12 { width:100% } .large-offset-12 { margin-left:100% } .large-push-12 { left: 100%; right:auto } .large-pull-12 { right: 100%; left:auto } .large-centered { margin-left: auto; margin-right: auto; float:none } .large-uncentered { margin-left: 0; margin-right:0 } .large-last { float:right } .large-notlast { float:left } @media only screen and (min-width: 1442px) { .xlarge-offset-0 { margin-left:0 } .xlarge-push-0 { left: auto; right:auto } .xlarge-pull-0 { right: auto; left:auto } .xlarge-1 { width:8.33333% } .xlarge-offset-1 { margin-left:8.33333% } .xlarge-push-1 { left: 8.33333%; right:auto } .xlarge-pull-1 { right: 8.33333%; left:auto } .xlarge-2 { width:16.66667% } .xlarge-offset-2 { margin-left:16.66667% } .xlarge-push-2 { left: 16.66667%; right:auto } .xlarge-pull-2 { right: 16.66667%; left:auto } .xlarge-3 { width:25% } .xlarge-offset-3 { margin-left:25% } .xlarge-push-3 { left: 25%; right:auto } .xlarge-pull-3 { right: 25%; left:auto } .xlarge-4 { width:33.33333% } .xlarge-offset-4 { margin-left:33.33333% } .xlarge-push-4 { left: 33.33333%; right:auto } .xlarge-pull-4 { right: 33.33333%; left:auto } .xlarge-5 { width:41.66667% } .xlarge-offset-5 { margin-left:41.66667% } .xlarge-push-5 { left: 41.66667%; right:auto } .xlarge-pull-5 { right: 41.66667%; left:auto } .xlarge-6 { width:50% } .xlarge-offset-6 { margin-left:50% } .xlarge-push-6 { left: 50%; right:auto } .xlarge-pull-6 { right: 50%; left:auto } .xlarge-7 { width:58.33333% } .xlarge-offset-7 { margin-left:58.33333% } .xlarge-push-7 { left: 58.33333%; right:auto } .xlarge-pull-7 { right: 58.33333%; left:auto } .xlarge-8 { width:66.66667% } .xlarge-offset-8 { margin-left:66.66667% } .xlarge-push-8 { left: 66.66667%; right:auto } .xlarge-pull-8 { right: 66.66667%; left:auto } .xlarge-9 { width:75% } .xlarge-offset-9 { margin-left:75% } .xlarge-push-9 { left: 75%; right:auto } .xlarge-pull-9 { right: 75%; left:auto } .xlarge-10 { width:83.33333% } .xlarge-offset-10 { margin-left:83.33333% } .xlarge-push-10 { left: 83.33333%; right:auto } .xlarge-pull-10 { right: 83.33333%; left:auto } .xlarge-11 { width:91.66667% } .xlarge-offset-11 { margin-left:91.66667% } .xlarge-push-11 { left: 91.66667%; right:auto } .xlarge-pull-11 { right: 91.66667%; left:auto } .xlarge-12 { width:100% } .xlarge-offset-12 { margin-left:100% } .xlarge-push-12 { left: 100%; right:auto } .xlarge-pull-12 { right: 100%; left:auto } .xlarge-centered { margin-left: auto; margin-right: auto; float:none } .xlarge-uncentered { margin-left: 0; margin-right:0 } .xlarge-last { float:right } .xlarge-notlast { float:left } } @media only screen and (max-width: 1068px) { .medium-offset-0 { margin-left:0 } .medium-push-0 { left: auto; right:auto } .medium-pull-0 { right: auto; left:auto } .medium-1 { width:8.33333% } .medium-offset-1 { margin-left:8.33333% } .medium-push-1 { left: 8.33333%; right:auto } .medium-pull-1 { right: 8.33333%; left:auto } .medium-2 { width:16.66667% } .medium-offset-2 { margin-left:16.66667% } .medium-push-2 { left: 16.66667%; right:auto } .medium-pull-2 { right: 16.66667%; left:auto } .medium-3 { width:25% } .medium-offset-3 { margin-left:25% } .medium-push-3 { left: 25%; right:auto } .medium-pull-3 { right: 25%; left:auto } .medium-4 { width:33.33333% } .medium-offset-4 { margin-left:33.33333% } .medium-push-4 { left: 33.33333%; right:auto } .medium-pull-4 { right: 33.33333%; left:auto } .medium-5 { width:41.66667% } .medium-offset-5 { margin-left:41.66667% } .medium-push-5 { left: 41.66667%; right:auto } .medium-pull-5 { right: 41.66667%; left:auto } .medium-6 { width:50% } .medium-offset-6 { margin-left:50% } .medium-push-6 { left: 50%; right:auto } .medium-pull-6 { right: 50%; left:auto } .medium-7 { width:58.33333% } .medium-offset-7 { margin-left:58.33333% } .medium-push-7 { left: 58.33333%; right:auto } .medium-pull-7 { right: 58.33333%; left:auto } .medium-8 { width:66.66667% } .medium-offset-8 { margin-left:66.66667% } .medium-push-8 { left: 66.66667%; right:auto } .medium-pull-8 { right: 66.66667%; left:auto } .medium-9 { width:75% } .medium-offset-9 { margin-left:75% } .medium-push-9 { left: 75%; right:auto } .medium-pull-9 { right: 75%; left:auto } .medium-10 { width:83.33333% } .medium-offset-10 { margin-left:83.33333% } .medium-push-10 { left: 83.33333%; right:auto } .medium-pull-10 { right: 83.33333%; left:auto } .medium-11 { width:91.66667% } .medium-offset-11 { margin-left:91.66667% } .medium-push-11 { left: 91.66667%; right:auto } .medium-pull-11 { right: 91.66667%; left:auto } .medium-12 { width:100% } .medium-offset-12 { margin-left:100% } .medium-push-12 { left: 100%; right:auto } .medium-pull-12 { right: 100%; left:auto } .medium-centered { margin-left: auto; margin-right: auto; float:none } .medium-uncentered { margin-left: 0; margin-right:0 } .medium-last { float:right } .medium-notlast { float:left } } @media only screen and (max-width: 735px) { .small-offset-0 { margin-left:0 } .small-push-0 { left: auto; right:auto } .small-pull-0 { right: auto; left:auto } .small-1 { width:8.33333% } .small-offset-1 { margin-left:8.33333% } .small-push-1 { left: 8.33333%; right:auto } .small-pull-1 { right: 8.33333%; left:auto } .small-2 { width:16.66667% } .small-offset-2 { margin-left:16.66667% } .small-push-2 { left: 16.66667%; right:auto } .small-pull-2 { right: 16.66667%; left:auto } .small-3 { width:25% } .small-offset-3 { margin-left:25% } .small-push-3 { left: 25%; right:auto } .small-pull-3 { right: 25%; left:auto } .small-4 { width:33.33333% } .small-offset-4 { margin-left:33.33333% } .small-push-4 { left: 33.33333%; right:auto } .small-pull-4 { right: 33.33333%; left:auto } .small-5 { width:41.66667% } .small-offset-5 { margin-left:41.66667% } .small-push-5 { left: 41.66667%; right:auto } .small-pull-5 { right: 41.66667%; left:auto } .small-6 { width:50% } .small-offset-6 { margin-left:50% } .small-push-6 { left: 50%; right:auto } .small-pull-6 { right: 50%; left:auto } .small-7 { width:58.33333% } .small-offset-7 { margin-left:58.33333% } .small-push-7 { left: 58.33333%; right:auto } .small-pull-7 { right: 58.33333%; left:auto } .small-8 { width:66.66667% } .small-offset-8 { margin-left:66.66667% } .small-push-8 { left: 66.66667%; right:auto } .small-pull-8 { right: 66.66667%; left:auto } .small-9 { width:75% } .small-offset-9 { margin-left:75% } .small-push-9 { left: 75%; right:auto } .small-pull-9 { right: 75%; left:auto } .small-10 { width:83.33333% } .small-offset-10 { margin-left:83.33333% } .small-push-10 { left: 83.33333%; right:auto } .small-pull-10 { right: 83.33333%; left:auto } .small-11 { width:91.66667% } .small-offset-11 { margin-left:91.66667% } .small-push-11 { left: 91.66667%; right:auto } .small-pull-11 { right: 91.66667%; left:auto } .small-12 { width:100% } .small-offset-12 { margin-left:100% } .small-push-12 { left: 100%; right:auto } .small-pull-12 { right: 100%; left:auto } .small-centered { margin-left: auto; margin-right: auto; float:none } .small-uncentered { margin-left: 0; margin-right:0 } .small-last { float:right } .small-notlast { float: left } }